:root{color:#e8ecf7;font-synthesis:none;--bg:#0b1020;--panel:#11182a;--panel-2:#182136;--line:#28334c;--muted:#9ba7bd;--purple:#7467ff;--purple-2:#9489ff;--green:#3ddc97;--danger:#ff6b7a;background:#070a12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,input,select{font:inherit}button{border:1px solid var(--line);color:#e8ecf7;cursor:pointer;background:#171f33;border-radius:7px;padding:.48rem .7rem}button:hover:not(:disabled){background:#222d47;border-color:#465474}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #a89fff}button:disabled{opacity:.42;cursor:not-allowed}.primary{background:var(--purple);border-color:var(--purple);color:#fff;font-weight:750}.primary:hover:not(:disabled){background:#6557f1}.app-shell{background:var(--bg);grid-template-rows:58px 46px minmax(0,1fr) 30px;height:100vh;display:grid}.topbar,.toolbar,.statusbar{border-bottom:1px solid var(--line);background:#0d1323;align-items:center;padding:0 14px;display:flex}.brand{background:0 0;border:0;align-items:center;gap:8px;font-size:1.05rem;font-weight:900;display:flex}.brand span,.canvas-mark>span{background:linear-gradient(145deg,var(--purple),#5244d8);color:#fff;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.project-name{flex:1;min-width:100px;max-width:360px;margin-left:20px}.project-name input{color:#e8ecf7;background:0 0;border:1px solid #0000;border-radius:6px;width:100%;padding:7px 9px;font-weight:700}.project-name input:hover,.project-name input:focus{border-color:var(--line);background:#141d31}.top-actions{align-items:center;gap:8px;display:flex}.privacy-badge{color:#b5f5d5;background:#10291f;border-color:#24664d}.privacy-badge span{color:var(--green)}.toolbar{background:#10172a;gap:7px}.divider{background:var(--line);width:1px;height:22px;margin:0 3px}.toolbar-spacer{flex:1}.workspace{grid-template:"media stage inspect"minmax(240px,1fr)"timeline timeline timeline"260px/230px minmax(360px,1fr) 260px;min-height:0;display:grid}.media-panel,.inspector,.stage,.timeline{background:var(--panel);min-width:0;min-height:0}.media-panel{border-right:1px solid var(--line);grid-area:media}.stage{background:#080b13;grid-area:stage;grid-template-rows:minmax(0,1fr) 46px;display:grid}.inspector{border-left:1px solid var(--line);grid-area:inspect;padding-bottom:16px;overflow:auto}.timeline{border-top:1px solid var(--line);grid-area:timeline;overflow:auto}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:48px;padding:0 12px;display:flex}.panel-heading h2{text-transform:uppercase;letter-spacing:.08em;color:#cbd3e3;margin:0;font-size:.82rem}.empty-small{text-align:center;height:calc(100% - 48px);color:var(--muted);flex-direction:column;justify-content:center;align-items:center;padding:24px 18px;display:flex}.empty-small strong{color:#dce3f1}.empty-small p{max-width:190px;font-size:.82rem;line-height:1.5}.media-icon{color:#6f7c98;margin-bottom:10px;font-size:2.5rem}.canvas{background:radial-gradient(circle at 50% 45%,#252a38,#10131c 70%);border-radius:4px;place-items:center;margin:18px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #242a38}.canvas:before{content:"";aspect-ratio:16/9;background:#050609;grid-area:1/1;width:min(75%,800px);box-shadow:0 16px 48px #0008}.canvas-mark{z-index:1;text-align:center;color:#657089;grid-area:1/1}.canvas-mark>span{width:48px;height:48px;margin:auto;font-size:1.4rem}.canvas-mark p{color:#8894aa;margin:10px 0 4px}.transport{border-top:1px solid var(--line);background:#0e1422;justify-content:center;align-items:center;gap:8px;display:flex}.transport output{margin:0 8px;font-family:ui-monospace,monospace;font-size:.82rem}.inspector>label{color:#aeb9cc;gap:7px;margin:15px 14px;font-size:.8rem;font-weight:700;display:grid}.inspector select{color:#e7ebf5;border:1px solid var(--line);background:#0e1423;border-radius:7px;padding:8px}.trust-card{background:#10261f;border:1px solid #275d49;border-radius:9px;margin:24px 12px 0;padding:13px}.trust-card strong{color:#b8f4d8}.trust-card p{color:#a6c8b9;font-size:.79rem;line-height:1.4}.trust-card button{width:100%;font-size:.78rem}.timeline-head,.track{grid-template-columns:190px minmax(700px,1fr);display:grid}.timeline-head{z-index:3;background:#11182a;height:38px;position:sticky;top:0}.timeline-head>button{margin:4px 8px;padding:2px}.ruler{border-left:1px solid var(--line);color:#78859e;background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#303a50 calc(10% - 1px) 10%);justify-content:space-between;align-items:end;padding:0 16px 5px;font-size:.68rem;display:flex}.track{border-top:1px solid var(--line);height:86px}.track-label{z-index:2;background:#141c2e;justify-content:space-between;padding:11px;display:flex;position:sticky;left:0}.track-label strong{font-size:.8rem}.track-label button{margin:10px 2px 0;padding:3px;font-size:.7rem}.track-lane{border-left:1px solid var(--line);background:repeating-linear-gradient(90deg,#0e1422 0 calc(10% - 1px),#1d263a calc(10% - 1px) 10%);position:relative}.playhead{background:#f55c68;width:2px;position:absolute;top:0;bottom:0;left:3%}.playhead:before{content:"";border:5px solid #0000;border-top-color:#f55c68;position:absolute;left:-4px}.statusbar{color:var(--muted);border-top:1px solid var(--line);border-bottom:0;gap:14px;font-size:.7rem}.statusbar span+span{border-left:1px solid var(--line);padding-left:14px}.status-right{margin-left:auto}.backdrop{z-index:20;background:#03050acc;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.dialog{background:#121a2c;border:1px solid #36415a;border-radius:14px;width:min(580px,100%);max-height:88vh;padding:26px;position:relative;overflow:auto;box-shadow:0 25px 80px #000a}.dialog h2{margin:0 40px 8px 0}.dialog h3{text-transform:uppercase;letter-spacing:.07em;color:#aeb9cc;margin-top:24px;font-size:.86rem}.dialog p,.lead{color:var(--muted);line-height:1.55}.dialog-close{background:0 0;border:0;font-size:1.3rem;position:absolute;top:16px;right:18px}.wide{width:100%;margin-top:10px}.recent-list,.capabilities{padding:0;list-style:none}.recent-list li{grid-template-columns:1fr auto;gap:8px;margin:8px 0;display:grid}.recent-list li>button:first-child{text-align:left;display:grid}.recent-list small,.capabilities small{color:var(--muted);margin-top:3px;display:block}.danger{color:#ffb0b8;background:#29161c;border-color:#67323b}.privacy-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.privacy-grid div{border:1px solid var(--line);border-radius:8px;gap:4px;padding:11px;display:grid}.privacy-grid span{color:var(--muted);font-size:.8rem}.capabilities li{border-bottom:1px solid var(--line);gap:10px;padding:8px 0;display:flex}.ok{color:var(--green)}.warn{color:#f6c760}.shortcuts div{border-bottom:1px solid var(--line);justify-content:space-between;padding:10px 0;display:flex}.shortcuts dt{color:var(--muted)}.shortcuts dd{margin:0;font-family:ui-monospace,monospace}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=850px){.workspace{grid-template:"media stage"minmax(260px,1fr)"timeline timeline"220px/180px 1fr}.inspector,.top-actions button:not(.privacy-badge):not(.primary){display:none}}@media (width<=580px){body{overflow:auto}.app-shell{grid-template-rows:auto auto minmax(600px,1fr) auto;height:auto;min-height:100vh}.topbar{flex-wrap:wrap;height:auto;padding:8px}.project-name{order:3;min-width:100%;margin:5px 0 0}.top-actions{margin-left:auto}.privacy-badge{display:none}.toolbar{padding:6px;overflow-x:auto}.workspace{grid-template:"stage"300px"timeline"210px/1fr;display:grid}.media-panel{display:none}.timeline-head,.track{grid-template-columns:120px minmax(500px,1fr)}.statusbar .status-right{display:none}.privacy-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media (forced-colors:active){.privacy-badge,.trust-card{border:2px solid canvastext}}.media-list{height:calc(100% - 48px);margin:0;padding:8px;list-style:none;overflow:auto}.media-list li{border:1px solid #0000;border-radius:8px;margin-bottom:7px;position:relative}.media-list li.selected{border-color:var(--purple);background:#1a2140}.asset-card{text-align:left;background:0 0;border:0;grid-template-columns:58px minmax(0,1fr);gap:8px;width:100%;padding:6px 52px 6px 6px;display:grid}.asset-card>span:last-child{min-width:0}.asset-card strong,.asset-card small,.asset-card em{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.asset-card strong{font-size:.76rem}.asset-card small{color:var(--muted);margin-top:4px;font-size:.66rem}.asset-card em{color:#f5c563;margin-top:3px;font-size:.64rem}.asset-thumb{color:#8c98af;background:#080b13;border-radius:5px;place-items:center;height:42px;display:grid;overflow:hidden}.asset-thumb img{object-fit:cover;width:100%;height:100%}.asset-delete{color:#8f9bb1;background:0 0;border:0;padding:3px 6px;position:absolute;top:5px;right:4px}.asset-insert{color:#b8f4d8;background:0 0;border:0;padding:3px 6px;position:absolute;top:5px;right:27px}.asset-delete:hover{color:#ff9ca7!important;background:#351b24!important}.mini-wave,.large-wave{justify-content:center;align-items:center;gap:1px;width:100%;height:100%;display:flex}.mini-wave i,.large-wave i{background:var(--purple-2);border-radius:2px;width:2px;min-height:2px;display:block}.canvas>video,.canvas>img{z-index:1;object-fit:contain;grid-area:1/1;max-width:100%;max-height:100%}.visual-layer{aspect-ratio:16/9;transform-origin:50%;pointer-events:none;grid-area:1/1;place-items:center;width:min(75%,800px);display:grid}.visual-layer>video,.visual-layer>img{object-fit:contain;width:100%;height:100%}.title-layer{text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;text-shadow:0 2px 8px #000b;max-width:90%;padding:.2em .45em;line-height:1.1}.title-properties{grid-template-columns:1fr 1fr}.title-properties label:first-child{grid-column:1/-1}.audio-preview{z-index:1;aspect-ratio:16/9;background:linear-gradient(145deg,#141b31,#090c17);grid-area:1/1;place-items:center;width:min(75%,800px);padding:10%;display:grid}.audio-preview audio,.timeline-audio{display:none}.large-wave{gap:2px;height:120px}.large-wave i{background:linear-gradient(var(--purple-2), #55d5ff);flex:1;max-width:5px}.timeline-clip{text-align:left;color:#fff;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#283866;border:2px solid #5567ae;border-radius:7px;min-width:24px;height:64px;padding:0;position:absolute;top:10px;overflow:hidden}.timeline-clip:active{cursor:grabbing}.trim-handle{z-index:3;opacity:0;cursor:ew-resize;background:#f4b942;width:9px;position:absolute;top:0;bottom:0}.trim-handle.left{left:0}.trim-handle.right{right:0}.timeline-clip:hover .trim-handle,.timeline-clip.selected .trim-handle{opacity:.9}.timeline-clip.audio{background:#40285d;border-color:#8a61be}.timeline-clip.image{background:#1e5141;border-color:#4c9a81}.timeline-clip.text,.timeline-clip.caption{background:#68451c;border-color:#d79b45}.timeline-clip img{object-fit:cover;opacity:.38;width:100%;height:100%;position:absolute;inset:0}.timeline-clip span{z-index:1;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #000;padding:6px;font-size:.7rem;font-weight:750;display:block;position:relative;overflow:hidden}.hint{color:var(--muted);font-size:.78rem!important}.timeline-tools{background:#11182a;align-items:center;gap:5px;padding:4px 8px;display:flex}.timeline-tools>span{text-transform:uppercase;color:var(--muted);margin-right:auto;font-size:.72rem;font-weight:800}.timeline-tools button{padding:1px 7px}.timeline-tools output{text-align:center;min-width:35px;color:var(--muted);font-size:.65rem}.ruler{display:block;position:relative}.ruler span{color:#78859e;font-size:.65rem;position:absolute;bottom:5px}.timeline-clip.selected{border-color:#f4b942;box-shadow:0 0 0 2px #f4b94266}.track.locked .track-lane{background-color:#161925}.track-label button[aria-pressed=true]{color:#fff;background:var(--purple);border-color:var(--purple)}.track-label input{color:#e8ecf7;background:0 0;border:0;border-bottom:1px solid #0000;width:100%;min-width:0;font-size:.78rem;font-weight:750}.track-label input:focus{border-bottom-color:var(--purple-2)}.clip-inspector{gap:8px;padding:14px;display:grid}.clip-inspector>strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.clip-inspector>small{color:var(--muted);margin-bottom:7px}.clip-inspector label{color:#aeb9cc;gap:5px;font-size:.75rem;font-weight:700;display:grid}.clip-inspector input{border:1px solid var(--line);color:#e7ebf5;background:#0e1423;border-radius:7px;width:100%;padding:8px}.property-grid{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:8px;padding-top:8px;display:grid}.inspector-actions{gap:7px;margin-top:9px;display:grid}.optimizer-dialog{width:min(680px,100%)}.optimizer-dialog>label,.optimizer-grid label{color:#aeb9cc;gap:6px;margin:13px 0;font-size:.8rem;font-weight:700;display:grid}.optimizer-dialog input,.optimizer-dialog select{border:1px solid var(--line);color:#e7ebf5;background:#0e1423;border-radius:7px;padding:9px}.file-drop{border:1px dashed #657392;border-radius:9px;padding:12px}.file-drop span{color:#e7ebf5;font-weight:500}.optimizer-grid{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.optimizer-summary{border:1px solid var(--line);background:#0d1425;border-radius:8px;grid-template-columns:1fr auto;gap:4px;padding:12px;display:grid}.optimizer-summary small{color:var(--muted);grid-column:1/-1}.optimizer-dialog progress{width:100%;height:18px;accent-color:var(--purple);margin-top:16px}.optimizer-results{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.optimizer-results strong{color:#b8f4d8;grid-column:1/-1}.export-preflight{border:1px solid var(--line);background:#0d1425;border-radius:8px;margin-top:14px;padding:11px}.export-preflight ul{color:var(--muted);margin:8px 0 0;padding-left:20px;font-size:.76rem}.export-preflight .error{color:#ffabb4}.export-preflight .warning{color:#f6c760}@media (width<=580px){.optimizer-grid,.optimizer-results{grid-template-columns:1fr}}.toolbar select{border:1px solid var(--line);color:#e8ecf7;background:#171f33;border-radius:7px;padding:.45rem .55rem}.toolbar button[aria-pressed=true],.toolbar button.active{background:#332a75;border-color:#8f83ff}.brand span{overflow:hidden}.brand span img{width:100%;height:100%;display:block}.brand sup{color:#c9c3ff;align-self:flex-start;margin-top:5px;font-size:.48em}.launch-splash{z-index:100;color:#fff;text-align:center;background:radial-gradient(circle at 50% 42%,#382b80 0,#14132d 34%,#080b15 72%),#080b15;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.launch-splash-glow{border:1px solid #9d91ff35;border-radius:50%;width:34rem;height:34rem;animation:1.8s ease-in-out infinite splash-pulse;position:absolute;box-shadow:0 0 80px #7667ff2b,inset 0 0 80px #7667ff1c}.launch-splash img{filter:drop-shadow(0 20px 35px #0008);width:clamp(96px,13vw,144px);animation:.65s cubic-bezier(.2,.8,.2,1) both splash-rise;position:relative}.launch-splash h1{letter-spacing:-.055em;margin:22px 0 5px;font-size:clamp(2.2rem,6vw,4.2rem);animation:.65s cubic-bezier(.2,.8,.2,1) 80ms both splash-rise;position:relative}.launch-splash h1 sup{color:#faa634;vertical-align:super;margin-left:.12em;font-size:.3em}.launch-splash p{color:#d8d4ff;margin:0;font-size:clamp(1rem,2vw,1.25rem);animation:.65s .14s both splash-rise;position:relative}.launch-splash>span{color:#8ee9bd;letter-spacing:.09em;text-transform:uppercase;margin-top:13px;font-size:.78rem;font-weight:800;animation:.65s .2s both splash-rise;position:relative}.launch-splash button{background:#7467ff;border-color:#8f83ff;margin-top:25px;font-weight:800;animation:.65s .26s both splash-rise;position:relative}@keyframes splash-rise{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes splash-pulse{50%{opacity:.65;transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.launch-splash,.launch-splash img,.launch-splash h1,.launch-splash p,.launch-splash>span,.launch-splash button,.launch-splash-glow{animation:none}}