.creator-page{min-height:100vh}.ghost-link,.login-link{color:var(--muted);text-decoration:none;font-size:14px}.login-link{background:var(--acid);color:#101114;padding:10px 17px;border-radius:999px;font-weight:700}.creator-shell{min-height:calc(100vh - 74px)}.creator-sidebar{top:74px;height:calc(100vh - 74px)}.creator-help{margin:36px 10px 0;padding:18px;border:1px solid var(--line);border-radius:14px;background:#181a1f}.creator-help strong{font-size:13px;color:var(--acid)}.creator-help p{color:var(--muted);font-size:12px;line-height:1.65;margin:8px 0 0}.creator-main{min-width:0;padding:64px clamp(24px,5vw,76px) 100px}.creator-heading{max-width:850px}.creator-kicker{color:var(--acid);font-size:11px;font-weight:700;letter-spacing:.16em;margin:0 0 14px}.creator-heading h1{font-size:clamp(38px,5vw,66px);letter-spacing:-.06em;line-height:1.05;margin:0}.creator-heading p{color:var(--muted);font-size:16px;line-height:1.7;margin:20px 0 0}.creator-kind-tabs{display:flex;gap:10px;margin:34px 0 30px}.creator-kind-tabs a{padding:11px 18px;border:1px solid var(--line);border-radius:999px;color:var(--muted);text-decoration:none;font-size:14px}.creator-kind-tabs a.active{background:var(--acid);border-color:var(--acid);color:#111;font-weight:700}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.template-card{display:block;color:var(--text);text-decoration:none;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--surface);transition:.2s transform,.2s border-color}.template-card:hover{transform:translateY(-5px);border-color:#727784}.template-preview{display:block;width:100%;aspect-ratio:1.25;background:#08090b}.template-card-copy{padding:18px}.template-card-copy h2{font-size:19px;margin:0 0 8px}.template-card-copy p{color:var(--muted);font-size:13px;line-height:1.55;margin:0 0 14px}.template-tags{display:flex;gap:6px;flex-wrap:wrap}.template-tags span{font-size:10px;color:var(--acid);background:#0d0e11;border:1px solid #34383f;border-radius:999px;padding:5px 8px}.editor-back{display:inline-flex;align-items:center;gap:7px;color:var(--muted);text-decoration:none;margin-bottom:26px}.editor-head h1{font-size:clamp(34px,4vw,54px);letter-spacing:-.05em;margin:0}.editor-head p{color:var(--muted);margin:10px 0 0}.editor-layout{display:grid;grid-template-columns:minmax(360px,1fr) minmax(310px,430px);gap:34px;margin-top:34px;align-items:start}.canvas-panel{background:#0b0c0f;border:1px solid var(--line);border-radius:20px;padding:20px}.canvas-stage{display:grid;place-items:center;min-height:520px;background:radial-gradient(circle,#20232a,#0e0f12 68%);border-radius:14px;overflow:hidden}.canvas-stage canvas,.canvas-stage img{display:block;max-width:100%;max-height:70vh;box-shadow:0 18px 45px #0008}.result-status{margin:14px 0 0;color:var(--muted);font-size:12px}.control-panel{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:24px;position:sticky;top:98px}.control-panel h2{font-size:20px;margin:0 0 20px}.field-group{padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.field-group label,.register-fields label{display:block;color:var(--muted);font-size:12px;margin:0 0 7px}.field-group textarea,.field-group input[type="number"],.field-group input[type="text"],.register-fields input{width:100%;background:#101114;border:1px solid var(--line);border-radius:9px;color:var(--text);padding:11px;font:inherit}.field-group textarea{min-height:70px;resize:vertical}.mini-controls{display:grid;grid-template-columns:1fr 1fr 1fr 58px;gap:8px;margin-top:10px}.mini-controls input{min-width:0}.mini-controls input[type="color"]{width:100%;height:42px;border:1px solid var(--line);border-radius:9px;background:#101114;padding:4px}.speed-row{display:flex;gap:8px;margin:-4px 0 22px}.speed-row button{border:1px solid var(--line);background:#101114;color:var(--muted);padding:9px 12px;border-radius:999px;cursor:pointer}.speed-row button.active{color:#111;background:var(--acid);border-color:var(--acid)}.creator-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.creator-actions button,.creator-actions a{border:0;border-radius:10px;padding:13px;font:inherit;font-weight:700;text-align:center;text-decoration:none;cursor:pointer}.make-button{background:var(--coral);color:#111}.reset-button{background:#2a2d34;color:var(--text)}.download-button{grid-column:1/-1;background:var(--acid);color:#111}.download-button.disabled{pointer-events:none;opacity:.35}.register-box{margin-top:22px;padding-top:21px;border-top:1px solid var(--line)}.register-box h3{font-size:15px;margin:0 0 13px}.register-fields{display:grid;gap:11px}.register-button{width:100%;margin-top:12px;border:1px solid var(--acid);background:transparent;color:var(--acid);border-radius:10px;padding:12px;font:inherit;font-weight:700;cursor:pointer}.register-note{color:var(--muted);font-size:11px;line-height:1.5;margin:9px 0 0}.creator-toast{position:fixed}.empty-template{border:1px dashed var(--line);border-radius:18px;padding:70px;text-align:center;color:var(--muted)}
@media(max-width:1100px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-layout{grid-template-columns:1fr}.control-panel{position:static}.canvas-stage{min-height:440px}}
@media(max-width:800px){.creator-main{padding:34px 18px 80px}.creator-sidebar{display:none}.template-grid{grid-template-columns:1fr}.creator-heading h1{font-size:42px}.editor-layout{display:block}.control-panel{margin-top:16px;padding:18px}.canvas-stage{min-height:320px}.topbar{height:66px}.ghost-link{display:none}.creator-shell{display:block}.mini-controls{grid-template-columns:1fr 1fr 1fr 48px}.creator-filter{align-items:stretch;flex-direction:column}.creator-filter strong{min-width:0;text-align:left}}

@media(min-width:801px){.creator-sidebar{overflow-y:auto;scrollbar-width:thin}}
.creator-filter{display:flex;align-items:center;gap:16px;margin:0 0 24px}.creator-filter label{flex:1}.creator-filter input{width:100%;height:52px;border:1px solid var(--line);border-radius:14px;background:#101114;color:var(--text);padding:0 18px;font:inherit;outline:none}.creator-filter input:focus{border-color:var(--acid);box-shadow:0 0 0 3px #d7ff3f1f}.creator-filter strong{min-width:150px;color:var(--muted);font-size:12px;text-align:right}.template-preview{object-fit:contain}.template-load-more{display:block;min-width:180px;margin:30px auto 0;padding:13px 24px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font:inherit;font-weight:700;cursor:pointer}.template-load-more:hover{border-color:var(--acid);color:var(--acid)}.template-load-more[hidden]{display:none}.creator-loading{padding:80px 0;color:var(--muted);text-align:center}
.template-filters{display:grid;gap:12px;margin:0 0 28px;padding:17px;border:1px solid var(--line);border-radius:16px;background:#111318}.filter-line{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:start}.filter-line>span{padding-top:8px;color:var(--muted);font-size:11px;font-weight:700}.filter-chips{display:flex;flex-wrap:wrap;gap:7px}.filter-chips button{border:1px solid var(--line);border-radius:999px;background:#191b20;color:var(--muted);padding:7px 11px;font:inherit;font-size:12px;cursor:pointer}.filter-chips button:hover{border-color:#737985;color:var(--text)}.filter-chips button.active{border-color:var(--acid);background:var(--acid);color:#111;font-weight:800}.template-empty{margin:0}.template-empty[hidden]{display:none}
.canvas-stage canvas[hidden]{display:none!important}.canvas-stage .generated-result{display:block;object-fit:contain}
.control-panel{max-height:calc(100vh - 116px);overflow:auto}.field-group select{width:100%;min-width:0;background:#101114;border:1px solid var(--line);border-radius:9px;color:var(--text);padding:11px;font:inherit}.advanced-text{margin-top:9px}.advanced-text summary{color:var(--muted);font-size:11px;cursor:pointer}.slot-image-upload{margin-top:10px!important;border:1px dashed var(--line);border-radius:9px;padding:10px;cursor:pointer}.slot-image-upload input,.layer-add-row input{display:none}.layer-tools{margin:-2px 0 22px;padding:15px;border:1px solid var(--line);border-radius:12px;background:#101114}.layer-tools h3{font-size:13px;margin:0 0 10px}.layer-tools>p{color:var(--muted);font-size:10px;line-height:1.5}.layer-add-row{display:flex;gap:8px}.layer-add-row button,.layer-add-row label,.image-layer-row button{border:1px solid var(--line);border-radius:8px;background:#20232a;color:var(--text);padding:9px 11px;font:inherit;font-size:11px;cursor:pointer}.image-layer-row{display:grid;grid-template-columns:1fr 1.4fr 62px auto;gap:7px;align-items:center;margin-top:10px}.image-layer-row strong{font-size:10px}.image-layer-row input{min-width:0}.canvas-stage canvas{touch-action:none;cursor:grab}.canvas-stage canvas:active{cursor:grabbing}.motion-guide-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.motion-badge{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;padding:4px 7px;color:var(--muted);font-size:9px;font-weight:800}.motion-badge.tracked{border-color:#d7ff3f66;color:var(--acid)}.motion-badge.stable{color:#c7cbd3}.motion-guide>span{display:block;line-height:1.55}
.field-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.field-heading label{margin:0}.field-delete{border:0;background:transparent;color:var(--coral);font:inherit;font-size:11px;cursor:pointer}.advanced-text[open]{padding:10px;border-radius:10px;background:#0c0d10}.advanced-text .mini-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.advanced-text .mini-controls label{margin:0;display:grid;gap:5px}.advanced-text .background-control{display:flex;align-items:center;gap:6px}.advanced-text .background-control input[type="checkbox"]{width:auto}.advanced-text .background-control input[type="color"]{margin-left:auto;width:50px}.layer-tools>summary{color:var(--muted);font-size:12px;font-weight:700;cursor:pointer}.layer-tools[open]>summary{margin-bottom:12px;color:var(--text)}.layer-tools-body>p{color:var(--muted);font-size:10px;line-height:1.5}.image-layer-row label{display:grid;gap:4px;color:var(--muted);font-size:10px}.image-layer-row input[type="number"]{width:100%;background:#15171c;border:1px solid var(--line);border-radius:6px;color:var(--text);padding:6px}
@media(max-width:800px){.creator-filter{align-items:stretch;flex-direction:column}.creator-filter strong{min-width:0;text-align:left}.template-filters{padding:13px}.filter-line{grid-template-columns:1fr;gap:6px}.filter-line>span{padding:0}.filter-chips{flex-wrap:wrap;overflow:visible;padding-bottom:0}.filter-chips button{flex:0 0 auto}.creator-mobile-nav a.active{color:var(--acid);background:#ffffff08;border-radius:12px}.login-link.is-authenticated{width:42px;height:42px;padding:0;display:grid;place-items:center;background:var(--coral);border-radius:50%}}