:root{--bg0:#06080c;--bg1:#0c0f15;--bg2:#11151d;--bg3:#171c26;--bg4:#1e2430;--line:#222937;--line2:#2c3445;--text:#d9dee8;--text2:#aab2c2;--muted:#6f788b;--accent:#f5b942;--accent-dim:#f5b94224;--blue:#38bdf8;--bull:#22c55e;--bear:#ef4444;--radius:4px;--font:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg0);height:100%;color:var(--text);font:12px/1.35 var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{opacity:.35;cursor:default}kbd{font:10px var(--mono);color:var(--muted);border:1px solid var(--line2);background:var(--bg1);border-radius:3px;padding:0 4px}code{font:11px var(--mono);color:var(--accent)}.mono{font-family:var(--mono);font-size:11px}.muted{color:var(--muted)}.small{font-size:11px}.pad{padding:10px}.pad-x{padding:0 10px}.boot{height:100vh;color:var(--muted);place-items:center;display:grid}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border:2px solid var(--bg1);background:#262d3b;border-radius:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}.app{flex-direction:column;height:100vh;display:flex}.main{flex:1;min-height:0;display:flex}.center{flex-direction:column;flex:1;min-width:0;display:flex}.splitter{cursor:row-resize;background:var(--bg1);border-top:1px solid var(--line);height:5px}.splitter:hover{background:var(--accent-dim)}.tl-wrap{flex:none;min-height:0;display:flex}.topbar{background:var(--bg1);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:6px;height:40px;padding:0 10px;display:flex}.brand{align-items:center;gap:7px;margin-right:4px;display:flex}.brand-mark{align-items:flex-end;gap:2px;height:16px;display:flex}.brand-mark i{border-radius:1px;width:4px;display:block}.brand-mark i:first-child{background:var(--bull);height:11px}.brand-mark i:nth-child(2){background:var(--bear);height:7px;margin-bottom:3px}.brand-mark i:nth-child(3){background:var(--accent);height:16px}.brand-name{letter-spacing:-.01em;white-space:nowrap;font-size:13px;font-weight:800}.brand-name b{color:var(--accent);font-weight:700}.project-name{color:var(--text);font:600 12px var(--font);border-radius:var(--radius);background:0 0;border:1px solid #0000;width:260px;padding:4px 6px}.project-name:hover{border-color:var(--line)}.project-name:focus{border-color:var(--accent);background:var(--bg2);outline:none}.save-dot{background:#2f8f5b;border-radius:50%;width:6px;height:6px}.save-dot.dirty{background:var(--accent)}.tb-sep{background:var(--line);width:1px;height:18px;margin:0 4px}.tb-spacer{flex:1}.tb-btn{border-radius:var(--radius);height:26px;color:var(--text2);border:1px solid var(--line);background:var(--bg2);white-space:nowrap;align-items:center;gap:5px;padding:0 9px;font-weight:600;display:inline-flex}.tb-btn:hover:not(:disabled){color:var(--text);border-color:var(--line2);background:var(--bg3)}.tb-btn.active{color:var(--accent);border-color:var(--accent)}.tb-btn.primary{background:var(--accent);border-color:var(--accent);color:#111}.tb-btn.primary:hover{color:#000;background:#ffc95c}.tb-icon{border-radius:var(--radius);width:26px;height:26px;color:var(--text2);place-items:center;display:inline-grid}.tb-icon:hover:not(:disabled){background:var(--bg3);color:var(--text)}.tb-icon[data-on=true]{color:var(--accent);background:var(--accent-dim)}.tb-icon.danger:hover{color:var(--bear)}.tb-group{align-items:center;gap:5px;display:flex}.tb-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:700}.tb-dim{color:var(--muted)}.tb-menu{position:relative}.dropdown{z-index:50;background:var(--bg2);border:1px solid var(--line2);border-radius:6px;min-width:230px;padding:4px;position:absolute;top:30px;left:0;box-shadow:0 12px 32px #00000080}.dropdown button{border-radius:var(--radius);width:100%;color:var(--text2);text-align:left;align-items:center;gap:8px;padding:6px 8px;display:flex}.dropdown button span{flex:1}.dropdown button:hover{background:var(--bg4);color:var(--text)}.sel,.txt{background:var(--bg2);height:24px;color:var(--text);border:1px solid var(--line);border-radius:var(--radius);font:12px var(--font);width:100%;min-width:0;padding:0 6px}textarea.txt{resize:vertical;height:auto;padding:5px 6px;line-height:1.4}.sel:focus,.txt:focus{border-color:var(--accent);outline:none}.tb-sel{width:auto;height:26px}.tb-sel.mini{height:22px;font-size:11px}.txt.mono{font:11px var(--mono)}.num{background:var(--bg2);border:1px solid var(--line);border-radius:var(--radius);flex:1;align-items:center;min-width:0;height:24px;display:flex}.num:focus-within{border-color:var(--accent)}.num-grip{text-align:center;width:12px;color:var(--muted);cursor:ew-resize;-webkit-user-select:none;user-select:none;font-size:10px}.num-grip:hover{color:var(--accent)}.num input{width:100%;min-width:0;color:var(--text);font:11px var(--mono);background:0 0;border:0;flex:1;padding:0 4px 0 0}.num input:focus{outline:none}.num-suffix{color:var(--muted);padding-right:5px;font-size:10px}.color{gap:5px;width:100%;display:flex}.swatch{border-radius:var(--radius);border:1px solid var(--line2);cursor:pointer;flex:none;width:24px;height:24px;position:relative;overflow:hidden}.swatch input{opacity:0;cursor:pointer;position:absolute;inset:0}.slider{align-items:center;gap:6px;width:100%;display:flex}.slider input{accent-color:var(--accent);flex:1;height:14px}.slider span{text-align:right;width:30px;color:var(--text2)}.tgl{align-items:center;gap:6px;display:inline-flex}.tgl-knob{background:var(--bg4);border:1px solid var(--line2);border-radius:8px;width:26px;height:14px;transition:background .12s;position:relative}.tgl-knob:after{content:"";background:var(--text2);border-radius:50%;width:10px;height:10px;transition:transform .12s;position:absolute;top:1px;left:1px}.tgl.on .tgl-knob{background:var(--accent);border-color:var(--accent)}.tgl.on .tgl-knob:after{background:#111;transform:translate(12px)}.seg{border:1px solid var(--line);border-radius:var(--radius);flex:none;display:inline-flex;overflow:hidden}.seg button{height:22px;color:var(--text2);white-space:nowrap;padding:0 8px;font-size:11px}.seg button+button{border-left:1px solid var(--line)}.seg button.on{background:var(--accent-dim);color:var(--accent)}.btn{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg2);height:26px;color:var(--text2);white-space:nowrap;justify-content:center;align-items:center;gap:5px;padding:0 9px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--bg3);color:var(--text);border-color:var(--line2)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#111}.btn.primary:hover:not(:disabled){color:#000;background:#ffc95c}.btn.danger:hover:not(:disabled){color:var(--bear);border-color:#7f1d1d}.btn.bull{color:var(--bull)}.btn.bear{color:var(--bear)}.btn.wide{width:100%}.btn.tiny{height:20px;padding:0 6px;font-size:10.5px}.btn-row{flex-wrap:wrap;gap:5px;padding:6px 10px;display:flex}.btn-row.tight{gap:3px;padding:2px 0}.btn-row .btn:not(.tiny){flex:1}.pill{background:var(--bg3);border:1px solid var(--line2);color:var(--text2);white-space:nowrap;border-radius:10px;padding:1px 6px;font-size:10px;display:inline-block}.pill.dim{color:var(--muted)}.badge{min-width:30px;height:16px;font:800 8.5px/1 var(--mono);letter-spacing:.02em;border:1px solid;border-radius:3px;place-items:center;padding:0 3px;display:inline-grid}.left{border-right:1px solid var(--line);background:var(--bg1);flex:none;display:flex}.rail{border-right:1px solid var(--line);flex-direction:column;align-items:center;gap:2px;width:52px;padding:6px 0;display:flex}.rail-sep{background:var(--line);width:28px;height:1px;margin:4px 0}.rail-fill{flex:1}.rail-btn{width:42px;height:34px;color:var(--text2);border-radius:6px;place-items:center;display:grid}.rail-btn.labeled{align-content:center;gap:1px;height:42px}.rail-btn.labeled span{color:var(--muted);font-size:9px;font-weight:600}.rail-btn:hover{background:var(--bg3);color:var(--text)}.rail-btn.on{background:var(--accent);color:#111}.rail-btn.active{background:var(--accent-dim);color:var(--accent)}.rail-btn.active span{color:var(--accent)}.palette{width:224px;padding-bottom:20px;overflow-y:auto}.palette.wide{width:300px}.pal-head{padding:10px 10px 6px}.pal-head h3{letter-spacing:.01em;margin:0;font-size:12px;font-weight:700}.pal-head p{color:var(--muted);margin:3px 0 0;font-size:11px;line-height:1.4}.pal-sub{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;padding:10px 10px 4px;font-size:10px;font-weight:700}.pal-note{color:var(--muted);margin:8px 10px;font-size:11px;line-height:1.45}.pal-action{border-radius:var(--radius);border:1px dashed var(--line2);width:calc(100% - 20px);color:var(--text2);align-items:center;gap:6px;margin:4px 10px;padding:6px 8px;display:flex}.pal-action:hover{border-color:var(--accent);color:var(--accent)}.tool-list{flex-direction:column;gap:1px;padding:0 6px;display:flex}.tool-item{border-radius:var(--radius);height:28px;color:var(--text2);text-align:left;align-items:center;gap:8px;padding:0 6px;display:flex}.tool-item:hover{background:var(--bg3);color:var(--text)}.tool-item.on{background:var(--accent-dim);color:var(--accent);box-shadow:inset 2px 0 0 var(--accent)}.tool-ico{flex:none;place-items:center;width:34px;display:grid}.tool-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.tool-grid{grid-template-columns:1fr 1fr;gap:1px;padding:0 6px;display:grid}.tool-grid .tool-item{gap:5px;padding:0 4px}.tool-grid .tool-item kbd{display:none}.preset-grid{grid-template-columns:1fr 1fr;gap:5px;padding:0 10px;display:grid}.preset{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(180deg, var(--bg3), var(--bg2));height:46px;font-size:12px}.preset:hover{border-color:var(--accent)}.kf-list{flex-direction:column;padding:0 6px;display:flex}.kf-item{border-radius:var(--radius);height:24px;color:var(--text2);text-align:left;align-items:center;gap:7px;padding:0 6px;display:flex}.kf-item:hover{background:var(--bg3)}.kf-item.sel{background:var(--accent-dim);color:var(--accent)}.asset-grid{grid-template-columns:repeat(3,1fr);gap:5px;padding:0 10px;display:grid}.asset{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg2);overflow:hidden}.asset img{object-fit:contain;width:100%;height:100%}.asset:hover{border-color:var(--accent)}.prompt{font-size:12px}.brief{flex-wrap:wrap;gap:3px;margin:6px 0 8px;display:flex}.examples{flex-direction:column;gap:4px;display:flex}.example{text-align:left;border-radius:var(--radius);border:1px solid var(--line);color:var(--text2);padding:6px 8px;font-size:11px;line-height:1.4}.example:hover{border-color:var(--accent);color:var(--text)}.story{flex-direction:column;gap:2px;display:flex}.beat{text-align:left;border-radius:var(--radius);color:var(--text2);gap:8px;padding:4px 6px;font-size:11px;display:flex}.beat:hover{background:var(--bg3)}.beat .mono{color:var(--accent);flex:none;width:34px}.ohlc-table{border:1px solid var(--line);border-radius:var(--radius);margin:4px 6px}.ohlc-head,.ohlc-row{grid-template-columns:22px 1fr 1fr 1fr 1fr 22px;align-items:center;gap:2px;padding:1px 3px;display:grid}.ohlc-head{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line);padding:4px 3px;font-size:9.5px;font-weight:700}.ohlc-body{max-height:210px;overflow-y:auto}.ohlc-row .num{height:20px}.ohlc-row .num-grip{display:none}.ohlc-row .num input{padding-left:3px;font-size:10px}.ohlc-row.sel{background:var(--accent-dim)}.ohlc-i{font:700 10px var(--mono);text-align:center}.ohlc-move{flex-direction:column;display:flex}.ohlc-move button{height:10px;color:var(--muted);place-items:center;display:grid}.ohlc-move button:hover{color:var(--accent)}.paste{margin:0 0 4px;font-size:10.5px}.stage{background:var(--bg0);flex:1;min-height:120px;position:relative;overflow:hidden}.stage canvas{touch-action:none;display:block}.stage-hud{border:1px solid var(--line);border-radius:var(--radius);background:#0c0f15d9;display:flex;position:absolute;top:6px;right:8px;overflow:hidden}.stage-hud button{height:22px;color:var(--muted);padding:0 9px;font-size:11px;font-weight:600}.stage-hud button.on{color:var(--accent);background:var(--accent-dim)}.stage-hint{color:#4b5466;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 20px);font-size:10.5px;position:absolute;bottom:5px;left:10px;overflow:hidden}.transport{background:var(--bg1);border-top:1px solid var(--line);flex:none;align-items:center;height:36px;padding:0 8px;display:flex}.tr-left,.tr-right{flex:1;align-items:center;gap:4px;display:flex}.tr-right{justify-content:flex-end}.tr-center{align-items:center;gap:3px;display:flex}.play-btn{background:var(--accent);color:#111;border-radius:50%;place-items:center;width:30px;height:30px;margin:0 3px;display:grid}.play-btn:hover{background:#ffc95c}.timecode{text-align:center;min-width:128px;margin:0 8px;font-size:12px}.zoom-range{width:110px;accent-color:var(--accent)}.timeline{background:var(--bg1);flex:1;min-width:0;display:flex}.tl-scroll{flex:1;position:relative;overflow:auto}.tl-content{min-height:100%;position:relative}.tl-head{z-index:3;background:var(--bg1);border-right:1px solid var(--line);flex:none;align-items:center;gap:5px;height:100%;padding:0 6px 0 8px;display:flex;position:sticky;left:0;overflow:hidden}.tl-ruler{z-index:5;background:var(--bg2);border-bottom:1px solid var(--line);display:flex;position:sticky;top:0}.tl-ruler-head{background:var(--bg2);color:var(--text2);justify-content:space-between;font-size:11px;font-weight:700}.tl-ruler-track{cursor:ew-resize;flex:1;position:relative}.tl-tick{border-left:1px solid var(--line2);position:absolute;top:0;bottom:0}.tl-tick span{font:10px var(--mono);color:var(--muted);white-space:nowrap;position:absolute;top:4px;left:4px}.tl-subtick{border-left:1px solid var(--line);height:5px;position:absolute;bottom:0}.tl-end{background:var(--bear);opacity:.6;width:2px;position:absolute;top:0;bottom:0}.tl-marker{z-index:2;position:absolute;top:2px;transform:translate(-1px)}.tl-marker span{background:var(--blue);color:#00131c;font:700 9px var(--mono);cursor:pointer;border-radius:0 3px 3px 0;padding:1px 4px;display:block}.tl-row,.tl-group,.tl-empty{border-bottom:1px solid #161b25;display:flex}.tl-row.layer.sel .tl-head{background:#18170f}.tl-group,.tl-group .tl-head{background:var(--bg2)}.tl-lane,.tl-group-lane{flex:1;position:relative}.tl-empty{align-items:center;font-size:10.5px}.tl-empty .muted{padding-left:10px}.tl-name{white-space:nowrap;text-overflow:ellipsis;color:var(--text2);flex:1;overflow:hidden}.tl-name.strong{color:var(--text);font-weight:700}.tl-kind{font:700 9px var(--mono);text-transform:uppercase;flex:none;width:40px;overflow:hidden}.tl-dot{border-radius:2px;flex:none;width:7px;height:7px}.tl-collapse{color:var(--muted);place-items:center;display:grid}.tl-icon{color:var(--muted);border-radius:3px;flex:none;place-items:center;width:18px;height:18px;display:grid}.tl-icon:hover{color:var(--text);background:var(--bg4)}.tl-icon.off{color:var(--accent)}.tl-clip{--c:#3b82f6;background:color-mix(in srgb, var(--c) 26%, #0c0f15);border:1px solid color-mix(in srgb, var(--c) 55%, transparent);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:3px;align-items:center;display:flex;position:absolute;top:3px;bottom:3px;overflow:hidden}.tl-clip:before,.tl-clip:after{content:"";cursor:ew-resize;z-index:2;width:6px;position:absolute;top:0;bottom:0}.tl-clip:before{left:0}.tl-clip:after{right:0}.tl-clip:hover:before,.tl-clip:hover:after{background:color-mix(in srgb, var(--c) 45%, transparent)}.tl-clip span{z-index:1;white-space:nowrap;color:#e7ebf3;text-overflow:ellipsis;padding:0 8px;font-size:10.5px;font-weight:600;position:relative;overflow:hidden}.tl-clip.sel{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:color-mix(in srgb, var(--c) 40%, #0c0f15)}.tl-clip.hidden{opacity:.35}.tl-clip.locked{cursor:not-allowed;background-image:repeating-linear-gradient(45deg,#0000 0 5px,#ffffff0a 5px 10px)}.tl-clip.chart{cursor:grab}.tl-ramp{pointer-events:none;position:absolute;top:0;bottom:0}.tl-ramp.in{background:linear-gradient(90deg,#fff0,#ffffff1f);border-right:1px dashed #ffffff40;left:0}.tl-ramp.out{background:linear-gradient(90deg,#ffffff1f,#fff0);border-left:1px dashed #ffffff40;right:0}.tl-emph{background:var(--accent);pointer-events:none;height:3px;position:absolute;bottom:0}.tl-reveal{pointer-events:none;background:repeating-linear-gradient(90deg,#ffffff12 0 3px,#0000 3px 8px);border-right:1px solid #ffffff4d;position:absolute;top:0;bottom:0;left:0}.tl-mini{opacity:.55;border-radius:2px;height:6px;position:absolute;top:8px}.tl-kf{color:var(--accent);cursor:ew-resize;z-index:2;place-items:center;width:16px;height:16px;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%)}.tl-kf svg{fill:#0c0f15}.tl-kf.sel svg,.tl-kf:hover svg{fill:var(--accent)}.tl-kf.follow{color:var(--blue)}.tl-cam-span{background:color-mix(in srgb, var(--accent) 45%, transparent);height:2px;margin-top:-1px;position:absolute;top:50%}.tl-playhead{z-index:6;pointer-events:none;border-left:1px solid var(--accent);width:0;position:absolute;top:0;bottom:0;left:0}.tl-playhead-cap{background:var(--accent);clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%);width:11px;height:12px;margin-left:-6px;position:sticky;top:0}.inspector{background:var(--bg1);border-left:1px solid var(--line);flex:none;width:268px;padding-bottom:30px;overflow-y:auto}.ins-title{align-items:center;gap:4px;padding:8px 8px 4px 10px;display:flex}.ins-ico{place-items:center;min-width:26px;display:grid}.ins-name{min-width:0;color:var(--text);font:700 13px var(--font);border-radius:var(--radius);background:0 0;border:1px solid #0000;flex:1;padding:3px 4px}.ins-name:hover{border-color:var(--line)}.ins-name:focus{border-color:var(--accent);background:var(--bg2);outline:none}.ins-name.static{border:0}.ins-kind{border-bottom:1px solid var(--line);padding:0 10px 8px;font-size:11px;line-height:1.4}.ins-section{border-bottom:1px solid var(--line)}.ins-section>header{cursor:pointer;color:var(--text2);text-transform:uppercase;letter-spacing:.07em;-webkit-user-select:none;user-select:none;align-items:center;gap:5px;padding:7px 8px;font-size:10.5px;font-weight:700;display:flex}.ins-section>header:hover{color:var(--text)}.ins-section-right{text-transform:none;letter-spacing:0;margin-left:auto}.ins-body{flex-direction:column;gap:4px;padding:0 10px 8px;display:flex}.ins-row{align-items:center;gap:6px;min-height:24px;display:flex}.ins-row>label{width:72px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:none;font-size:11px;overflow:hidden}.ins-row.col{flex-direction:column;align-items:stretch}.ins-row.col>label{width:auto}.ins-row.col p{margin:0}.ins-ctl{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.ins-sub{color:var(--accent);text-transform:uppercase;letter-spacing:.07em;margin-top:4px;font-size:10px;font-weight:700}.issues{flex-direction:column;gap:3px;margin:6px 0;display:flex}.issue{color:#fca5a5;border-radius:var(--radius);background:#ef444414;border:1px solid #ef444440;padding:3px 6px;font-size:11px}.ctx-menu{z-index:100;background:var(--bg2);border:1px solid var(--line2);border-radius:6px;min-width:200px;padding:4px;position:fixed;box-shadow:0 14px 36px #0000008c}.ctx-item{border-radius:var(--radius);width:100%;height:26px;color:var(--text2);text-align:left;justify-content:space-between;align-items:center;padding:0 8px;display:flex}.ctx-item:hover:not(:disabled){background:var(--bg4);color:var(--text)}.ctx-item.danger{color:#f87171}.ctx-sep{background:var(--line);height:1px;margin:4px 2px}.modal-back{z-index:90;background:#020408a8;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--bg1);border:1px solid var(--line2);border-radius:8px;flex-direction:column;max-height:88vh;display:flex;box-shadow:0 30px 80px #0009}.modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.modal h2{margin:0;font-size:13px}.modal-body{flex-direction:column;gap:10px;padding:12px;display:flex;overflow-y:auto}.modal-foot{align-items:center;gap:6px;display:flex}.api-status{border-radius:var(--radius);background:var(--bg2);border:1px solid var(--line);color:var(--text2);align-items:center;gap:7px;padding:7px 9px;display:flex}.api-status.ok{color:#86efac;border-color:#22c55e59}.api-status.bad{color:#fca5a5;border-color:#ef444459}.export-grid{grid-template-columns:90px 1fr;align-items:center;gap:6px 10px;display:grid}.export-grid label{color:var(--muted)}.job{flex-direction:column;gap:6px;display:flex}.job-head{justify-content:space-between;display:flex}.progress{background:var(--bg3);border-radius:3px;height:6px;overflow:hidden}.progress div{background:var(--accent);height:100%;transition:width .3s}.result{border-radius:var(--radius);background:#000;width:100%;max-height:300px}.err{white-space:pre-wrap;color:#fca5a5;font:11px var(--mono);border-radius:var(--radius);background:#ef444414;max-height:160px;margin:0;padding:8px;overflow:auto}.proj-list{flex-direction:column;gap:3px;max-height:50vh;display:flex;overflow-y:auto}.proj-item{align-items:center;gap:4px;display:flex}.proj-open{text-align:left;border-radius:var(--radius);border:1px solid var(--line);flex:1;grid-template-columns:18px 1fr;align-items:center;gap:1px 8px;padding:7px 8px;display:grid}.proj-open:hover{border-color:var(--accent)}.proj-open .muted{grid-column:2}.proj-name{font-weight:600}.shortcuts{gap:4px;display:grid}.sc-row{color:var(--text2);grid-template-columns:210px 1fr;align-items:center;gap:10px;display:grid}.sc-row kbd{justify-self:start;padding:2px 6px;font-size:10.5px}.toasts{z-index:120;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;background:var(--bg3);border:1px solid var(--line2);color:var(--text);cursor:pointer;border-radius:6px;padding:7px 12px;font-size:12px;box-shadow:0 10px 30px #00000073}.toast.success{border-color:#22c55e73}.toast.error{color:#fecaca;border-color:#ef44448c}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app.preview .transport{border-top:1px solid var(--line)}