:root{--bg:#0e0f12;--panel:#17181c;--panel-2:#1d1f24;--panel-3:#25272d;--line:#2a2c33;--line-2:#363943;--text:#e8e9ec;--text-2:#a4a7b0;--text-3:#6e727c;--accent:#4f8cff;--accent-2:#3a74e8;--accent-soft:#4f8cff29;--gold:#f5c542;--danger:#ff5d5d;--ok:#3ddc97;--clip-video:#3d63b8;--clip-audio:#1f8a6b;--clip-image:#7a52c7;--clip-title:#b8487a;--ruler-bg:#15161a;--ruler-tick:#4a4e58;--ruler-text:#8a8f99;--tl-h:320px;--radius:8px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;overflow:hidden}body{-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;font:13px/1.4 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}kbd{background:var(--panel-3);border:1px solid var(--line-2);color:var(--text-2);border-bottom-width:2px;border-radius:4px;padding:1px 5px;font:11px ui-monospace,Menlo,monospace}.dim{color:var(--text-3)}.spacer{flex:1}.ic{flex:none;display:block}#app{grid-template-columns:minmax(0,1fr);grid-template-rows:48px minmax(0, 1fr) 6px var(--tl-h);height:100vh;width:100vw;height:100dvh;display:grid;overflow:hidden}.topbar{background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:8px;min-width:0;padding:0 12px;display:flex}.brand{letter-spacing:.2px;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.logo{width:22px;height:22px;box-shadow:inset 0 0 0 5px var(--panel), inset 0 0 0 7px transparent;background:conic-gradient(from 200deg,#4f8cff,#a855f7,#ff6b9a,#f5c542,#4f8cff);border-radius:6px;position:relative}.logo:after{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid #fff;position:absolute;top:6px;left:8px}.project-name{width:220px;min-width:60px;color:var(--text);background:0 0;border:1px solid #0000;border-radius:6px;padding:5px 8px;font-weight:500}.project-name:hover{border-color:var(--line-2)}.project-name:focus{border-color:var(--accent);background:var(--panel-2);outline:none}.save-state{color:var(--text-3);white-space:nowrap;align-items:center;gap:4px;font-size:11.5px;display:inline-flex}.btn{border:1px solid var(--line-2);background:var(--panel-2);white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 14px;font-weight:500;transition:background .12s,border-color .12s,transform 50ms;display:inline-flex}.btn:hover:not(:disabled){background:var(--panel-3)}.btn:active:not(:disabled){transform:translateY(1px)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:var(--accent-2)}.btn.ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){background:var(--panel-3);color:var(--text)}.btn.sm{height:28px;padding:0 9px;font-size:12.5px}.btn.block{width:100%}.btn.danger-ghost{color:var(--danger);background:0 0;border-color:#0000}.btn.danger-ghost:hover{background:#ff5d5d1a}.icon-btn{width:32px;height:32px;color:var(--text-2);background:0 0;border:none;border-radius:7px;place-items:center;transition:background .12s,color .12s;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--panel-3);color:var(--text)}.icon-btn.big{background:var(--text);color:#111;border-radius:50%;width:42px;height:42px}.icon-btn.big:hover{color:#000;background:#fff}.toggle{height:28px;color:var(--text-3);background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:6px;padding:0 9px;font-size:12.5px;display:inline-flex}.toggle.on{color:var(--gold);background:#f5c5421a}.workspace{grid-template-columns:minmax(220px,300px) minmax(0,1fr) minmax(240px,300px);min-height:0;display:grid}.panel{background:var(--panel);flex-direction:column;min-width:0;min-height:0;display:flex}.browser{border-right:1px solid var(--line)}.inspector-wrap{border-left:1px solid var(--line)}.inspector{flex:1;min-height:0;padding-bottom:20px;overflow-y:auto}.mobile-only{display:none!important}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input[type=range]:focus-visible{outline:none}.tabs{border-bottom:1px solid var(--line);flex:none;gap:2px;padding:8px 8px 0;display:flex}.tabs button{color:var(--text-3);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:7px 4px 9px;font-size:12.5px;font-weight:500}.tabs button:hover{color:var(--text)}.tabs button:focus-visible{color:var(--text);outline:none}.tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.tab-body{flex:1;min-height:0;padding:10px;overflow-y:auto}.lib-head{margin-bottom:10px}.lib-empty{text-align:center;color:var(--text-2);justify-items:center;gap:6px;padding:30px 10px;display:grid}.lib-empty p{margin:0}.lib-hint{color:var(--text-3);margin:0 0 10px;font-size:12px}.lib-foot{text-align:center;margin-top:12px;font-size:11.5px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;display:grid}.media-card{border-radius:var(--radius);background:var(--panel-2);border:1px solid var(--line);cursor:grab;padding:5px;transition:border-color .12s,transform .12s;position:relative}.media-card:hover{border-color:var(--line-2)}.media-card:active{cursor:grabbing}.media-card.busy{cursor:progress}.mc-thumb{aspect-ratio:16/9;background:#000 50%/cover no-repeat;border-radius:5px;place-items:center;display:grid;position:relative;overflow:hidden}.mc-thumb.audio{color:#c6ffe9;background:linear-gradient(135deg,#0f5141,#1f8a6b)}.mc-error{background:#78000099;place-items:center;font-size:20px;font-weight:800;display:grid;position:absolute;inset:0}.mc-meta{align-items:center;gap:4px;min-width:0;margin-top:5px;display:flex}.mc-kind{color:var(--text-3)}.mc-name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.mc-sub{color:var(--text-3);align-items:center;gap:6px;font-size:11px;display:flex}.mc-sub .used{color:var(--accent)}.mc-sub .cached{color:var(--ok);opacity:.8;margin-left:auto}.mc-actions{opacity:0;gap:3px;transition:opacity .12s;display:flex;position:absolute;top:9px;right:9px}.media-card:hover .mc-actions{opacity:1}.mc-actions button{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f1014d9;border:none;border-radius:6px;place-items:center;width:26px;height:26px;display:grid}.mc-actions button:hover{background:var(--accent)}.mc-actions button.danger:hover{background:var(--danger)}@media (hover:none){.mc-actions{opacity:1}}.spinner{border:2.5px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;display:grid}.preset{text-align:left;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:6px;transition:border-color .12s,background .12s}.preset:hover{border-color:var(--accent);background:var(--panel-3)}.preset:active{transform:translateY(1px)}.preset-prev{aspect-ratio:16/9;background:#0b0c10 50%/cover;border-radius:5px;justify-content:center;align-items:center;margin-bottom:6px;display:flex;position:relative;overflow:hidden}.title-prev{background:linear-gradient(135deg,#2b3245,#121722);padding:8px}.title-prev span{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.preset-name{font-size:12px;font-weight:600}.preset-desc{color:var(--text-3);font-size:11px}.fx-prev{background-color:#3a3f4b;background-image:linear-gradient(135deg,#e0a35b,#4f8cff 55%,#2a9d73)}.tr-prev i,.tr-prev b{position:absolute;inset:0}.tr-prev i{background:linear-gradient(135deg,#4f8cff,#2b4a8f)}.tr-prev b{background:linear-gradient(135deg,#ff7a59,#b8487a)}.tr-cross b{animation:2.4s ease-in-out infinite trCross}.tr-dip b{animation:2.4s ease-in-out infinite trDipB}.tr-dip i{animation:2.4s ease-in-out infinite trDipA}.tr-wipe b{animation:2.4s ease-in-out infinite trWipe}.tr-slide b{animation:2.4s ease-in-out infinite trSlide}.tr-zoom b{animation:2.4s ease-in-out infinite trZoom}.tr-none b{clip-path:inset(0 0 0 50%)}@keyframes trCross{0%,25%{opacity:0}75%,to{opacity:1}}@keyframes trDipA{0%,20%{opacity:1}50%,to{opacity:0}}@keyframes trDipB{0%,50%{opacity:0}80%,to{opacity:1}}@keyframes trWipe{0%,20%{clip-path:inset(0 100% 0 0)}80%,to{clip-path:inset(0)}}@keyframes trSlide{0%,20%{transform:translate(100%)}80%,to{transform:translate(0)}}@keyframes trZoom{0%,20%{opacity:0;transform:scale(.5)}80%,to{opacity:1;transform:scale(1)}}.viewer{background:#08090b}.viewer-stage{flex:1;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.viewer-stage:fullscreen{background:#000}#preview{background:#000;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #000,0 8px 40px #00000080}.empty-hint{text-align:center;border:2px dashed var(--line-2);color:var(--text-2);background:#0e0f12eb;border-radius:14px;place-content:center;justify-items:center;gap:6px;padding:20px;display:grid;position:absolute;inset:8px}.empty-hint h2{color:var(--text);margin:6px 0 0;font-size:18px;font-weight:600}.empty-hint p{margin:0 0 10px}.drop-icon{background:var(--accent-soft);width:64px;height:64px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.transport{background:var(--panel);border-top:1px solid var(--line);flex:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:8px 12px;display:grid}.transport-btns{align-items:center;gap:4px;display:flex}.transport-right{justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.tc{letter-spacing:.5px;font-variant-numeric:tabular-nums;font:500 13px ui-monospace,SF Mono,Menlo,Consolas,monospace}.tc.dim{color:var(--text-3)}#masterVol{width:80px}.insp-head{border-bottom:1px solid var(--line);background:var(--panel);z-index:2;align-items:center;gap:10px;padding:14px 14px 10px;display:flex;position:sticky;top:0}.insp-icon{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:8px;flex:none;place-items:center;display:grid}.insp-title{white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-weight:600;overflow:hidden}.insp-sub{color:var(--text-3);text-transform:capitalize;font-size:11.5px}.grow{flex:1;min-width:0}.section{border-bottom:1px solid var(--line);padding:4px 14px 10px}.section>summary{cursor:pointer;text-transform:uppercase;letter-spacing:.6px;color:var(--text-2);align-items:center;gap:6px;padding:8px 0 6px;font-size:11.5px;font-weight:600;list-style:none;display:flex}.section>summary::-webkit-details-marker{display:none}.section>summary:before{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;margin:-3px 2px 0 1px;transition:transform .15s;transform:rotate(45deg)}.section:not([open])>summary:before{margin-top:0;transform:rotate(-45deg)}.kv{color:var(--text-2);justify-content:space-between;padding:3px 0;font-size:12px;display:flex}.kv b{color:var(--text);text-align:right;font-weight:500}.row{align-items:center;gap:8px;min-height:32px;display:flex}.row .lbl{width:86px;color:var(--text-2);flex:none;font-size:12px}.row select,.row input:not([type=range]):not([type=checkbox]):not([type=color]){background:var(--panel-2);border:1px solid var(--line-2);border-radius:6px;flex:1;min-width:0;height:30px;padding:0 8px}.row select:focus,.row input:focus,textarea:focus{border-color:var(--accent);outline:none}.row input[type=color]{border:1px solid var(--line-2);background:var(--panel-2);border-radius:6px;width:44px;height:28px;padding:2px}textarea{background:var(--panel-2);border:1px solid var(--line-2);resize:vertical;-webkit-user-select:text;user-select:text;border-radius:6px;width:100%;margin:4px 0 6px;padding:8px}.slider input[type=range]{flex:1;min-width:0}.slider .val{text-align:right;font-variant-numeric:tabular-nums;width:46px;color:var(--text);font-size:12px}input[type=range]{appearance:none;cursor:pointer;background:0 0;height:18px}input[type=range]::-webkit-slider-runnable-track{background:var(--line-2);border-radius:4px;height:4px}input[type=range]::-moz-range-track{background:var(--line-2);border-radius:4px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:14px;height:14px;margin-top:-5px;box-shadow:0 1px 3px #00000080}input[type=range]::-moz-range-thumb{background:#fff;border:none;border-radius:50%;width:14px;height:14px}input[type=range]:hover::-webkit-slider-thumb{background:var(--accent)}.chips{background:var(--panel-2);border:1px solid var(--line-2);border-radius:7px;flex:1;gap:3px;padding:2px;display:flex}.chips.wrap{flex-wrap:wrap}.chips button{color:var(--text-2);white-space:nowrap;background:0 0;border:none;border-radius:5px;flex:1;padding:4px 6px;font-size:12px}.chips button:hover{color:var(--text)}.chips.compact button{padding:4px 2px;font-size:11.5px}.chips button.active{background:var(--accent);color:#fff}.chip-toggle{border:1px solid var(--line-2);background:var(--panel-2);width:30px;height:28px;color:var(--text-2);border-radius:6px}.chip-toggle.active{background:var(--accent);border-color:var(--accent);color:#fff}.toggle-row{cursor:pointer;justify-content:space-between}.switch{flex:none;width:34px;height:20px;position:relative}.switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.switch i{background:var(--line-2);pointer-events:none;border-radius:20px;transition:background .15s;position:absolute;inset:0}.switch i:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch input:checked+i{background:var(--accent)}.switch input:checked+i:after{transform:translate(14px)}.btn-row{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.hint{color:var(--text-3);margin:6px 0 0;font-size:11.5px}.tips{color:var(--text-2);gap:6px;margin:4px 0;padding-left:18px;font-size:12px;display:grid}.pip-grid{flex-wrap:wrap;gap:4px;display:flex}.pip-grid button{border:1px solid var(--line-2);background:#0c0d10;border-radius:4px;width:30px;height:22px;padding:0;position:relative}.pip-grid button:hover{border-color:var(--accent)}.pip-grid i{background:var(--text-2);border-radius:1px;position:absolute}.pip-grid i.pf{inset:2px}.pip-grid i.p{width:9px;height:6px}.pip-grid .tl{top:2px;left:2px}.pip-grid .tr{top:2px;right:2px}.pip-grid .bl{bottom:2px;left:2px}.pip-grid .br{bottom:2px;right:2px}.pip-grid .lh{width:12px;height:9px;top:5px;left:2px}.pip-grid .rh{width:12px;height:9px;top:5px;right:2px}.h-resizer{background:var(--bg);cursor:row-resize;border-top:1px solid var(--line);position:relative}.h-resizer:after{content:"";background:var(--line-2);border-radius:3px;width:36px;height:3px;margin-left:-18px;position:absolute;top:1px;left:50%}.h-resizer:hover:after{background:var(--accent)}.timeline-panel{background:var(--panel);flex-direction:column;min-width:0;min-height:0;display:flex}.tl-toolbar{border-bottom:1px solid var(--line);scrollbar-width:none;flex:none;align-items:center;gap:4px;padding:5px 10px;display:flex;overflow-x:auto}.tl-toolbar::-webkit-scrollbar{display:none}.tl-toolbar .sep{background:var(--line-2);width:1px;height:18px;margin:0 4px}.tl-info{color:var(--text-3);white-space:nowrap;margin-right:6px;font-size:11.5px}.seg{background:var(--panel-2);border:1px solid var(--line-2);border-radius:7px;margin-right:4px;padding:2px;display:flex}.seg button{width:30px;height:24px;color:var(--text-2);background:0 0;border:none;border-radius:5px;place-items:center;display:grid}.seg button.active{background:var(--accent);color:#fff}#zoom{width:110px}.tl-body{flex:1;min-width:0;min-height:0;display:flex}.tl-headers{border-right:1px solid var(--line);background:var(--panel);flex:none;width:150px;position:relative;overflow:hidden}.tl-corner{border-bottom:1px solid var(--line);background:var(--ruler-bg);z-index:2;height:26px;position:relative}#tlHeaderList{will-change:transform}.track-head{border-bottom:1px solid var(--line);cursor:default;flex-direction:column;justify-content:center;gap:4px;padding:0 8px;display:flex}.track-head.sel{background:var(--panel-2)}.th-name{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex;overflow:hidden}.th-name .mag{color:var(--gold)}.th-btns{gap:2px;display:flex}.th-btn{width:24px;height:22px;color:var(--text-3);background:0 0;border:none;border-radius:5px;place-items:center;display:grid}.th-btn:hover{background:var(--panel-3);color:var(--text)}.th-btn.on{color:var(--gold)}.tl-scroll{background:#121317;flex:1;min-width:0;position:relative;overflow:auto}.tl-content{min-height:100%;position:relative}.tl-ruler{touch-action:none;z-index:6;cursor:ew-resize;will-change:transform;height:26px;display:block;position:sticky;top:0;left:0}.tl-tracks{position:absolute;inset:0}.track-row{border-bottom:1px solid #1c1d22;height:62px;position:absolute;left:0;right:0}.track-row.magnetic{background:#4f8cff09}.track-row.sel-track{background:#ffffff06}.track-row.locked{background:repeating-linear-gradient(-45deg,#0000 0 8px,#ffffff06 8px 16px)}.track-row.hidden-track{opacity:.5}.new-track-zone{height:50px;color:var(--text-3);opacity:.6;pointer-events:none;align-items:center;padding-left:16px;font-size:11.5px;display:flex;position:absolute;left:0;right:0}.clip{touch-action:none;background:var(--clip-video);cursor:grab;will-change:transform;border-radius:6px;transition:box-shadow 80ms;position:absolute;top:0;left:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f}.clip.k-audio{background:var(--clip-audio)}.clip.k-image{background:var(--clip-image)}.clip.k-title{background:linear-gradient(#c4568a,#8e2f5b)}.clip.k-color{background:var(--fill,#333)}.clip.k-missing{background:repeating-linear-gradient(-45deg,#5a1d1d 0 6px,#3a1212 6px 12px)}.clip.selected{box-shadow:inset 0 0 0 2px var(--gold), 0 0 0 1px #0009;z-index:3}.clip.dragging{opacity:.8;z-index:20;cursor:grabbing;box-shadow:inset 0 0 0 2px var(--gold), 0 10px 26px #0000008c;transition:none}.clip-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.clip-label{color:#fff;text-shadow:0 1px 2px #000000e6;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;font-size:11px;font-weight:600;position:absolute;top:3px;left:6px;right:6px;overflow:hidden}.clip.k-title .clip-label,.clip.k-color .clip-label{top:50%;transform:translateY(-50%)}.clip-badges{color:#fff;text-shadow:0 1px 2px #000;pointer-events:none;font-size:10px;font-weight:600;position:absolute;bottom:3px;right:6px}.tr-badge{pointer-events:none;background:linear-gradient(90deg,#ffffff73,#fff0);border-left:2px solid #fff;position:absolute;top:0;bottom:0;left:0}.handle{z-index:2;cursor:ew-resize;width:10px;position:absolute;top:0;bottom:0}.handle.l{left:0}.handle.r{right:0}.clip:hover .handle:after{content:"";background:#ffffffd9;border-radius:2px;width:3px;position:absolute;top:30%;bottom:30%}.handle.l:after{left:3px}.handle.r:after{right:3px}.clip.selected .handle:after{content:"";background:var(--gold);border-radius:2px;width:3px;position:absolute;top:30%;bottom:30%}body.tool-blade .clip{cursor:crosshair}body.tool-blade .handle{display:none}.tl-playhead{z-index:10;pointer-events:none;width:0;position:absolute;top:0;bottom:0;left:0}.tl-playhead:before{content:"";background:#ff4d4d;width:1.5px;position:absolute;top:0;bottom:0;left:-.5px}.tl-playhead .knob{clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%);pointer-events:auto;cursor:ew-resize;background:#ff4d4d;width:14px;height:16px;position:absolute;top:2px;left:-7px}.tl-blade{z-index:11;pointer-events:none;background:#fff;width:1.5px;display:none;position:absolute;top:0;left:0;box-shadow:0 0 6px #fffc}.tl-snapline{background:var(--gold);z-index:9;pointer-events:none;width:1px;display:none;position:absolute;top:26px;bottom:0}.tl-insert{background:var(--accent);z-index:12;pointer-events:none;width:3px;height:62px;box-shadow:0 0 8px var(--accent);border-radius:2px;display:none;position:absolute;top:0;left:0}.drop-overlay{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none;background:#0e1628bf;place-items:center;display:none;position:fixed;inset:0}.drop-overlay.show{display:grid}.drop-overlay div{border:2px dashed var(--accent);color:#fff;border-radius:20px;padding:50px 80px;font-size:22px;font-weight:600}.toasts{z-index:200;pointer-events:none;justify-items:center;gap:8px;width:min(92vw,520px);display:grid;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast{color:var(--text);border:1px solid var(--line-2);opacity:0;text-align:center;background:#2a2d35;border-radius:9px;padding:9px 16px;transition:opacity .2s,transform .2s;transform:translateY(10px);box-shadow:0 8px 30px #00000080}.toast.show{opacity:1;transform:none}.toast.error{background:#3a2226;border-color:#ff5d5d99}.toast.success{border-color:#3ddc9780}.tooltip{z-index:300;color:#fff;pointer-events:none;opacity:0;white-space:nowrap;background:#000;border-radius:5px;padding:4px 8px;font-size:11.5px;transition:opacity .1s;position:fixed;top:0;left:0}.tooltip.show{opacity:.95}.ctx-menu{z-index:250;border:1px solid var(--line-2);background:#22242a;border-radius:9px;min-width:210px;padding:4px;position:fixed;box-shadow:0 12px 40px #0009}.ctx-menu button{text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:6px 8px;font-size:12.5px;display:flex}.ctx-menu button:hover:not(:disabled){background:var(--accent);color:#fff}.ctx-menu button.danger{color:var(--danger)}.ctx-menu button.danger:hover{background:var(--danger);color:#fff}.ctx-menu .mi{width:16px;color:inherit;opacity:.85}.ctx-menu .ml{flex:1}.ctx-menu kbd{opacity:.6;background:0 0;border:none;padding:0}.ctx-sep{background:var(--line-2);height:1px;margin:4px 2px}.modal-back{z-index:150;background:#0009;place-items:center;padding:16px;animation:.12s fadeIn;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line-2);border-radius:14px;width:min(460px,100%);max-height:90vh;padding:6px 20px 18px;animation:.14s ease-out pop;overflow:auto;box-shadow:0 30px 80px #0009}.modal.wide{width:min(640px,100%)}.modal-head{justify-content:space-between;align-items:center;padding:10px 0 8px;display:flex}.modal-head h3{margin:0;font-size:16px}@keyframes fadeIn{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.97)}}.form{gap:4px;display:grid}.form .row .lbl{width:100px}.modal-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.warn{color:#f8dc8b;background:#f5c5421a;border:1px solid #f5c54266;border-radius:8px;padding:8px 10px;font-size:12px}.estimate{background:var(--panel-2);border-radius:8px;gap:2px;margin-top:8px;padding:10px 12px;display:grid}.progress{gap:10px;padding:6px 0;display:grid}.prog-label{font-size:15px;font-weight:600}.bar{background:var(--panel-3);border-radius:8px;height:8px;overflow:hidden}.bar i{background:linear-gradient(90deg, var(--accent), #a855f7);border-radius:8px;width:0;height:100%;transition:width .2s;display:block}.prog-stats{font-variant-numeric:tabular-nums;font-size:12px}.done{text-align:center}.done-icon{width:64px;height:64px;color:var(--ok);background:#3ddc9726;border-radius:50%;place-items:center;margin:6px auto 4px;display:grid}.done p{word-break:break-all;margin:6px 0}.shortcuts{grid-template-columns:1fr 1fr;gap:6px 18px;display:grid}.sc{color:var(--text-2);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:3px 0;font-size:12.5px;display:flex}.sc kbd{white-space:nowrap}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#33363e padding-box padding-box;border:2px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#444853}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}@media (max-width:1100px){.workspace{grid-template-columns:240px minmax(0,1fr) 260px}.save-state{display:none}}@media (max-width:860px){.workspace{grid-template-rows:minmax(180px,1fr) minmax(200px,38%);grid-template-columns:minmax(0,1fr)}.browser,.inspector-wrap{border:none;border-top:1px solid var(--line);grid-area:2/1}.inspector-wrap{display:none}.workspace.show-insp .inspector-wrap{display:flex}.workspace.show-insp .browser{display:none}.mobile-only{display:inline-flex!important}.insp-back{align-self:flex-start;margin:6px 8px 0}.topbar{gap:4px;padding:0 8px}.brand span:last-child,.save-state,#btnHelp,#btnRedo{display:none}.project-name{flex:1;width:auto;min-width:0}.topbar .spacer,.btn span{display:none}.btn.primary span{display:inline}.btn{padding:0 10px}.transport{grid-template-columns:auto 1fr auto;padding:6px 8px}.transport-right #duration,#masterVol,#btnSnapshot{display:none}.transport-btns{justify-content:center;gap:0}.tl-headers{width:96px}.th-btn{width:20px}#zoom,.tl-info{display:none}.shortcuts{grid-template-columns:1fr}.tabs button{padding:7px 2px 9px}}.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}.about-link{text-decoration:none}.hero-link{color:var(--accent);margin-top:10px;font-size:12.5px;text-decoration:none}.hero-link:hover{text-decoration:underline}.noscript{z-index:1000;background:var(--bg);text-align:center;padding:40px 20px;position:fixed;inset:0}.noscript a{color:var(--accent)}@media (max-width:860px){.about-link{display:none}}.new-btn{background:var(--accent-soft);color:#cfe0ff;border-color:#0000;gap:4px;height:30px;padding:0 10px 0 8px}.new-btn:hover:not(:disabled){background:#4f8cff47}.modal-actions.top{margin:0 0 12px}.proj-list{gap:6px;max-height:60vh;display:grid;overflow-y:auto}.proj-row{border:1px solid var(--line);background:var(--panel-2);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.proj-row.current{border-color:#4f8cff8c}.proj-icon{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:8px;flex:none;place-items:center;display:grid}.proj-info{flex:1;min-width:0}.proj-name{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;font-weight:600;display:flex;overflow:hidden}.proj-tag{color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:1px 7px;font-size:10.5px;font-weight:600}.proj-meta{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.proj-actions{flex:none;align-items:center;gap:2px;display:flex}.icon-btn.danger:hover{color:var(--danger)}@media (max-width:860px){.new-btn span{display:inline}.proj-meta{white-space:normal}}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.danger:hover:not(:disabled){background:#e84848}.danger-head{align-items:flex-start;gap:12px;display:flex}.danger-head p{color:var(--text);margin:2px 0 0;line-height:1.5}.danger-icon{color:var(--danger);background:#ff5d5d1f;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.danger-box .hint{margin:12px 0 8px}.danger-box .btn-row{align-items:center}.backup-status{color:var(--text-3);align-items:center;gap:4px;font-size:12.5px;display:inline-flex}.backup-status.ok{color:var(--ok)}.ack{cursor:pointer;background:#ff5d5d14;border:1px solid #ff5d5d4d;border-radius:8px;align-items:center;gap:8px;margin-top:16px;padding:10px 12px;font-size:13px;display:flex}.ack input{width:16px;height:16px;accent-color:var(--danger)}.data-row{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.data-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-2);margin-bottom:6px;font-size:11.5px;font-weight:600}.data-btns{flex-wrap:wrap;gap:4px;display:flex}.data-btns .btn{height:30px;padding:0 10px}.save-state.err{color:var(--danger);cursor:pointer}