:root{--bg:#0b0d10;--panel:#13161b;--panel-2:#191d24;--panel-3:#20252e;--line:#262b35;--line-2:#343b48;--text:#e8ecf3;--text-2:#a4adbd;--text-3:#6b7485;--accent:#7c8cff;--accent-2:#96a3ff;--accent-ink:#0d1020;--danger:#ff6b6b;--ok:#4ade80;--warn:#ffd166;--radius:8px;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.45 var(--font);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;overscroll-behavior:none;overflow:hidden}#app{height:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}h2,h3,h4,p{margin:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#2c323d padding-box padding-box;border:2px solid #0000;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#3c4452 padding-box padding-box;border:2px solid #0000}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-track{background:0 0}.app{grid-template-rows:48px minmax(0,1fr) clamp(210px,34vh,380px) 24px;min-width:0;height:100%;display:grid}.topbar{background:var(--panel);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:0 12px;display:flex}.topbar-left,.topbar-right{align-items:center;gap:8px;min-width:0;display:flex}.logo{border-radius:7px;flex:none}.brand{letter-spacing:-.01em;margin-right:6px;font-size:14px;font-weight:700}.project-name{text-overflow:ellipsis;-webkit-user-select:text;user-select:text;background:0 0;border:1px solid #0000;border-radius:6px;width:220px;min-width:60px;max-width:30vw;padding:5px 8px;font-weight:500}.project-name:hover{border-color:var(--line-2)}.project-name:focus{border-color:var(--accent);background:var(--bg);outline:none}.save-state{color:var(--text-3);white-space:nowrap;align-items:center;gap:4px;font-size:12px;display:inline-flex}.save-state.saved{color:var(--text-3)}.btn{border:1px solid var(--line-2);background:var(--panel-3);white-space:nowrap;height:32px;color:var(--text);border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:#2a303b}.btn:disabled{opacity:.45}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover:not(:disabled){background:var(--accent-2)}.btn.ghost{border-color:var(--line);color:var(--text-2);background:0 0}.btn.wide{width:100%}.link{color:var(--accent-2);background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:12px}.link:hover{background:var(--panel-3)}.icon-btn{width:30px;height:30px;color:var(--text-2);background:0 0;border:none;border-radius:6px;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover:not(:disabled){background:var(--panel-3);color:var(--text)}.icon-btn:disabled{opacity:.35}.icon-btn.active{color:var(--accent-2);background:#7c8cff24}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.workspace{grid-template-columns:clamp(250px,23vw,340px) minmax(0,1fr) clamp(270px,24vw,340px);min-height:0;display:grid}.left{background:var(--panel);border-right:1px solid var(--line);grid-template-columns:62px minmax(0,1fr);min-height:0;display:grid}.tabs{border-right:1px solid var(--line);background:#101318;flex-direction:column;gap:2px;padding:8px 5px;display:flex}.tab{color:var(--text-3);background:0 0;border:none;border-radius:7px;flex-direction:column;align-items:center;gap:4px;padding:9px 2px 7px;font-size:10.5px;font-weight:500;display:flex}.tab:hover{color:var(--text);background:var(--panel-2)}.tab.on{color:var(--accent-2);background:#7c8cff1f}.left-content{min-height:0;overflow-y:auto}.tab-body{flex-direction:column;gap:12px;padding:12px;display:flex}.hint{color:var(--text-3);font-size:12px;line-height:1.5}.hint.warn{color:var(--warn)}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;display:grid}.asset{cursor:grab;min-width:0}.asset.unavailable{cursor:default;opacity:.75}.asset-thumb{aspect-ratio:16/9;border:1px solid var(--line);background:#0c0e12;border-radius:7px;position:relative;overflow:hidden}.asset:hover .asset-thumb{border-color:var(--accent)}.asset-canvas{object-fit:cover;width:100%;height:100%;display:block}.asset-thumb.kind-audio{background:#0f1f18}.asset-icon{color:var(--text-3);place-items:center;display:grid;position:absolute;inset:0}.asset-dur{font-variant-numeric:tabular-nums;background:#000000b8;border-radius:4px;padding:1px 5px;font-size:10.5px;position:absolute;bottom:4px;left:4px}.asset-state{background:#0000008c;place-items:center;display:grid;position:absolute;inset:0}.asset-state.warn{color:var(--warn)}.asset-add,.asset-del{opacity:0;border:none;place-items:center;transition:opacity .1s;display:grid;position:absolute}.asset-add{background:var(--accent);width:24px;height:24px;color:var(--accent-ink);border-radius:6px;bottom:4px;right:4px}.asset-del{width:20px;height:20px;color:var(--text);background:#000000b3;border-radius:5px;top:4px;right:4px}.asset:hover .asset-add,.asset:hover .asset-del,.asset-add:focus-visible,.asset-del:focus-visible{opacity:1}.asset-del:hover{background:var(--danger);color:#1a0606}.asset-name{color:var(--text-2);align-items:center;gap:5px;min-width:0;margin-top:5px;font-size:11.5px;display:flex}.asset-name svg{color:var(--text-3);flex:none}.asset-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.preset{border:1px solid var(--line);background:linear-gradient(135deg,#1b2030,#12151c);border-radius:8px;place-items:center;height:64px;padding:4px;display:grid;overflow:hidden}.preset:hover{border-color:var(--accent)}.preset-sample{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:15px;line-height:1.1;overflow:hidden}.swatch-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.swatch{aspect-ratio:16/10;border:1px solid var(--line-2);border-radius:7px}.swatch:hover{outline:2px solid var(--accent);outline-offset:1px}.trans-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.trans{border:1px solid var(--line);background:var(--panel-2);color:var(--text-2);border-radius:8px;flex-direction:column;align-items:stretch;gap:6px;padding:7px 7px 6px;font-size:11.5px;display:flex}.trans:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.trans:disabled{opacity:.45}.trans.on{border-color:var(--accent);color:var(--text);background:#7c8cff24}.trans-art{background:#2a3350;border-radius:5px;height:34px;display:block;position:relative;overflow:hidden}.trans-art.none{background:repeating-linear-gradient(135deg,#1c2029,#1c2029 5px,#232833 5px 10px)}.trans-art i,.trans-art b{display:block;position:absolute;inset:0}.trans-art i{background:linear-gradient(135deg,#3d4b7a,#2a3350)}.trans-art b{background:linear-gradient(135deg,#f0a35e,#e0607a)}.trans-art.fade b{opacity:.5}.trans-art.dip-black b{left:55%}.trans-art.dip-black i{right:55%}.trans-art.dip-black{background:#000}.trans-art.dip-white b{left:55%}.trans-art.dip-white i{right:55%}.trans-art.dip-white{background:#fff}.trans-art.slide-left b,.trans-art.wipe-left b{left:50%}.trans-art.slide-right b,.trans-art.wipe-right b{right:50%}.trans-art.slide-up b,.trans-art.wipe-up b{top:50%}.trans-art.slide-down b,.trans-art.wipe-down b{bottom:50%}.trans-art.slide-left i{right:50%}.trans-art.slide-right i{left:50%}.trans-art.slide-up i{bottom:50%}.trans-art.slide-down i{top:50%}.trans-art.iris b{clip-path:circle(38%)}.trans-art.zoom b{border-radius:3px;inset:22% 28%}.trans-art.blur b{opacity:.6;filter:blur(5px)}.preview{background:var(--bg);grid-template-rows:minmax(0,1fr) 46px;min-width:0;min-height:0;display:grid}.stage{background:#08090b;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.stage:fullscreen{background:#000}.frame{touch-action:none;position:relative;box-shadow:0 0 0 1px #1e222a,0 12px 40px #00000080}.preview-canvas{background:#000;width:100%;height:100%;display:block}.preview-error{text-align:center;color:var(--danger);place-items:center;padding:20px;display:grid;position:absolute;inset:0}.sel-box{pointer-events:none;will-change:transform;display:none;position:absolute;top:0;left:0}.sel-inner{border:1.5px solid var(--accent);position:absolute;box-shadow:0 0 0 1px #00000073}.sel-box.locked .sel-inner{border-style:dashed;border-color:var(--text-3)}.sel-box.locked .handle,.sel-box.locked .sel-rotate-stem{display:none}.handle{border:1.5px solid var(--accent);pointer-events:auto;background:#fff;border-radius:3px;width:12px;height:12px;margin:-6px;position:absolute}.handle.nw{cursor:nwse-resize;top:0;left:0}.handle.se{cursor:nwse-resize;top:100%;left:100%}.handle.ne{cursor:nesw-resize;top:0;left:100%}.handle.sw{cursor:nesw-resize;top:100%;left:0}.handle.rotate{cursor:grab;border-radius:50%;top:-26px;left:50%}.sel-rotate-stem{background:var(--accent);width:1.5px;height:20px;margin-left:-.75px;position:absolute;top:-20px;left:50%}.guide{background:var(--warn);pointer-events:none;display:none;position:absolute}.guide-v{width:1px;top:0;bottom:0;left:50%}.guide-h{height:1px;top:50%;left:0;right:0}.empty{background:#08090bdb;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.empty-card{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:430px;display:flex}.empty-card h2{letter-spacing:-.01em;font-size:19px}.empty-card p{color:var(--text-2);line-height:1.55}.empty-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}.unsupported{place-items:center;height:100%;padding:24px;display:grid}.transport{background:var(--panel);border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;min-width:0;padding:0 12px;display:grid}.transport-left{min-width:0}.transport-center{align-items:center;gap:4px;display:flex}.transport-right{justify-content:flex-end;align-items:center;gap:4px;min-width:0;display:flex}.timecode{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";color:var(--text-2);white-space:nowrap;font-size:12.5px}.play-btn{background:var(--text);color:#0b0d10;border:none;border-radius:50%;place-items:center;width:36px;height:36px;margin:0 4px;display:grid}.play-btn:hover:not(:disabled){background:#fff;transform:scale(1.04)}.play-btn:disabled{opacity:.35}.vol{width:70px}.meter{flex-direction:column;gap:2px;width:54px;margin-right:4px;display:flex}.meter-bar{background:var(--panel-3);border-radius:2px;height:4px;overflow:hidden}.meter-bar>div{background:linear-gradient(90deg,#35c77a,#b7e04a 70%,#ffb84d);width:0;height:100%;transition:width 60ms linear}.meter-bar>div.hot{background:var(--danger)}.inspector{background:var(--panel);border-left:1px solid var(--line);min-height:0;padding-bottom:20px;overflow-y:auto}.inspector>.btn.wide{width:calc(100% - 24px);margin:12px}.insp-title{border-bottom:1px solid var(--line);padding:12px 14px 10px}.insp-title h3{font-size:13.5px}.insp-title span{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:12px;display:block;overflow:hidden}.section{border-bottom:1px solid var(--line)}.section-head{color:var(--text-2);cursor:pointer;align-items:center;gap:6px;padding:10px 14px;font-size:12px;font-weight:600;display:flex}.section-head:hover{color:var(--text)}.section-head .chev{color:var(--text-3);transition:transform .12s;transform:rotate(-90deg)}.section.open .section-head .chev{transform:none}.section-right{gap:2px;margin-left:auto;display:flex}.section-body{flex-direction:column;gap:8px;padding:0 14px 12px;display:flex}.row{grid-template-columns:82px minmax(0,1fr);align-items:center;gap:8px;min-height:28px;display:grid}.row.slider-row{grid-template-columns:82px minmax(0,1fr) auto}.row-label{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:12px;display:flex;overflow:hidden}.row-content{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.readout{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:12px}.readout small{color:var(--text-3)}.mini-btns{gap:0;display:flex}input[type=range]{appearance:none;cursor:pointer;--fill:0%;background:0 0;width:100%;min-width:0;height:18px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) var(--fill), var(--line-2) var(--fill));border-radius:2px;height:4px}input[type=range]::-moz-range-track{background:var(--line-2);border-radius:2px;height:4px}input[type=range]::-moz-range-progress{background:var(--accent);border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:12px;height:12px;margin-top:-4px;box-shadow:0 1px 3px #00000080}input[type=range]::-moz-range-thumb{background:#fff;border:none;border-radius:50%;width:12px;height:12px}input[type=range]:disabled{opacity:.4}.zoom input[type=range],.vol{--fill:0%}.zoom input[type=range]::-webkit-slider-runnable-track{background:var(--line-2)}.vol::-webkit-slider-runnable-track{background:var(--line-2)}.num{background:var(--bg);border:1px solid var(--line);border-radius:6px;align-items:center;gap:2px;height:26px;padding:0 6px;display:inline-flex}.num:focus-within{border-color:var(--accent)}.num input{text-align:right;font-variant-numeric:tabular-nums;-webkit-user-select:text;user-select:text;background:0 0;border:none;outline:none;width:100%;min-width:0;padding:0;font-size:12px}.num i{color:var(--text-3);font-size:11px;font-style:normal}.select,.text-input,.textarea{background:var(--bg);border:1px solid var(--line);-webkit-user-select:text;user-select:text;border-radius:6px;width:100%;min-width:0;height:28px;padding:0 8px;font-size:12px}.select{flex:1}.select.narrow{flex:90px;width:auto}.select:focus,.text-input:focus,.textarea:focus{border-color:var(--accent);outline:none}.textarea{resize:vertical;height:auto;min-height:62px;padding:8px;font-size:13px;line-height:1.4}.color{align-items:center;gap:7px;display:inline-flex}.color input{border:1px solid var(--line-2);cursor:pointer;background:0 0;border-radius:6px;width:30px;height:26px;padding:0}.color input::-webkit-color-swatch-wrapper{padding:2px}.color input::-webkit-color-swatch{border:none;border-radius:4px}.color-hex{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:11.5px}.chip{border:1px solid var(--line);background:var(--bg);min-width:30px;height:26px;color:var(--text-2);border-radius:6px;justify-content:center;align-items:center;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.chip:hover{color:var(--text);border-color:var(--line-2)}.chip.on{border-color:var(--accent);color:var(--text);background:#7c8cff2e}.chips{flex-wrap:wrap;gap:4px;display:flex}.segmented{background:var(--bg);border:1px solid var(--line);border-radius:7px;gap:2px;padding:2px;display:inline-flex}.segmented button{color:var(--text-2);background:0 0;border:none;border-radius:5px;align-items:center;height:22px;padding:0 9px;font-size:12px;font-weight:500;display:inline-flex}.segmented button.on{background:var(--panel-3);color:var(--text)}.toggle{cursor:pointer;color:var(--text-2);align-items:center;gap:8px;font-size:12px;display:inline-flex}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-track{background:var(--line-2);border-radius:9px;flex:none;width:30px;height:17px;transition:background .12s;position:relative}.toggle-track:after{content:"";background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .12s;position:absolute;top:2px;left:2px}.toggle input:checked+.toggle-track{background:var(--accent)}.toggle input:checked+.toggle-track:after{transform:translate(13px)}.toggle input:focus-visible+.toggle-track{outline:2px solid var(--accent);outline-offset:2px}.kf{color:var(--text-3);background:0 0;border:none;border-radius:3px;flex:none;place-items:center;width:16px;height:16px;padding:0;display:inline-grid}.kf:hover{color:var(--text)}.kf.animated{color:var(--warn)}.timeline{background:var(--panel);border-top:1px solid var(--line);grid-template-rows:40px minmax(0,1fr);min-width:0;min-height:0;display:grid}.tl-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:0 10px;display:flex}.tl-tools{align-items:center;gap:4px;display:flex}.tool-btn{height:28px;color:var(--text-2);background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:0 9px;font-size:12.5px;font-weight:500;display:inline-flex}.tool-btn:hover:not(:disabled){background:var(--panel-3);color:var(--text)}.tool-btn:disabled{opacity:.35}.tl-sep{background:var(--line-2);flex:none;width:1px;height:18px;margin:0 4px}.zoom{align-items:center;gap:2px;display:flex}.zoom input{width:120px}.tl-body{grid-template-columns:164px minmax(0,1fr);min-height:0;display:grid}.tl-headers{border-right:1px solid var(--line);background:#101216;position:relative;overflow:hidden}.tl-headers:before{content:"";border-bottom:1px solid var(--line);z-index:1;background:#101216;height:28px;position:absolute;top:0;left:0;right:0}.tl-headers-inner{position:absolute;inset:0}.tl-header{background:#171a20;border-bottom:1px solid #101216;align-items:center;gap:5px;padding:0 3px 0 9px;display:flex;position:absolute;left:0;right:0}.tl-header.locked{background:#13151a}.tl-header-icon{color:var(--text-3);display:flex}.tl-header-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-2);flex:1;font-size:12px;font-weight:500;overflow:hidden}.tl-header-btns{display:flex}.tl-header-btns .icon-btn{border-radius:5px;width:23px;height:24px}.tl-scroll{background:#101216;min-width:0;min-height:0;position:relative;overflow:auto}.tl-sizer{pointer-events:none;position:absolute;top:0;left:0}.tl-viewport{touch-action:none;width:100%;height:100%;position:sticky;top:0;left:0;overflow:hidden}.tl-canvas{display:block;position:absolute;top:0;left:0}.tl-overlay{pointer-events:none}.statusbar{border-top:1px solid var(--line);color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap;background:#0e1014;align-items:center;gap:16px;padding:0 12px;font-size:11.5px;display:flex;overflow:hidden}.status-right{margin-left:auto}.menu{z-index:50;border:1px solid var(--line-2);background:#1c2029;border-radius:9px;min-width:210px;padding:5px;position:fixed;box-shadow:0 14px 40px #0000008c}.menu-item{text-align:left;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;gap:18px;width:100%;height:30px;padding:0 10px;display:flex}.menu-item:hover:not(:disabled){background:var(--accent);color:var(--accent-ink)}.menu-item:hover:not(:disabled) kbd{color:var(--accent-ink)}.menu-item:disabled{opacity:.4}.menu-item.danger{color:var(--danger)}.menu-item.danger:hover:not(:disabled){background:var(--danger);color:#1a0606}.menu-item kbd{font:inherit;color:var(--text-3);font-size:11.5px}.menu-sep{background:var(--line-2);height:1px;margin:4px 6px}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#040507a8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--panel-2);border:1px solid var(--line-2);border-radius:12px;flex-direction:column;max-height:calc(100vh - 32px);display:flex;box-shadow:0 24px 70px #0009}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 14px 12px 18px;display:flex}.modal-head h2{font-size:15px}.modal-body{flex-direction:column;gap:12px;padding:16px 18px;display:flex;overflow-y:auto}.modal-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.modal .row{grid-template-columns:96px minmax(0,1fr)}.export-formats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;display:grid}.format{text-align:left;border:1px solid var(--line-2);background:var(--panel);border-radius:9px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.format:hover{border-color:var(--text-3)}.format.on{border-color:var(--accent);background:#7c8cff1f}.format strong{font-size:13px}.format span{color:var(--text-3);font-size:11.5px}.export-loading{color:var(--text-2);align-items:center;gap:8px;padding:8px 0;display:flex}.export-summary{background:var(--panel);border:1px solid var(--line);border-radius:9px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;padding:12px;display:grid}.export-summary div{flex-direction:column;gap:1px;display:flex}.export-summary span{color:var(--text-3);font-size:11.5px}.export-summary strong{font-variant-numeric:tabular-nums}.export-run{flex-direction:column;gap:12px;padding:8px 0;display:flex}.export-pct{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:44px;font-weight:700;line-height:1}.export-pct small{color:var(--text-3);margin-left:2px;font-size:20px}.progress{background:var(--panel-3);border-radius:4px;height:8px;overflow:hidden}.progress>div{background:var(--accent);border-radius:4px;height:100%;transition:width .12s linear}.export-stats{color:var(--text-2);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.export-done{flex-direction:column;gap:12px;display:flex}.export-done-head{color:var(--ok);align-items:center;gap:10px;display:flex}.export-done-head div{color:var(--text);flex-direction:column;min-width:0;display:flex}.export-done-head span{color:var(--text-3);text-overflow:ellipsis;font-size:12px;overflow:hidden}.export-video{background:#000;border-radius:8px;width:100%;max-height:300px}.export-audio{width:100%}.export-error{color:var(--danger);gap:12px;display:flex}.export-error div{color:var(--text);flex-direction:column;gap:6px;min-width:0;display:flex}.export-error p{color:var(--text-2);-webkit-user-select:text;user-select:text;overflow-wrap:anywhere}.project-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.project-list li{border:1px solid var(--line);background:var(--panel);border-radius:9px;align-items:center;gap:8px;padding-right:6px;display:flex}.project-list li.current{border-color:var(--accent)}.project-open{text-align:left;background:0 0;border:none;border-radius:9px;flex-direction:column;flex:1;gap:2px;min-width:0;padding:10px 12px;display:flex}.project-open:hover{background:var(--panel-3)}.project-open strong,.project-open span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-open span{color:var(--text-3);font-size:11.5px}.badge{color:var(--accent-2);background:#7c8cff33;border-radius:10px;padding:2px 7px;font-size:11px}.shortcut-cols{columns:2 260px;column-gap:28px}.shortcut-cols>div{break-inside:avoid;margin-bottom:16px}.shortcut-cols h4{text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:6px;font-size:11.5px}.shortcut-cols dl{flex-direction:column;margin:0;display:flex}.shortcut-cols dl>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:4px 0;display:flex}.shortcut-cols dt{white-space:nowrap;font-weight:600}.shortcut-cols dd{color:var(--text-2);text-align:right;margin:0}.drop-overlay{z-index:60;border:3px dashed var(--accent);pointer-events:none;background:#0b0d10d1;place-items:center;display:grid;position:fixed;inset:0}.drop-overlay>div{color:var(--accent-2);flex-direction:column;align-items:center;gap:8px;display:flex}.drop-overlay strong{color:var(--text);font-size:20px}.drop-overlay span{color:var(--text-2)}.toasts{z-index:70;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(520px,100vw - 32px);display:flex;position:fixed;bottom:44px;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--line-2);text-align:center;background:#232936;border-radius:9px;padding:9px 14px;animation:.16s ease-out toast-in;box-shadow:0 10px 30px #00000080}.toast.error{border-color:#ff6b6b99}.toast.success{border-color:#4ade8080}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (max-width:1000px){.workspace{grid-template-columns:232px minmax(0,1fr) 256px}.tool-btn span,.brand,.save-state{display:none}.project-name{width:140px}.meter{display:none}}@media (max-width:760px){.app{grid-template-rows:48px minmax(0,1fr) 42vh 0}.workspace{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.left,.inspector,.statusbar{display:none}.tl-body{grid-template-columns:96px minmax(0,1fr)}.tl-header-btns .icon-btn:not(:last-child),.zoom input,.vol{display:none}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.record-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.rec-btn{border:1px solid var(--line);background:var(--panel-2);color:var(--text-2);border-radius:7px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:8px 2px 7px;font-size:11px;font-weight:500;display:flex}.rec-btn:hover:not(:disabled){border-color:var(--danger);color:var(--text)}.rec-btn:disabled{opacity:.4}.rec-btn span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.recbar{z-index:45;white-space:nowrap;background:#1c2029;border:1px solid #ff6b6b8c;border-radius:12px;align-items:center;gap:10px;padding:8px 10px 8px 14px;display:flex;position:fixed;top:58px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #0000008c}.recbar-video{object-fit:cover;background:#000;border-radius:6px;width:112px;height:63px}.recbar-time{font-variant-numeric:tabular-nums;color:var(--text-2);min-width:36px}.rec-dot{background:var(--danger);border-radius:50%;flex:none;width:10px;height:10px;animation:1.2s ease-in-out infinite rec-pulse}@keyframes rec-pulse{50%{opacity:.35}}.btn.danger{background:var(--danger);border-color:var(--danger);color:#1a0606}.btn.danger:hover:not(:disabled){background:#ff8585}