@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-Medium.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-SemiBold.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-Bold.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-ExtraBold.ttf)format("truetype");font-weight:800 900;font-display:swap}:root{--app-bg:#090b0e;--panel:#111419;--panel-muted:#171a20;--ink:#f4f4f3;--muted:#8e949e;--line:#262a31;--accent:#d7ff43;--accent-dark:#bfe918;--surface-3:#1d2128;--faint:#636974;--shadow:0 24px 80px #00000052;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--app-bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.studio-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line);z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;grid-template-columns:minmax(260px,1fr) auto minmax(440px,1fr);align-items:center;gap:24px;min-height:72px;padding:12px 20px;display:grid;position:sticky;top:0}.brand-lockup{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{background:var(--ink);width:42px;height:42px;color:var(--accent);border-radius:12px;flex:none;place-items:center;font-family:Montserrat,sans-serif;font-size:22px;font-weight:800;display:grid}.brand-lockup div{min-width:0;display:grid}.brand-lockup strong{font-family:Montserrat,sans-serif;font-size:15px;font-weight:800}.brand-lockup span:not(.brand-mark){color:var(--muted);margin-top:2px;font-size:12px}.topbar-status{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.status-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #ffb70324}.status-dot.saved{background:#2eaa72;box-shadow:0 0 0 4px #2eaa721f}.topbar-actions{justify-self:end;align-items:center;gap:8px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:10px;min-height:40px;padding:0 15px;font-size:12px;font-weight:700;transition:all .16s}.button:hover{transform:translateY(-1px)}.button.ghost{border-color:var(--line);background:0 0}.button.secondary{background:var(--panel-muted);border-color:var(--line)}.button.primary{background:var(--ink);color:#fff;padding-inline:18px}.export-menu{background:var(--ink);border-radius:10px;align-items:stretch;display:flex;overflow:hidden}.export-menu .button.primary{border-radius:10px 0 0 10px}.export-secondary{border-left:1px solid #ffffff29;display:flex}.export-secondary button{background:var(--ink);color:#dfe4ea;cursor:pointer;border:0;padding:0 10px;font-size:10px;font-weight:800}.project-browser-backdrop{z-index:5000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e12188f;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.project-browser{background:#fff;border:1px solid #ffffffb3;border-radius:20px;flex-direction:column;width:min(760px,100%);max-height:min(780px,100vh - 48px);display:flex;overflow:hidden;box-shadow:0 32px 100px #050a124d}.project-browser-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;display:flex}.project-browser-header h2{margin:4px 0 0;font-family:Montserrat,sans-serif;font-size:20px}.dialog-close{border:1px solid var(--line);background:var(--panel-muted);color:#5c6570;cursor:pointer;border-radius:999px;width:36px;height:36px;font-size:22px}.project-browser-toolbar{border-bottom:1px solid var(--line);background:#f8f9fb;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;padding:16px 22px;display:grid}.project-browser-toolbar>div{gap:8px;display:flex}.project-name-field{color:#69727e;gap:6px;font-size:10px;font-weight:800;display:grid}.project-name-field input{border:1px solid var(--line);min-height:40px;color:var(--ink);background:#fff;border-radius:9px;padding:0 12px;font-size:13px;font-weight:700}.project-browser-list{gap:9px;min-height:0;padding:14px;display:grid;overflow:auto}.project-card{border:1px solid var(--line);background:#fff;border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;display:grid;overflow:hidden}.project-open{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:10px;display:grid}.project-open:hover{background:#f8f9fb}.project-thumbnail{color:#5c6570;border:1px solid #dfe3e8;border-radius:8px;place-items:center;width:58px;height:46px;font-size:10px;display:grid}.project-card-copy{gap:4px;min-width:0;display:grid}.project-card-copy strong,.project-card-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-card-copy strong{font-size:12px}.project-card-copy small{color:#8d96a1;font-size:9px}.current-project{color:#8a5a00;background:#fff2cc;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900}.project-card-actions{border-left:1px solid var(--line);grid-template-columns:repeat(2,auto);align-self:stretch;display:grid}.project-duplicate,.project-delete{cursor:pointer;background:0 0;border:0;align-self:stretch;padding:0 14px;font-size:10px;font-weight:800}.project-delete{border-left:1px solid var(--line);color:#bc4250}.project-duplicate:hover{background:#f3f6fa}.project-delete:hover{background:#fff2f3}.export-secondary button:hover{background:#262c35}.workspace{flex:1;grid-template-columns:252px minmax(440px,1fr) 330px;min-height:calc(100vh - 72px);display:grid}.panel{background:var(--panel)}.layers-panel{border-right:1px solid var(--line);flex-direction:column;min-width:0;max-height:calc(100vh - 72px);display:flex;position:sticky;top:72px;overflow:hidden}.inspector{border-left:1px solid var(--line);flex-direction:column;min-width:0;max-height:calc(100vh - 72px);display:flex;position:sticky;top:72px;overflow:hidden}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:78px;padding:16px;display:flex}.panel-heading h2{text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-family:Montserrat,sans-serif;font-size:15px;font-weight:800;overflow:hidden}.eyebrow-label{color:#929aa6;letter-spacing:.14em;text-transform:uppercase;font-size:9px;font-weight:800}.count-badge,.kind-badge{background:var(--panel-muted);color:var(--muted);border:1px solid var(--line);text-transform:uppercase;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800}.layer-add-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:8px;padding:12px;display:grid}.layer-add-row button,.layer-footer button,.upload-button{border:1px solid var(--line);background:var(--panel-muted);cursor:pointer;color:#59616c;border-radius:8px;min-height:34px;font-size:11px;font-weight:700}.layer-add-row button:hover,.layer-footer button:hover,.upload-button:hover{background:#fff;border-color:#c1c8d0}.layer-list{overscroll-behavior:contain;flex:1;min-height:0;padding:8px;overflow:auto}.layer-row{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:30px minmax(0,1fr) 24px;align-items:center;gap:8px;width:100%;min-height:54px;margin:2px 0;padding:7px 8px;display:grid}.layer-row:hover{background:var(--panel-muted)}.layer-row.active{background:#fff8df;border-color:#ffb7038c}.layer-icon{color:#4e5662;background:#edf0f4;border-radius:7px;place-items:center;width:28px;height:28px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:800;display:grid}.layer-row.active .layer-icon{background:var(--accent);color:var(--ink)}.layer-meta{min-width:0;display:grid}.layer-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;overflow:hidden}.layer-meta small{color:#929aa6;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:9px;overflow:hidden}.visibility{text-align:center;color:#bcc3cb;font-size:16px}.visibility.on{color:#5b6470}.layer-footer{border-top:1px solid var(--line);z-index:4;background:var(--panel);flex:none;grid-template-columns:1fr 1fr;gap:6px;padding:12px;display:grid;position:relative;box-shadow:0 -10px 24px #161c240f}.layer-footer .danger-link{color:#bc4250;background:0 0;grid-column:1/-1}.layer-footer button:disabled{opacity:.4;cursor:not-allowed}.preview-stage{background:radial-gradient(circle at 50% 15%,#ffffffeb,#0000 46%),linear-gradient(145deg,#eceff3,#e7ebef);flex-direction:column;align-items:center;min-width:0;padding:16px 22px 20px;display:flex;overflow:auto}.preview-toolbar{justify-content:space-between;align-items:center;gap:12px;width:min(100%,680px);min-height:42px;margin-bottom:14px;display:flex}.format-chip,.safe-toggle{color:#66707c;background:#ffffffb8;border:1px solid #d7dce2;border-radius:9px;align-items:center;gap:7px;min-height:34px;padding:0 11px;font-size:10px;font-weight:700;display:flex}.safe-toggle{cursor:pointer}.safe-toggle input{accent-color:var(--accent-dark)}.play-button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:999px;min-height:36px;padding:0 15px;font-size:10px;font-weight:800}.canvas-wrap{background:#1b2028;border-radius:26px;width:min(100%,430px);padding:8px;box-shadow:0 30px 70px #171e282e,inset 0 0 0 1px #ffffff14}.canvas-wrap.format-4-5{width:min(100%,500px)}.canvas-wrap.format-1-1{width:min(100%,560px)}.canvas-wrap.format-16-9{width:min(100%,720px)}.artboard{border-radius:19px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000f;container-type:inline-size}.artboard.transparent{background-color:#f7f8fa;background-image:linear-gradient(45deg,#dde2e8 25%,#0000 25%),linear-gradient(-45deg,#dde2e8 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#dde2e8 75%),linear-gradient(-45deg,#0000 75%,#dde2e8 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.safe-zone{z-index:1000;pointer-events:none;border:1px dashed #ff62378f;position:absolute;inset:21.875% 5.5%}.safe-zone-4-5{top:10%;bottom:10%}.safe-zone-1-1,.safe-zone-16-9{top:6%;bottom:6%}.safe-zone:before,.safe-zone:after{content:"";background:#ff62372e;height:1px;position:absolute;left:-2cqw;right:-2cqw}.safe-zone:before{top:0}.safe-zone:after{bottom:0}.safe-zone span{color:#d04f30;letter-spacing:.08em;background:#fffc;border-radius:99px;padding:.5cqw .8cqw;font-size:1.9cqw;font-weight:800;position:absolute;top:.8cqw;right:.8cqw}.preview-element{appearance:none;white-space:pre-line;text-align:center;cursor:pointer;transform-origin:50%;border-style:solid;border-width:0;place-items:center;margin:0;padding:0;display:grid;position:absolute}.preview-element:after{content:"";border-radius:inherit;pointer-events:none;border:.45cqw solid #0000;position:absolute;inset:-.8cqw}.preview-element:hover:after{border-color:#ffb7036b}.preview-element.selected:after{border-color:#ff9f1c;box-shadow:0 0 0 .45cqw #ffffffd1}.preview-logo img{object-fit:contain;pointer-events:none;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;display:block}.preview-panel{color:#0000}.preview-element span{width:100%;display:block}.preview-element>.text-content{overflow-wrap:anywhere;width:fit-content;max-width:100%}.preview-text.selected:after{box-shadow:none;border-color:#0000}.transform-overlay{--handle-inverse:1;z-index:2000;cursor:grab;touch-action:none;transform-origin:50%;-webkit-user-select:none;user-select:none;background:#ff9f1c06;border:max(1px,.32cqw) solid #ff9f1c;position:absolute;box-shadow:0 0 0 max(1px,.28cqw) #ffffffd1}.transform-overlay:active{cursor:grabbing}.transform-overlay.multi{background:#7b61ff09;border-style:dashed;box-shadow:0 0 0 max(1px,.28cqw) #ffffffe0}.selection-marquee{z-index:2100;pointer-events:none;background:#7b61ff1f;border:max(1px,.28cqw) solid #7b61ff;position:absolute}.scale-handle,.rotation-handle{z-index:2;touch-action:none;background:#fff;border:max(1px,.28cqw) solid #ff9f1c;width:clamp(11px,2.4cqw,17px);height:clamp(11px,2.4cqw,17px);margin:0;padding:0;position:absolute;box-shadow:0 1px 5px #12161c33}.edge-handle{z-index:2;touch-action:none;background:#fff;border:max(1px,.28cqw) solid #ff9f1c;border-radius:999px;margin:0;padding:0;position:absolute;box-shadow:0 1px 5px #12161c33}.edge-top,.edge-bottom{cursor:ns-resize;width:clamp(18px,4.2cqw,30px);height:clamp(8px,1.5cqw,11px);left:50%}.edge-top{transform:translate(-50%, -50%) scale(var(--handle-inverse));top:0}.edge-bottom{transform:translate(-50%, 50%) scale(var(--handle-inverse));bottom:0}.edge-left,.edge-right{cursor:ew-resize;width:clamp(8px,1.5cqw,11px);height:clamp(18px,4.2cqw,30px);top:50%}.edge-left{transform:translate(-50%, -50%) scale(var(--handle-inverse));left:0}.edge-right{transform:translate(50%, -50%) scale(var(--handle-inverse));right:0}.scale-handle{cursor:nwse-resize;border-radius:3px}.scale-handle.top-left{transform:translate(-50%, -50%) scale(var(--handle-inverse));top:0;left:0}.scale-handle.top-right{transform:translate(50%, -50%) scale(var(--handle-inverse));cursor:nesw-resize;top:0;right:0}.scale-handle.bottom-left{transform:translate(-50%, 50%) scale(var(--handle-inverse));cursor:nesw-resize;bottom:0;left:0}.scale-handle.bottom-right{transform:translate(50%, 50%) scale(var(--handle-inverse));bottom:0;right:0}.rotation-stem{pointer-events:none;background:#ff9f1c;width:max(1px,.25cqw);height:clamp(20px,5cqw,34px);position:absolute;bottom:100%;left:50%;translate:-50%}.rotation-handle{color:#a94f00;cursor:grab;transform:translate(-50%, 50%) scale(var(--handle-inverse));border-radius:999px;place-items:center;font-size:clamp(8px,1.5cqw,11px);font-weight:900;display:grid;bottom:calc(100% + clamp(20px,5cqw,34px));left:50%}.aspect-state{color:#a94f00;pointer-events:none;transform:scale(var(--handle-inverse));transform-origin:0 0;background:#ffffffeb;border-radius:999px;padding:4px 6px;font-size:clamp(6px,1.25cqw,9px);font-weight:900;line-height:1;position:absolute;top:7px;left:7px}.transform-readout{color:#fff;pointer-events:none;min-width:max-content;transform:translateX(-50%) scale(var(--handle-inverse));transform-origin:top;white-space:nowrap;background:#12161ce6;border-radius:999px;padding:4px 7px;font-size:clamp(7px,1.5cqw,10px);font-weight:700;line-height:1;position:absolute;top:calc(100% + clamp(12px,2.5cqw,18px));left:50%}.snap-guide,.spacing-guides{z-index:1990;pointer-events:none;position:absolute}.snap-center{border-left:max(1px,.22cqw) dashed #00a8ff;width:0;top:0;bottom:0;left:50%}.snap-center span{color:#fff;background:#00a8ff;border-radius:999px;padding:3px 5px;font-size:clamp(6px,1.2cqw,9px);font-weight:900;position:absolute;top:1.5cqw;left:0;translate:-50%}.spacing-guides{inset:0}.snap-horizontal{border-top:max(1px,.22cqw) dashed #7b61ff;height:0;left:8%;right:8%}.spacing-guides strong{color:#fff;background:#7b61ff;border-radius:999px;padding:3px 6px;font-size:clamp(6px,1.2cqw,9px);line-height:1;position:absolute;left:50%;translate:-50% -50%}@keyframes previewFadeUp{0%{opacity:0;translate:0 3.8cqw}to{opacity:var(--target-opacity,1);translate:0}}@keyframes previewSlideLeft{0%{opacity:0;translate:-7.5cqw}to{opacity:var(--target-opacity,1);translate:0}}@keyframes previewPop{0%{opacity:0;scale:.84}70%{opacity:1;scale:1.04}to{opacity:1;scale:1}}@keyframes previewFade{0%{opacity:0}to{opacity:1}}.timeline-card{background:#ffffffc2;border:1px solid #d7dce2;border-radius:12px;width:min(100%,680px);margin-top:15px;padding:12px 14px;transition:width .18s,padding .18s,box-shadow .18s}.timeline-card.expanded{background:#fffffff0;width:min(100%,1040px);padding:16px 18px 18px;box-shadow:0 18px 45px #1c222a1f}.timeline-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.timeline-title>div{align-items:baseline;gap:10px;min-width:0;display:flex}.timeline-title strong{font-size:11px}.timeline-title span{color:var(--muted);font-size:9px}.timeline-expand{color:#4d5662;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d7dce2;border-radius:8px;min-height:30px;padding:0 10px;font-size:9px;font-weight:800}.timeline-expand:hover{background:#f8f9fa;border-color:#bfc6cf}.timeline-track-shell.expanded{background:#f7f8fa;border:1px solid #d7dce2;border-radius:10px;grid-template-columns:150px minmax(640px,1fr);max-height:430px;display:grid;overflow:auto}.timeline-labels{z-index:4;background:#fafbfcf5;border-right:1px solid #d7dce2;position:sticky;left:0;box-shadow:8px 0 18px #2a313a0f}.timeline-labels:before{content:"EBENEN";color:#8a929d;letter-spacing:.12em;font-size:8px;font-weight:800;position:absolute;top:9px;left:12px}.timeline-labels>button{color:#505965;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:6px;height:28px;padding:0 7px;display:grid;position:absolute;left:7px;right:7px}.timeline-labels>button span{background:#e8ebef;border-radius:5px;place-items:center;width:20px;height:20px;font-size:8px;display:grid}.timeline-labels>button strong{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.timeline-track{background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#646f7c1c calc(10% - 1px) 10%),#e7ebef;border-radius:7px;height:28px;position:relative;overflow:hidden}.timeline-track.expanded{background:repeating-linear-gradient(#0000 0 35px,#68727e17 35px 36px),repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#646f7c1f calc(10% - 1px) 10%),#eef1f4;border-radius:0;min-width:640px}.timeline-ruler{z-index:2;pointer-events:none;background:#f6f8fae0;border-bottom:1px solid #707a8626;height:28px;position:absolute;top:0;left:0;right:0}.timeline-ruler span{color:#7a838f;font-variant-numeric:tabular-nums;font-size:8px;position:absolute;top:9px;transform:translate(-50%)}.timeline-ruler span:first-child{transform:none}.timeline-ruler span:last-child{transform:translate(-100%)}.timeline-track>button{cursor:ew-resize;touch-action:none;background:#84909e;border:0;border-radius:99px;min-width:5px;height:4px;margin:0;padding:0;position:absolute}.timeline-track>button.active{background:var(--accent-dark);height:5px;box-shadow:0 0 0 2px #fffc}.timeline-track.expanded>button{z-index:1;background:#758291;border-radius:6px;align-items:center;min-width:10px;height:22px;padding:0 7px;display:flex;overflow:hidden}.timeline-track.expanded>button.active{background:var(--accent-dark);height:22px;box-shadow:0 0 0 2px #fffffff2,0 3px 9px #282f382e}.timeline-track.expanded>button span{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;pointer-events:none;font-size:8px;font-weight:800;overflow:hidden}.timeline-controls{border-top:1px solid #dfe3e8;grid-template-columns:minmax(120px,.9fr) 1fr 1fr minmax(170px,1.25fr);align-items:end;gap:10px;margin-top:12px;padding-top:11px;display:grid}.timeline-card.expanded .timeline-controls{grid-template-columns:repeat(2,minmax(220px,1fr));gap:18px 22px;margin-top:16px;padding-top:16px}.timeline-card.expanded .timeline-controls label>span{font-size:9px}.timeline-card.expanded .timeline-controls select,.timeline-card.expanded .timeline-stagger button{min-height:36px}.timeline-controls>label,.timeline-stagger label{gap:6px;min-width:0;display:grid}.timeline-controls label>span{color:#6d7682;justify-content:space-between;gap:8px;font-size:8px;font-weight:800;display:flex}.timeline-controls output{color:#2f3741}.timeline-controls select{color:#4e5762;background:#fff;border:1px solid #d7dce2;border-radius:7px;width:100%;min-height:31px;padding:0 8px;font-size:9px}.timeline-controls input[type=range]{width:100%;accent-color:var(--accent-dark)}.timeline-stagger{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:7px;min-width:0;display:grid}.timeline-stagger button{color:#4e5762;cursor:pointer;background:#fff;border:1px solid #d7dce2;border-radius:7px;min-height:31px;padding:0 9px;font-size:8px;font-weight:800}.timeline-stagger button:disabled{opacity:.42;cursor:not-allowed}.inspector-heading{flex:none}.inspector-scroll{overscroll-behavior:contain;flex:1;padding-bottom:78px;overflow:auto}.control-group{border-bottom:1px solid var(--line)}.control-group summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:43px;padding:0 16px;font-size:11px;font-weight:800;list-style:none;display:flex}.control-group summary::-webkit-details-marker{display:none}.control-group summary:after{content:"+";color:#929aa6;font-size:15px}.control-group[open] summary:after{content:"−"}.control-content{gap:12px;padding:2px 16px 17px;display:grid}.range-field,.number-field,.color-field,.select-field,.textarea-field{color:#59616c;gap:7px;font-size:10px;font-weight:700;display:grid}.range-field>span:first-child,.color-field>span:first-child{justify-content:space-between;align-items:center;gap:10px;display:flex}.range-field output{color:#8a929e;font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--accent-dark)}.slider-number-control input[type=number],.select-field select,.textarea-field textarea,.color-control input[type=text]{border:1px solid var(--line);background:var(--panel-muted);width:100%;min-height:36px;color:var(--ink);border-radius:8px;padding:7px 9px;font-size:11px;font-weight:600}.slider-number-control{grid-template-columns:minmax(0,1fr) 72px;align-items:center;gap:8px;display:grid}.slider-number-control input[type=range]{min-width:0}.slider-number-control input[type=number]{text-align:right;font-variant-numeric:tabular-nums;min-height:32px;padding:5px 6px}.textarea-field textarea{resize:vertical;line-height:1.4}.text-align-field{color:#59616c;gap:7px;font-size:10px;font-weight:700;display:grid}.text-align-field>div{border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.text-align-field button{border:0;border-right:1px solid var(--line);background:var(--panel-muted);color:#69727e;cursor:pointer;min-width:0;min-height:34px;padding:0 5px;font-size:9px;font-weight:800}.text-align-field button:last-child{border-right:0}.text-align-field button.active{background:var(--ink);color:#fff}.color-control{grid-template-columns:38px 1fr;gap:8px;display:grid}.hex-input{display:block;position:relative}.hex-input small{z-index:1;color:#929aa6;letter-spacing:.06em;pointer-events:none;font-size:8px;font-weight:800;position:absolute;top:50%;left:9px;translate:0 -50%}.hex-input input{letter-spacing:.02em;text-transform:uppercase;width:100%;padding-left:39px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.color-control input[type=color]{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;width:38px;height:36px;padding:3px}.two-column,.three-column{gap:8px;display:grid}.two-column{grid-template-columns:1fr 1fr}.three-column{grid-template-columns:1fr 1fr 1fr}.format-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.format-grid button{border:1px solid var(--line);color:#505965;text-align:left;cursor:pointer;background:#fff;border-radius:9px;gap:3px;min-width:0;padding:10px 11px;display:grid}.format-grid button:hover{border-color:#bbc2cb}.format-grid button.active{border-color:var(--accent-dark);box-shadow:inset 0 0 0 1px var(--accent-dark);color:#171b21;background:#fff8e8}.format-grid strong{font-size:11px}.format-grid small{color:#929aa6;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.smart-layout-button{color:#1d2732;text-align:left;cursor:pointer;background:linear-gradient(135deg,#fff,#f3f7fb);border:1px solid #cfd6df;border-radius:10px;gap:4px;width:100%;min-height:54px;padding:11px 13px;display:grid;box-shadow:0 5px 15px #1a25310d}.smart-layout-button:hover{border-color:var(--accent-dark);background:#fff9e9}.smart-layout-button strong{font-size:10px}.smart-layout-button small{color:#7d8793;font-size:8px;line-height:1.35}.switch-field{color:#59616c;justify-content:space-between;align-items:center;gap:14px;display:flex}.switch-field span{display:grid}.switch-field strong{font-size:10px}.switch-field small{color:#929aa6;margin-top:3px;font-size:9px;font-weight:500}.switch-field input{width:34px;height:18px;accent-color:var(--accent-dark)}.upload-button{width:100%}.helper-copy{color:#929aa6;margin:-3px 0 0;font-size:9px;line-height:1.45}.file-drop{background:var(--panel-muted);cursor:pointer;text-align:center;border:1px dashed #cbd2da;border-radius:12px;align-content:center;place-items:center;gap:5px;min-height:118px;display:grid}.file-drop:hover{border-color:var(--accent-dark);background:#fff9e8}.file-drop input{display:none}.file-drop strong{font-size:11px}.file-drop small{color:#8a929e;font-size:9px}.file-icon{background:var(--accent);border-radius:9px;place-items:center;width:30px;height:30px;font-size:17px;font-weight:600;display:grid}.asset-name{color:#737c88;text-overflow:ellipsis;white-space:nowrap;background:#f1f3f6;border-radius:8px;padding:8px 9px;font-size:9px;overflow:hidden}.inspector-reset{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-top:1px solid #dadfe5eb;padding:12px 16px 16px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -12px 28px #1a1f2614}.inspector-reset button{border:1px solid var(--line);color:#6c7480;cursor:pointer;background:#fff;border-radius:9px;width:100%;min-height:38px;font-size:10px;font-weight:700}@media (width<=1180px){.workspace{grid-template-columns:220px minmax(420px,1fr) 300px}.topbar{grid-template-columns:1fr auto}.topbar-status{display:none}}@media (width<=940px){.timeline-controls{grid-template-columns:1fr 1fr}.topbar{grid-template-columns:1fr;position:static}.topbar-actions{justify-self:stretch;overflow-x:auto}.workspace{grid-template-columns:1fr}.layers-panel,.inspector{border:0;max-height:none;position:static}.layers-panel{border-bottom:1px solid var(--line);max-height:360px}.inspector{border-top:1px solid var(--line);position:relative}.inspector-scroll{padding-bottom:0}.inspector-reset{position:static}.preview-stage{min-height:900px}}@media (width<=560px){.timeline-controls,.timeline-card.expanded .timeline-controls{grid-template-columns:1fr}.timeline-title{align-items:flex-start}.timeline-title>div{gap:3px;display:grid}.project-browser-backdrop{padding:10px}.project-browser{border-radius:14px;max-height:calc(100vh - 20px)}.project-browser-toolbar{grid-template-columns:1fr}.project-browser-toolbar>div{grid-template-columns:1fr 1fr;display:grid}.project-open{grid-template-columns:48px minmax(0,1fr)}.project-thumbnail{width:48px}.current-project{display:none}.topbar-actions{grid-template-columns:1fr 1fr;display:grid}.export-menu{grid-column:1/-1}.export-menu .button.primary{flex:1}.preview-stage{padding-inline:10px}.preview-toolbar{flex-wrap:wrap}.canvas-wrap{width:min(100%,390px)}.three-column{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.topbar{background:color-mix(in srgb, var(--app-bg) 90%, transparent);border-color:var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-mark{color:#fff;background:#181c20;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff12}.brand-mark>span{z-index:2;position:relative}.brand-mark:after{content:"";background:var(--accent);filter:blur(.5px);border-radius:50%;width:22px;height:22px;position:absolute;bottom:-5px;right:-5px}.brand-lockup strong,.project-browser-header h2,.panel-heading h2{font-family:Inter,Segoe UI Variable,Segoe UI,sans-serif}.button.primary,.play-button{background:var(--accent);color:#141805;box-shadow:0 7px 22px #bee7181f}.button.primary:hover,.play-button:hover{background:var(--accent-dark);box-shadow:0 10px 28px #bee71830}.button.ghost,.button.secondary,.layer-add-row button,.layer-footer button,.upload-button,.timeline-expand,.timeline-stagger button{border-color:var(--line);background:var(--panel-muted);color:var(--ink)}.button.ghost:hover,.button.secondary:hover,.layer-add-row button:hover,.layer-footer button:hover,.upload-button:hover,.timeline-expand:hover,.timeline-stagger button:hover{border-color:color-mix(in srgb, var(--accent) 42%, var(--line));background:var(--surface-3)}.export-menu{background:var(--accent)}.export-secondary button{color:var(--muted);background:#15191e}.export-secondary button:hover{background:var(--surface-3);color:var(--ink)}.project-browser,.project-card,.project-name-field input,.project-thumbnail,.dialog-close{border-color:var(--line);background:var(--panel);color:var(--ink)}.project-browser-toolbar,.project-open:hover,.project-duplicate:hover{background:var(--panel-muted)}.project-card.active{border-color:#d7ff43b3;box-shadow:inset 0 0 0 1px #d7ff4347}.current-project{background:var(--accent-dim,#d7ff431f);color:var(--accent)}.project-duplicate{color:var(--muted)}.workspace{background:var(--app-bg)}.panel,.layer-footer,.inspector-reset{background:var(--panel)}.layer-row:hover,.layer-row.active{background:var(--panel-muted)}.layer-row.active{border-color:#d7ff4366}.layer-row.active .layer-icon,.count-badge,.kind-badge{color:var(--accent);background:#d7ff431f}.preview-stage{background:radial-gradient(circle at 50% 14%,#d7ff430f,#0000 42%),linear-gradient(145deg,#0d1014,#090b0e)}.preview-toolbar,.timeline-card{border-color:var(--line);color:var(--ink);background:#111419d1}.format-chip,.safe-toggle{border-color:var(--line);background:var(--panel-muted);color:var(--muted)}.canvas-wrap{background:#050607;box-shadow:0 30px 80px #0000006b,inset 0 0 0 1px #ffffff0f}.artboard{box-shadow:inset 0 0 0 1px #ffffff0f}.safe-zone{border-color:#d7ff437a}.safe-zone:before,.safe-zone:after{background:#d7ff4338}.safe-zone span{color:var(--accent);background:#090b0ed1}.preview-element:hover:after,.preview-element.selected:after,.transform-overlay,.scale-handle,.rotation-handle,.edge-handle{border-color:var(--accent)}.transform-overlay{background:#d7ff4306;box-shadow:0 0 0 max(1px,.28cqw) #090b0ed1}.scale-handle,.rotation-handle,.edge-handle{background:var(--panel)}.rotation-stem,.timeline-track>button.active,.timeline-track.expanded>button.active{background:var(--accent)}.rotation-handle,.aspect-state{color:#141805}.aspect-state{background:var(--accent)}.timeline-card.expanded,.timeline-track-shell.expanded,.timeline-labels,.timeline-ruler,.timeline-track,.timeline-track.expanded{border-color:var(--line);background-color:var(--panel-muted);color:var(--ink)}.timeline-labels>button.active{background:#d7ff431a;border-color:#d7ff4373}.timeline-labels>button span,.timeline-controls select,.timeline-stagger button{background:var(--surface-3);color:var(--ink)}.control-group,.inspector-reset,.layer-footer,.timeline-controls{border-color:var(--line)}.slider-number-control input[type=number],.select-field select,.textarea-field textarea,.color-control input[type=text],.text-align-field>div,.format-grid button,.smart-layout-button,.switch-field,.file-drop,.asset-name{border-color:var(--line);background:var(--panel-muted);color:var(--ink)}.format-grid button:hover,.smart-layout-button:hover,.file-drop:hover{border-color:color-mix(in srgb, var(--accent) 44%, var(--line));background:var(--surface-3)}.format-grid button.active,.text-align-field button.active{border-color:var(--accent);color:var(--accent);background:#d7ff431f}.text-align-field button{color:var(--muted)}.smart-layout-button strong,.eyebrow-label,.file-icon{color:var(--accent)}.inspector-reset{box-shadow:0 -12px 28px #00000042}.topbar{grid-template-columns:minmax(240px,1fr) auto auto minmax(420px,1fr)}.template-switcher{border:1px solid var(--line);background:var(--panel);border-radius:12px;align-items:center;gap:4px;padding:4px;display:inline-flex}.template-switcher button{min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 12px;font-size:11px;font-weight:750;transition:all .16s}.template-switcher button:hover{color:var(--ink);background:var(--surface-3)}.template-switcher button.active{background:var(--accent);color:#141805;box-shadow:0 5px 18px #bee71821}.project-thumbnail{gap:4px}.project-thumbnail small{max-width:80px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:7px;font-weight:700;display:block;overflow:hidden}@media (width<=1360px){.topbar{grid-template-columns:minmax(230px,1fr) auto minmax(400px,1fr)}.topbar-status{display:none}}@media (width<=1040px){.topbar{grid-template-columns:1fr auto}.template-switcher{justify-self:end}.topbar-actions{grid-column:1/-1;justify-self:stretch}}@media (width<=560px){.topbar{grid-template-columns:1fr}.template-switcher{justify-self:stretch;width:100%}.template-switcher button{flex:1}.topbar-actions{grid-column:auto}}