:root{--bg0: #101216;--bg1: #17191f;--bg2: #1e2129;--bg3: #262a34;--bg4: #303542;--line: #0a0b0e;--line2: #3a4050;--fg: #c8cdd8;--fg-dim: #7d8494;--accent: #4f9cf0;--accent2: #e0a34a;--rec: #e05c5c;--ok: #5fbf7a;--font: 12px "Segoe UI", system-ui, sans-serif;--mono: 11px "Cascadia Code", Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0;user-select:none}html,body,#app{height:100%;overflow:hidden}body{background:var(--bg0);color:var(--fg);font:var(--font)}#app{display:flex;flex-direction:column}.toolbar{display:flex;align-items:center;gap:6px;padding:4px 8px;background:linear-gradient(#20242e,var(--bg1));border-bottom:1px solid var(--line);flex:0 0 auto;flex-wrap:wrap}.toolbar .sep{width:1px;align-self:stretch;margin:2px 4px;background:var(--line2)}.tb-group{display:flex;align-items:center;gap:3px}button,select{background:var(--bg3);color:var(--fg);border:1px solid var(--line);border-radius:3px;padding:3px 8px;font:var(--font);cursor:pointer;outline:none}button:hover{background:var(--bg4)}button.active{background:var(--accent);color:#0c1420;border-color:var(--accent)}button.rec-active{background:var(--rec);color:#fff;border-color:var(--rec)}button.icon{font-size:13px;min-width:28px;padding:3px 5px}button:disabled{opacity:.4;cursor:default}input[type=number],input[type=text]{background:var(--bg0);color:var(--fg);border:1px solid var(--line2);border-radius:3px;padding:3px 5px;font:var(--mono);width:60px;outline:none}input[type=text]{width:140px}.time-display{font:var(--mono);font-size:15px;background:var(--bg0);border:1px solid var(--line2);border-radius:3px;padding:3px 10px;color:var(--accent2);min-width:110px;text-align:center}.bridge-dot{width:9px;height:9px;border-radius:50%;background:#555;display:inline-block;margin-right:4px}.bridge-dot.connected{background:var(--ok);box-shadow:0 0 5px var(--ok)}.bridge-dot.connecting{background:var(--accent2)}.main{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.timeline-wrap{flex:1 1 55%;min-height:120px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.bottom-panel{flex:1 1 45%;min-height:100px;display:flex;flex-direction:column;background:var(--bg1)}.panel-tabs{display:flex;gap:1px;background:var(--bg0);border-bottom:1px solid var(--line);flex:0 0 auto}.panel-tabs button{border-radius:0;border:none;border-right:1px solid var(--line);padding:4px 14px;background:var(--bg1);color:var(--fg-dim)}.panel-tabs button.active{background:var(--bg2);color:var(--fg);border-top:2px solid var(--accent)}.panel-body{flex:1 1 auto;min-height:0;position:relative;overflow:hidden}.panel-body>div{position:absolute;inset:0}canvas.fill{position:absolute;inset:0;width:100%;height:100%;display:block}.mixer{display:flex;gap:1px;overflow-x:auto;height:100%;background:var(--bg0);padding:4px}.strip{flex:0 0 92px;background:var(--bg2);border:1px solid var(--line);border-radius:3px;display:flex;flex-direction:column;align-items:center;padding:4px 3px;gap:3px}.strip.master{background:#232030}.strip .strip-name{font-size:11px;white-space:nowrap;overflow:hidden;max-width:84px;text-overflow:ellipsis}.strip .fader-row{display:flex;flex:1 1 auto;min-height:0;gap:4px;align-items:stretch}.fader{-webkit-appearance:none;appearance:none;writing-mode:vertical-lr;direction:rtl;width:22px;background:transparent}.fader::-webkit-slider-runnable-track{background:var(--bg0);border:1px solid var(--line2);border-radius:3px;width:8px}.fader::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:12px;background:linear-gradient(#aeb6c6,#6d7488);border-radius:2px;border:1px solid #000;margin-left:-7px}.meter-canvas{width:10px;height:100%;background:var(--bg0);border:1px solid var(--line2);border-radius:2px}.strip .btns{display:flex;gap:2px}.strip .btns button{padding:1px 5px;font-size:10px;min-width:20px}.strip .fx-btns{display:flex;flex-wrap:wrap;gap:2px;justify-content:center}.strip .fx-btns button{padding:1px 4px;font-size:9px}button.fx-on{background:#2c4a2f;border-color:var(--ok);color:#b5e8c3}.knob{display:inline-flex;flex-direction:column;align-items:center;width:44px;cursor:ns-resize}.knob canvas{width:28px;height:28px}.knob .klabel{font-size:9px;color:var(--fg-dim);white-space:nowrap}.knob .kval{font-size:9px;color:var(--accent2)}.modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--bg2);border:1px solid var(--line2);border-radius:5px;min-width:320px;max-width:640px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 30px #0009}.modal .modal-title{padding:6px 10px;background:var(--bg3);border-bottom:1px solid var(--line);font-weight:600;display:flex;justify-content:space-between}.modal .modal-body{padding:10px;overflow-y:auto}.modal .modal-title button{padding:0 6px}.fx-section{border:1px solid var(--line);border-radius:4px;margin-bottom:8px;background:var(--bg1)}.fx-section .fx-head{display:flex;align-items:center;gap:8px;padding:4px 8px;background:var(--bg3)}.fx-section .fx-controls{display:flex;flex-wrap:wrap;gap:6px;padding:8px}.list-item{padding:5px 8px;border-bottom:1px solid var(--line);cursor:pointer;display:flex;justify-content:space-between;gap:10px}.list-item:hover{background:var(--bg3)}.list-item .dim{color:var(--fg-dim);font-size:10px}.plugin-chain-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--line)}.plugin-chain-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plugin-chain-actions{display:flex;flex:0 0 auto;gap:3px}.plugin-chain-actions button{padding:2px 6px}.ctx-menu{position:fixed;z-index:200;background:var(--bg2);border:1px solid var(--line2);border-radius:4px;box-shadow:0 4px 16px #00000080;min-width:160px}.ctx-menu div{padding:5px 12px;cursor:pointer}.ctx-menu div:hover{background:var(--accent);color:#0c1420}.ctx-menu hr{border:none;border-top:1px solid var(--line);margin:2px 0}.autom-bar{display:flex;gap:6px;align-items:center;padding:4px 8px;background:var(--bg1);border-bottom:1px solid var(--line)}.autom-wrap{display:flex;flex-direction:column;height:100%}.autom-canvas-wrap{flex:1 1 auto;position:relative;min-height:0}.statusbar{flex:0 0 auto;display:flex;gap:14px;padding:2px 10px;background:var(--bg1);border-top:1px solid var(--line);color:var(--fg-dim);font-size:10px}.statusbar .spacer{flex:1}.toast-wrap{position:fixed;right:12px;bottom:34px;z-index:300;display:flex;flex-direction:column;gap:6px}.toast{background:var(--bg3);border:1px solid var(--line2);border-left:3px solid var(--accent);padding:8px 12px;border-radius:4px;max-width:360px;box-shadow:0 4px 14px #00000080}.toast.err{border-left-color:var(--rec)}:root{color-scheme:dark}:root[data-theme=light]{color-scheme:light;--bg0: #f4f6f9;--bg1: #e9edf3;--bg2: #ffffff;--bg3: #dce2ea;--bg4: #cdd6e2;--line: #c4ccd7;--line2: #aeb9c8;--fg: #202733;--fg-dim: #667184;--accent: #2679d8;--accent2: #a86408;--rec: #cc3f4a;--ok: #31854d}:root[data-theme=light] .toolbar{background:linear-gradient(#f8fafc,var(--bg1))}:root[data-theme=light] .strip.master{background:#eeeaf8}:root[data-theme=light] .modal-overlay{background:#1c243059}:root[data-theme=light] button.active,:root[data-theme=light] .ctx-menu div:hover{color:#fff}.preferences-controls{display:flex;align-items:center;gap:4px}.preferences-controls .compact-select{max-width:88px;padding-left:5px;padding-right:4px}.modal.help-modal{width:min(680px,calc(100vw - 24px));max-width:680px}.help-content{line-height:1.55;user-select:text}.help-content *{user-select:text}.help-section+.help-section{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.help-section h2{color:var(--accent);font-size:14px;margin-bottom:5px}.help-section p+p{margin-top:6px}.help-section ul{padding-left:22px}.help-section li+li{margin-top:3px}.help-close{display:block;margin:16px 0 0 auto}@media (max-width: 820px){.toolbar{gap:4px}.preferences-controls .compact-select{max-width:72px}.statusbar>:last-child{display:none}}