:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg0:#171716;--bg1:#1d1d1c;--bg2:#242423;--bg3:#2d2d2b;--border:#363633;--text:#e9e7df;--dim:#96948a;--accent:#d3c978;--accent-strong:#afa23e;--accent-deep:#928310;--accent2:#559da0;--ok:#559da0;--warn:#d3c978;--danger:#af513e;--danger-soft:#ff9c87;--playhead:#fff287;--rowIn:#1f1f1d;--rowOut:#181817;--rowBlack:#151514;--rowRoot:#d3c97814;--gridBar:#3e3e3a;--gridBeat:#2d2d2b;--gridSub:#232322;--keyWhite:#d9d7cb;--keyBlack:#2e2e2b;--keyText:#4a4a42;--on-accent:#1f1c0a;--shadow:0 10px 32px #0000008c}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg0:#f1efe8;--bg1:#e8e6dd;--bg2:#dedcd2;--bg3:#d2d0c4;--border:#c2c0b2;--text:#23231e;--dim:#6b695d;--accent:#928310;--accent-strong:#afa23e;--accent-deep:#554d0e;--accent2:#26676a;--ok:#26676a;--warn:#928310;--danger:#af513e;--danger-soft:#922710;--playhead:#928310;--rowIn:#eae8df;--rowOut:#dddbd0;--rowBlack:#d4d2c6;--rowRoot:#92831021;--gridBar:#a9a799;--gridBeat:#c3c1b3;--gridSub:#d3d1c5;--keyWhite:#fbfaf5;--keyBlack:#3b3b35;--keyText:#565649;--on-accent:#fdfcf4;--shadow:0 10px 32px #28261933}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{background:var(--bg0);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;font:13px/1.45 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}input,select,button{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--bg3);border:2px solid var(--bg0);border-radius:5px}::-webkit-scrollbar-track{background:0 0}.app{flex-direction:column;height:100%;display:flex}.main{flex:1;min-height:0;display:flex}.center{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--bg1);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;height:48px;padding:0 10px;display:flex;overflow:auto hidden}.brand{white-space:nowrap;align-items:center;gap:7px;font-size:14px;display:flex}.brand .icon{color:var(--accent)}.brand b{letter-spacing:.3px}.title-input{background:var(--bg2);width:150px;color:var(--text);border:1px solid #0000;border-radius:5px;padding:4px 8px}.title-input:hover,.title-input:focus{border-color:var(--border);outline:none}.tgroup{white-space:nowrap;align-items:center;gap:5px;display:flex}.tlabel{color:var(--dim);letter-spacing:.5px;font-size:10px}.spacer{flex:1}.transport-btn{background:var(--bg2);border:1px solid var(--border);min-width:32px;height:30px;color:var(--text);border-radius:5px;justify-content:center;align-items:center;padding:0 7px;font-size:13px;display:inline-flex}.transport-btn:hover{background:var(--bg3)}.transport-btn.play .ico-stop,.transport-btn.play.playing .ico-play{display:none}.transport-btn.play.playing .ico-stop{color:var(--ok);display:inline}.transport-btn.play .ico-play{color:var(--ok)}.transport-btn.rec.on{color:#fff;background:var(--danger);border-color:var(--danger);animation:1.2s infinite pulse}.transport-btn.on{border-color:var(--accent);color:var(--accent)}@keyframes pulse{50%{opacity:.65}}.position{font-variant-numeric:tabular-nums;color:var(--accent);background:var(--bg2);text-align:center;border-radius:5px;min-width:64px;padding:4px 8px}.numdrag{background:var(--bg2);border:1px solid var(--border);cursor:ns-resize;font-variant-numeric:tabular-nums;text-align:center;border-radius:5px;min-width:44px;padding:4px 8px;display:inline-block}.numdrag.dragging{border-color:var(--accent);color:var(--accent)}.tbtn{border:1px solid var(--border);background:var(--bg2);color:var(--dim);border-radius:4px;align-items:center;gap:4px;padding:3px 7px;font-size:11px;display:inline-flex}.tbtn:hover{color:var(--text);background:var(--bg3)}.tbtn.on{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--bg2))}.tselect{background:var(--bg2);border:1px solid var(--border);color:var(--text);border-radius:5px;max-width:120px;padding:4px 5px}.view-tabs{background:var(--bg2);border:1px solid var(--border);border-radius:6px;gap:2px;padding:2px}.vtab{color:var(--dim);border-radius:4px;padding:4px 12px;font-weight:600}.vtab.on{background:var(--accent);color:var(--on-accent)}.icon-btn{min-width:28px;height:28px;color:var(--dim);border-radius:5px;justify-content:center;align-items:center;font-size:13px;display:inline-flex;position:relative}.icon-btn:hover{background:var(--bg3);color:var(--text)}.icon-btn.lit{color:var(--accent)}.share-btn{background:var(--accent);color:var(--on-accent);white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-weight:700;display:inline-flex}.share-btn:hover{filter:brightness(1.08)}.avatars{cursor:pointer;display:flex}.avatar{width:24px;height:24px;color:var(--on-accent);border:2px solid var(--bg1);border-radius:50%;justify-content:center;align-items:center;margin-left:-6px;font-size:11px;font-weight:700;display:inline-flex}.avatar.more{background:var(--bg3);color:var(--text)}.badge{background:var(--danger);color:#fff;border-radius:8px;padding:0 4px;font-size:9px;line-height:13px;position:absolute;top:-2px;right:-2px}.browser{background:var(--bg1);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:218px;display:flex}.browser-search{padding:8px;position:relative}.browser-search .icon{color:var(--dim);pointer-events:none;position:absolute;top:50%;left:17px;transform:translateY(-50%)}.browser-search input{background:var(--bg2);border:1px solid var(--border);width:100%;color:var(--text);border-radius:6px;outline:none;padding:6px 8px 6px 28px}.browser-search input:focus{border-color:var(--accent)}.browser-scroll{flex:1;padding-bottom:16px;overflow-y:auto}.bsection-head{text-align:left;width:100%;color:var(--text);letter-spacing:.3px;padding:7px 10px;font-size:12px;font-weight:700}.bsection-head:hover{background:var(--bg2)}.tri{color:var(--dim);margin-right:3px;transition:transform .12s;display:inline-block}.tri.open{transform:rotate(90deg)}.bcat{color:var(--dim);text-transform:uppercase;letter-spacing:.8px;padding:5px 12px 2px;font-size:10px}.bitem{cursor:grab;white-space:nowrap;border-radius:4px;align-items:center;gap:7px;margin:0 4px;padding:4px 12px 4px 18px;display:flex;overflow:hidden}.bitem:hover{background:var(--bg2)}.bitem:active{cursor:grabbing}.bitem-icon{color:var(--dim);flex-shrink:0;display:inline-flex}.bitem:hover .bitem-icon{color:var(--accent)}.bitem-sub{color:var(--dim);text-overflow:ellipsis;flex-shrink:0;max-width:80px;margin-left:auto;font-size:9px;overflow:hidden}.bpack{margin:1px 0}.bpack-head{cursor:grab;white-space:nowrap;border-radius:4px;align-items:center;gap:6px;margin:0 4px;padding:5px 12px;font-size:12px;font-weight:600;display:flex;overflow:hidden}.bpack-head:hover{background:var(--bg2)}.bpack-head:active{cursor:grabbing}.bpack-head .bitem-icon{color:var(--accent2)}.bpack-body{border-left:1px solid var(--border);margin:1px 0 3px 14px;padding-left:10px}.bitem.bsample{padding-left:14px;font-size:11px}.bitem.bsample .bitem-icon{color:var(--accent2)}.bbtn{text-align:left;background:var(--bg2);border:1px solid var(--border);width:calc(100% - 24px);color:var(--text);border-radius:6px;align-items:center;gap:8px;margin:5px 12px;padding:7px 10px;display:flex}.bbtn .icon{color:var(--dim)}.bbtn:hover{background:var(--bg3)}.bbtn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:700}.bbtn:disabled{opacity:.45;cursor:default}.session{background:var(--bg0);flex:1;overflow:auto}.session-scroll{--head-h:150px;align-items:stretch;gap:7px;min-height:100%;padding:10px;display:flex}.track-col{flex-direction:column;flex-shrink:0;width:128px;display:flex}.track-head{background:var(--bg1);border:1px solid var(--border);cursor:pointer;min-height:var(--head-h);box-sizing:border-box;border-top:3px solid;border-radius:7px 7px 0 0;padding:7px 7px 5px}.track-head.selected{background:var(--bg2);box-shadow:inset 0 0 0 1px var(--accent)}.track-title{align-items:center;gap:4px;min-height:18px;margin-bottom:5px;display:flex}.track-icon{font-size:11px}.track-name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.inline-rename{background:var(--bg0);border:1px solid var(--accent);border-radius:3px;outline:none;width:100%;padding:1px 4px}.track-btns{gap:3px;margin-bottom:6px;display:flex}.tbtn.arm.on{color:#fff;background:var(--danger);border-color:var(--danger)}.tbtn.mute.on{color:var(--on-accent);background:var(--warn);border-color:var(--warn)}.tbtn.solo.on{color:var(--on-accent);background:var(--accent2);border-color:var(--accent2)}.track-mix{align-items:flex-end;gap:5px;display:flex}.fader{background:var(--bg0);border:1px solid var(--border);cursor:ns-resize;border-radius:7px;width:14px;position:relative;overflow:hidden}.fader-fill{background:color-mix(in srgb, var(--accent) 45%, transparent);position:absolute;bottom:0;left:0;right:0}.fader-handle{background:var(--text);border-radius:3px;height:7px;position:absolute;left:1px;right:1px}.hfader{background:var(--bg0);border:1px solid var(--border);cursor:ew-resize;border-radius:5px;flex:1;min-width:44px;height:8px;position:relative;overflow:hidden}.hfader-fill{background:color-mix(in srgb, var(--accent) 45%, transparent);position:absolute;top:0;bottom:0;left:0}.hfader-handle{background:var(--text);border-radius:2px;width:5px;position:absolute;top:1px;bottom:1px}.hfader.metered{height:11px}.hfader-meter{opacity:.5;pointer-events:none;width:0;position:absolute;top:0;bottom:0;left:0}.meter{background:var(--bg0);border:1px solid var(--border);border-radius:4px;width:7px;position:relative;overflow:hidden}.meter-fill{background:var(--ok);transition:background .1s;position:absolute;bottom:0;left:0;right:0}.slots{flex-direction:column;gap:4px;padding:5px 0;display:flex}.slot{border-radius:5px;align-items:center;gap:5px;height:34px;padding:0 5px;display:flex;position:relative;overflow:hidden}.slot.empty{border:1px dashed var(--border);background:var(--bg1)}.slot.empty:hover{border-color:var(--dim)}.slot-stop-ghost{color:var(--bg3);margin:0 auto;font-size:10px}.slot.filled{border:1px solid var(--border);cursor:grab;border-left:4px solid}.slot.filled.selected{box-shadow:0 0 0 1.5px var(--text)}.slot.filled.queued{animation:.5s infinite blink}@keyframes blink{50%{filter:brightness(1.5)}}.slot-play{flex-shrink:0;width:20px;font-size:13px}.slot-play:hover{transform:scale(1.2)}.slot-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;overflow:hidden}.clip-progress{background:#00000059;height:3px;position:absolute;bottom:0;left:0;right:0}.clip-progress div{background:var(--ok);width:0;height:100%}.remote-dots{gap:2px;display:flex;position:absolute;top:2px;right:3px}.remote-dot{border-radius:50%;width:7px;height:7px;animation:1.4s infinite pulse;box-shadow:0 0 4px #0009}.track-stop{border:1px solid var(--border);background:var(--bg1);height:24px;color:var(--dim);border-radius:5px}.track-stop:hover{color:var(--text);background:var(--bg2)}.add-col{width:104px}.add-track-box{background:var(--bg1);border:1px dashed var(--border);border-radius:7px;flex-direction:column;gap:6px;padding:6px;display:flex}.add-btn{background:var(--bg2);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:9px 6px;font-weight:600}.add-btn:hover{border-color:var(--accent);color:var(--accent)}.bus-col{background:color-mix(in srgb, var(--accent2) 7%, transparent)}.bus-out{flex-direction:column;align-items:center;gap:3px;padding:6px 4px 2px;display:flex}.bus-out-label{letter-spacing:.5px;color:var(--dim);text-transform:uppercase;font-size:9px}.bus-out .device-select{width:108px;max-width:108px}.bus-slots{border:1px dashed var(--border);border-radius:6px;flex:1;min-height:60px;margin:4px 0}.bus-input-label{border:1px dashed var(--border);color:var(--dim);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:600;display:inline-flex}.feedback-modal{flex-direction:column;gap:10px;display:flex}.feedback-sub{color:var(--dim);font-size:12px;line-height:1.4}.feedback-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.scene-col{width:118px}.track-col.push{margin-left:auto}.master-head{cursor:default;border-top-color:var(--accent2);flex-direction:column;align-items:center;gap:5px;display:flex}.master-head .track-title{justify-content:center;min-height:0;margin-bottom:0}.master-title{cursor:pointer;border-radius:4px;padding:1px 5px;transition:background .1s}.master-title:hover{background:var(--bg2)}.master-title .icon{color:var(--dim)}.master-head.selected{box-shadow:inset 0 0 0 1px var(--accent2)}.master-head.selected .track-title .track-icon{color:var(--accent2)}.scene-cell{background:var(--bg1);border:1px solid var(--border);border-radius:5px;align-items:center;gap:5px;height:34px;padding:0 6px;display:flex}.scene-play{color:var(--ok);font-size:12px}.scene-play:hover{transform:scale(1.25)}.scene-name{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.add-scene{border:1px dashed var(--border);height:26px;color:var(--dim);border-radius:5px;margin-top:2px;font-size:11px}.add-scene:hover{color:var(--accent);border-color:var(--accent)}.master-strip{background:var(--bg1);border:1px solid var(--border);border-radius:7px;flex-direction:column;align-items:center;gap:6px;margin-top:12px;padding:8px;display:flex}.master-label{letter-spacing:1px;color:var(--dim);text-transform:uppercase;font-size:10px}.master-mix{align-items:flex-end;gap:6px;display:flex}.stop-all{color:var(--dim);border:1px solid var(--border);border-radius:5px;padding:3px 10px;font-size:11px}.stop-all:hover{color:var(--danger);border-color:var(--danger)}.arrange{background:var(--bg0);flex:1;min-height:0;display:flex;position:relative}.arr-heads{border-right:1px solid var(--border);background:var(--bg1);flex-shrink:0;width:168px;overflow:hidden}.arr-corner{border-bottom:1px solid var(--border);background:var(--bg1);z-index:1;align-items:center;gap:6px;height:34px;padding:0 8px;display:flex;position:relative}.arr-pos{font-variant-numeric:tabular-nums;color:var(--accent);font-size:11px}.arr-head{box-sizing:border-box;border-bottom:1px solid var(--border);cursor:pointer;background:var(--bg1);border-left:3px solid;flex-direction:column;justify-content:space-between;gap:4px;padding:5px 8px;display:flex}.arr-head:hover{background:var(--bg2)}.arr-head.bus{background:color-mix(in srgb, var(--accent2) 6%, var(--bg1))}.arr-head.master{background:color-mix(in srgb, var(--accent2) 12%, var(--bg1))}.arr-head.master .arr-head-name{color:var(--accent2)}.arr-head-top{align-items:center;gap:6px;display:flex}.arr-head-mix{align-items:center;gap:7px;display:flex}.arr-head-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;font-weight:600;overflow:hidden}.arr-auto-toggle{color:var(--dim);cursor:pointer;letter-spacing:.3px;background:0 0;border:none;align-self:flex-start;align-items:center;gap:3px;padding:0;font-size:9.5px;display:inline-flex}.arr-auto-toggle:hover,.arr-auto-toggle.on{color:var(--accent)}.arr-auto-caret{font-size:8px;transition:transform .12s;display:inline-block}.arr-auto-toggle.on .arr-auto-caret{transform:rotate(90deg)}.arr-head-auto{box-sizing:border-box;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--text) 5%, var(--bg1));border-left:3px solid;flex-direction:column;justify-content:center;gap:5px;padding:6px 8px;display:flex}.arr-auto-title{text-transform:uppercase;letter-spacing:.6px;color:var(--dim);font-size:9px}.arr-head-auto .auto-select{width:100%;max-width:100%}.lane-bg.auto{background:color-mix(in srgb, var(--text) 5%, transparent)}.lane-bg.summing{background:color-mix(in srgb, var(--accent2) 5%, transparent)}.arr-auto-lane{position:absolute;left:0}.auto-svg{display:block}.auto-line{fill:none;stroke:var(--accent);stroke-width:1.6px}.auto-flat{stroke:var(--dim);stroke-width:1.2px;stroke-dasharray:3 3}.auto-pt{fill:var(--accent);stroke:var(--bg0);stroke-width:1px}.auto-grid{stroke:var(--border);stroke-width:1px;opacity:.5;pointer-events:none}.auto-grid-label{fill:var(--dim);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:8px}.arr-scroll{flex:1;position:relative;overflow:auto}.arr-inner{min-height:100%;position:relative}.arr-ruler{border-bottom:1px solid var(--border);background:var(--bg1);cursor:pointer;z-index:5;height:34px;position:sticky;top:0}.ruler-bar{border-left:1px solid var(--gridBar);position:absolute;top:0;bottom:0}.ruler-bar span{color:var(--dim);padding-left:3px;font-size:9px}.loop-brace{background:var(--bg3);cursor:grab;opacity:.6;border-radius:3px 3px 0 0;height:9px;position:absolute;bottom:0}.loop-brace.on{background:var(--accent);opacity:.9}.arr-lanes{position:relative}.lane-bg{border-bottom:1px solid var(--bg2);position:absolute;left:0;right:0}.lane-bg:nth-child(odd){background:#ffffff03}.lane-grid{border-left:1px solid var(--gridSub);position:absolute;top:0;bottom:0}.arr-clip{cursor:grab;z-index:2;border:1px solid;border-left-width:4px;border-radius:5px;padding:3px 6px;position:absolute;overflow:hidden}.arr-clip.selected{box-shadow:0 0 0 1.5px var(--text);z-index:3}.arr-clip.ghost-drag{opacity:.75;z-index:4}.arr-clip-name{white-space:nowrap;font-size:11px;font-weight:600}.arr-clip-resize{cursor:ew-resize;width:8px;position:absolute;top:0;bottom:0;right:0}.arr-marquee{border:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);z-index:6;pointer-events:none;border-radius:2px;position:absolute}.playhead{background:var(--playhead);z-index:4;pointer-events:none;width:2px;position:absolute;top:0;bottom:0;left:0}.playhead.ghost{opacity:.55;width:2px}.arr-zoom{background:var(--bg1);border:1px solid var(--border);z-index:6;border-radius:6px;gap:4px;padding:2px;display:flex;position:absolute;bottom:14px;right:14px}.detail{border-top:1px solid var(--border);background:var(--bg1);flex-direction:column;flex-shrink:0;height:318px;display:flex}.detail-tabs{gap:2px;padding:4px 8px 0;display:flex}.dtab{color:var(--dim);background:var(--bg2);border-radius:5px 5px 0 0;padding:4px 14px;font-size:12px;font-weight:600}.dtab.on{color:var(--text);background:var(--bg0)}.detail-body{background:var(--bg0);flex:1;min-height:0}.roll{flex-direction:column;height:100%;display:flex}.roll-toolbar{background:var(--bg1);border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:5px 8px;display:flex;overflow-x:auto}.roll-name{background:var(--bg2);border:1px solid var(--border);width:120px;color:var(--text);border-radius:5px;outline:none;padding:3px 8px}.color-dot{border:2px solid var(--bg3);border-radius:50%;flex-shrink:0;width:18px;height:18px}.roll-field{color:var(--dim);align-items:center;gap:4px;font-size:11px;display:flex}.roll-field select{background:var(--bg2);border:1px solid var(--border);color:var(--text);border-radius:4px;padding:2px 4px}.lane-toggle{gap:2px;display:flex}.roll-selcount{color:var(--dim);margin-left:4px;font-size:11px}.roll-close{margin-left:auto}.roll-canvas-box{flex:1;min-height:0;position:relative}.roll-canvas-box canvas{cursor:crosshair;display:block}.roll-empty{height:100%;color:var(--dim);justify-content:center;align-items:center;display:flex}.rack{align-items:stretch;gap:8px;height:100%;padding:10px;display:flex;overflow-x:auto}.device{background:var(--bg1);border:1px solid var(--border);border-radius:8px;flex-direction:column;flex-shrink:0;padding:8px 10px;display:flex}.device.bypassed{opacity:.45}.device-head{align-items:center;gap:6px;margin-bottom:6px;display:flex}.device-title{white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.device-title .icon{color:var(--accent-strong)}.device-select{background:var(--bg2);border:1px solid var(--border);color:var(--text);border-radius:4px;max-width:110px;padding:2px 4px;font-size:11px}.device-actions{margin-left:6px;display:flex}.power{color:var(--dim);font-size:13px}.power.on{color:var(--ok)}.knob-row{flex-wrap:wrap;align-items:flex-start;gap:2px 4px;max-width:420px;display:flex}.chain-arrow{color:var(--dim);flex-shrink:0;align-self:center;font-size:16px}.add-fx{border:1px dashed var(--border);color:var(--dim);border-radius:7px;flex-shrink:0;align-self:center;padding:14px 12px}.add-fx:hover{color:var(--accent);border-color:var(--accent)}.drum-panel{align-items:center;gap:10px;display:flex}.pad-grid{grid-template-columns:repeat(4,52px);gap:4px;display:grid}.pad{background:var(--bg2);border:1px solid var(--border);height:30px;color:var(--dim);border-radius:5px;font-size:10px;position:relative}.pad:hover{color:var(--text)}.pad.on{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--bg2))}.pad.sampled{border-color:var(--accent2);color:var(--accent2)}.pad.sampled.on{background:color-mix(in srgb, var(--accent2) 12%, var(--bg2))}.pad-sample-dot{background:var(--accent2);border-radius:50%;width:5px;height:5px;position:absolute;top:3px;right:3px}.knob{flex-direction:column;align-items:center;padding:2px 0;display:flex;position:relative}.knob svg{cursor:ns-resize}.knob-track{fill:var(--bg2);stroke:var(--border)}.knob-arc{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round}.knob-needle{stroke:var(--text);stroke-width:1.6px;stroke-linecap:round}.knob-value{color:var(--dim);text-align:center;white-space:nowrap;max-width:52px;font-size:9px;overflow:hidden}.knob.dragging .knob-value{color:var(--accent)}.knob-tip{background:var(--bg3);border:1px solid var(--border);z-index:10;white-space:nowrap;border-radius:4px;padding:1px 5px;font-size:10px;position:absolute;top:-18px}.panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 10px;font-weight:700;display:flex}.undo-panel{background:var(--bg1);border:1px solid var(--border);width:250px;box-shadow:var(--shadow);z-index:30;border-radius:9px;flex-direction:column;display:flex;position:absolute;top:10px;bottom:10px;right:10px}.undo-list{flex-direction:column-reverse;flex:1;padding:5px;display:flex;overflow-y:auto}.undo-item{text-align:left;color:var(--text);border-radius:5px;justify-content:space-between;gap:6px;padding:5px 8px;display:flex}.undo-item:hover{background:var(--bg2)}.undo-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.undo-time{color:var(--dim);font-variant-numeric:tabular-nums;font-size:10px}.undo-empty{color:var(--dim);text-align:center;padding:18px 10px;font-size:12px}.undo-foot{border-top:1px solid var(--border);gap:6px;padding:8px;display:flex}.undo-foot .bbtn{text-align:center;flex:1;margin:0}.chat{background:var(--bg1);border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;width:240px;display:flex}.chat-list{flex-direction:column;flex:1;gap:6px;padding:8px;display:flex;overflow-y:auto}.chat-msg{background:var(--bg2);-webkit-user-select:text;user-select:text;border-radius:7px;padding:5px 8px}.chat-name{font-size:11px;font-weight:700;display:block}.chat-text{word-break:break-word;font-size:12px}.chat-input{border-top:1px solid var(--border);gap:5px;padding:8px;display:flex}.chat-input input{background:var(--bg2);border:1px solid var(--border);color:var(--text);border-radius:6px;outline:none;flex:1;min-width:0;padding:6px 8px}.chat-input .bbtn{width:auto;margin:0}.toasts{z-index:200;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}.toast{background:var(--bg3);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;padding:8px 14px;animation:.18s ease-out toast-in}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.audio-error{z-index:300;background:color-mix(in srgb, var(--danger) 26%, var(--bg1));border:1px solid color-mix(in srgb, var(--danger) 70%, var(--border));width:min(680px,100vw - 24px);color:var(--text);box-shadow:var(--shadow);border-radius:9px;align-items:center;gap:10px;padding:9px 12px;font-size:12.5px;animation:.18s ease-out toast-in;display:flex;position:fixed;top:8px;left:50%;transform:translate(-50%)}.audio-error .dot.warn{background:var(--danger)}.audio-error-msg{flex:1;line-height:1.35}.audio-error-retry{background:var(--accent);color:var(--on-accent);cursor:pointer;border:none;border-radius:6px;flex-shrink:0;padding:5px 12px;font-family:inherit;font-weight:700}.audio-error-retry:hover{background:var(--accent-strong)}.audio-error-x{color:var(--dim);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:17px;line-height:1}.audio-error-x:hover{color:var(--text)}.midi-btn{border:1px solid var(--border);cursor:pointer;font-family:inherit}.midi-btn:hover{color:var(--accent);border-color:var(--accent)}.modal-backdrop{z-index:100;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg1);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:11px;flex-direction:column;max-height:84vh;display:flex}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 14px;font-weight:700;display:flex}.modal-body{padding:14px;overflow-y:auto}.modal-body p{color:var(--text);margin:6px 0}.modal-body hr{border:none;border-top:1px solid var(--border);margin:12px 0}.modal-title{align-items:center;gap:8px;display:inline-flex}.export-dialog{gap:12px;width:460px;max-width:94vw;padding:14px}.export-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:11px;display:flex}.export-label{width:64px;color:var(--muted);font-size:12px}.export-unit{color:var(--muted);font-size:11px}.seg{border:1px solid var(--border);border-radius:7px;display:inline-flex;overflow:hidden}.seg button{background:var(--bg0);color:var(--text);border:none;border-right:1px solid var(--border);cursor:pointer;padding:5px 11px;font-size:12px}.seg button:last-child{border-right:none}.seg button.on{background:var(--accent);color:var(--bg0);font-weight:700}.export-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.export-btn{background:var(--bg2);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.export-btn:hover{border-color:var(--accent);color:var(--accent)}.export-btn:disabled{opacity:.4;cursor:not-allowed}.export-btn.ghost{background:0 0;font-weight:500}.export-divider{border-top:1px solid var(--border);margin:2px 0}.record-row{flex-direction:column;align-items:stretch;gap:6px}.export-btn.record{width:100%}.export-btn.record .rec-dot{background:var(--danger);width:9px;height:9px;box-shadow:0 0 6px var(--danger);border-radius:50%}.export-btn.record.on{border-color:var(--danger);color:var(--danger)}.export-btn.record.on .rec-dot{animation:1s steps(2,end) infinite recblink}@keyframes recblink{50%{opacity:.25}}.export-hint{color:var(--muted);font-size:11px}.perf-dialog{gap:0;width:372px;max-height:86vh;overflow-y:auto}.perf-section{color:var(--accent);text-transform:uppercase;letter-spacing:.7px;margin:13px 0 7px;font-size:10px;font-weight:700}.perf-section:first-of-type{margin-top:2px}.perf-row{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:5px;font-size:12px;display:flex}.perf-row.wide{margin-bottom:3px}.perf-k{color:var(--muted)}.perf-v{font-variant-numeric:tabular-nums;color:var(--text);text-align:right;font-weight:600}.perf-v.ok{color:var(--ok)}.perf-v.warn{color:var(--warn)}.perf-v.danger{color:var(--danger)}.perf-bar{background:var(--bg0);border:1px solid var(--border);border-radius:3px;height:6px;margin:1px 0 9px;overflow:hidden}.perf-bar-fill{border-radius:3px;height:100%;transition:width .3s,background .3s}.perf-bar-fill.ok{background:var(--ok)}.perf-bar-fill.warn{background:var(--warn)}.perf-bar-fill.danger{background:var(--danger)}.perf-hint{color:var(--muted);margin:5px 0 6px;font-size:10.5px;line-height:1.4}.perf-hint.danger{color:var(--danger)}.perf-sub{color:var(--muted);font-size:10px;font-weight:500}.perf-fix{border:1px solid var(--danger);background:color-mix(in srgb, var(--danger) 8%, transparent);border-radius:7px;margin:8px 0 4px;padding:8px 10px}.perf-fix .export-btn{justify-content:center;width:100%;margin-top:6px}.perf-fix .perf-hint{margin:0}.share-row{align-items:center;gap:10px;margin:8px 0;display:flex}.share-row span{width:86px;color:var(--dim);font-size:12px}.share-row input{background:var(--bg2);border:1px solid var(--border);color:var(--text);border-radius:6px;outline:none;flex:1;padding:6px 8px}.share-link{gap:6px;margin:8px 0;display:flex}.share-link input{background:var(--bg2);border:1px solid var(--border);color:var(--accent2);-webkit-user-select:all;user-select:all;border-radius:6px;flex:1;padding:6px 8px}.share-link .bbtn{width:auto;margin:0}.share-small{color:var(--dim);font-size:11px}.share-body .bbtn{text-align:center;width:100%;margin:6px 0}.help-table{border-collapse:collapse;width:100%;margin:10px 0}.help-table td{border-bottom:1px solid var(--bg2);padding:3px 8px;font-size:12px}.help-table code{background:var(--bg2);border:1px solid var(--border);white-space:nowrap;border-radius:4px;padding:1px 6px;font-size:11px}.onboard-tips{color:var(--text);flex-direction:column;gap:5px;margin:10px 0;list-style:none;display:flex}.onboard-btns{flex-direction:column;gap:6px;margin-top:10px;display:flex}.onboard-btns .bbtn{text-align:center;width:100%;margin:0}.palette-backdrop{align-items:flex-start;padding-top:12vh}.palette{background:var(--bg1);border:1px solid var(--border);width:460px;box-shadow:var(--shadow);border-radius:11px;overflow:hidden}.palette input{background:var(--bg2);border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text);outline:none;padding:12px 14px;font-size:14px}.palette-list{max-height:380px;padding:5px;overflow-y:auto}.palette-item{width:100%;color:var(--text);text-align:left;border-radius:6px;justify-content:space-between;padding:7px 10px;display:flex}.palette-item.active{background:var(--bg3)}.palette-hint{color:var(--dim);font-size:11px}.palette-none{color:var(--dim);text-align:center;padding:14px}.ctx-menu{z-index:300;background:var(--bg1);border:1px solid var(--border);box-shadow:var(--shadow);overscroll-behavior:contain;border-radius:8px;min-width:200px;padding:4px;position:fixed;overflow-y:auto}.ctx-item{text-align:left;width:100%;color:var(--text);border-radius:5px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.ctx-item .icon{color:var(--dim);flex-shrink:0}.ctx-item:hover .icon{color:var(--accent)}.ctx-item:hover{background:var(--bg3)}.ctx-item.danger{color:var(--danger)}.ctx-item:disabled{opacity:.4}.ctx-sep{background:var(--border);height:1px;margin:4px 6px}.ctx-custom{padding:4px 8px}.color-row{flex-wrap:wrap;gap:4px;display:flex}.color-swatch{border:1px solid #0000004d;border-radius:4px;width:17px;height:17px}.color-swatch:hover{transform:scale(1.18)}.color-swatch.sel{outline:2px solid var(--text)}.statusbar{background:var(--bg1);border-top:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;height:26px;padding:0 10px;display:flex}.status-info{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.status-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.status-pill{color:var(--dim);background:var(--bg2);white-space:nowrap;border-radius:9px;padding:1px 8px;font-size:10px}.status-pill.ok{color:var(--ok)}.status-pill.warn{color:var(--warn);animation:1.6s infinite pulse}.status-pill.rec{color:#fff;background:var(--danger);animation:1.2s infinite pulse}.status-pill.net-online{color:var(--ok)}.status-pill.net-connecting{color:var(--warn)}.icon{vertical-align:-2px;flex-shrink:0;display:inline-block}.slot-play,.scene-play{justify-content:center;align-items:center;display:inline-flex}.dot{background:var(--dim);vertical-align:.5px;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.dot.ok{background:var(--ok)}.dot.warn{background:var(--warn)}.dot.rec{background:#fff}.track-icon{color:var(--dim);display:inline-flex}.track-head.selected .track-icon{color:var(--accent)}.onboard-tips .icon{color:var(--accent);margin-right:6px}.lane-toggle .tbtn{gap:0}.detail{position:relative}.detail-resize{cursor:ns-resize;z-index:20;height:8px;position:absolute;top:-3px;left:0;right:0}.detail-resize:before{content:"";background:var(--bg3);border-radius:2px;width:40px;height:3px;transition:background .12s;position:absolute;top:3px;left:50%;transform:translate(-50%)}.detail-resize:hover:before{background:var(--accent)}.zoom-group{gap:1px}.zoom-pct{color:var(--dim);text-align:center;cursor:pointer;font-variant-numeric:tabular-nums;min-width:36px;font-size:11px}.zoom-pct:hover{color:var(--accent)}.lfo-device{border-color:color-mix(in srgb, var(--accent2) 45%, var(--border))}.lfo-device .device-title .icon{color:var(--accent2)}.lfo-row{align-items:center;gap:6px;margin-top:5px;display:flex}.lfo-target{max-width:156px}.lfo-scope{background:var(--bg0);border:1px solid var(--border);border-radius:4px;width:52px;height:7px;margin:0 4px;position:relative;overflow:hidden}.lfo-scope-mid{background:var(--border);width:1px;position:absolute;top:0;bottom:0;left:50%}.lfo-scope-dot{background:var(--accent2);width:6px;height:6px;box-shadow:0 0 5px var(--accent2);border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.add-lfo .icon{color:var(--accent2)}.add-lfo:hover{color:var(--accent2);border-color:var(--accent2)}.device-out{border-top:1px solid var(--border);align-items:center;gap:8px;margin-top:7px;padding-top:7px;display:flex}.dev-meter{background:var(--bg0);border:1px solid var(--border);border-radius:4px;flex:1;min-width:44px;height:7px;position:relative;overflow:hidden}.dev-meter-fill{background:var(--ok);border-radius:3px;width:0%;transition:background .1s;position:absolute;top:0;bottom:0;left:0}.device-out .knob-wrap{margin:0}.gr-meter{align-items:center;gap:6px;margin-top:6px;display:flex}.gr-cap{color:var(--dim);text-transform:uppercase;letter-spacing:.6px;font-size:9px}.gr-track{background:var(--bg0);border:1px solid var(--border);border-radius:4px;flex:1;min-width:48px;height:7px;position:relative;overflow:hidden}.gr-fill{background:var(--warn);border-radius:3px;width:0%;position:absolute;top:0;bottom:0;right:0}.gr-val{color:var(--dim);font-variant-numeric:tabular-nums;text-align:right;min-width:32px;font-size:10px}.mbcomp-device{min-width:462px}.mbcomp-device .device-title .icon{color:var(--accent2)}.mb-card{flex-direction:column;gap:8px;display:flex}.mb-graph{border:1px solid var(--border);background:var(--bg0);border-radius:6px;overflow:hidden}.mb-svg{cursor:ns-resize;touch-action:none;width:100%;height:auto;display:block}.mb-band{fill:var(--bg0)}.mb-band.alt{fill:color-mix(in srgb, var(--accent) 6%, var(--bg0))}.mb-gr{fill:color-mix(in srgb, var(--warn) 40%, transparent);pointer-events:none}.mb-thresh{stroke:var(--accent);stroke-width:2px}.mb-xover{stroke:var(--accent2);stroke-width:1.5px;cursor:ew-resize;opacity:.85}.mb-blabel{fill:var(--dim);text-anchor:middle;text-transform:uppercase;letter-spacing:.5px;pointer-events:none;font-size:9px}.mb-thlabel{fill:var(--accent);text-anchor:middle;font-variant-numeric:tabular-nums;pointer-events:none;font-size:9px}.mb-xlabel{fill:var(--accent2);text-anchor:middle;pointer-events:none;font-size:9px}.mb-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mb-bandctl{border-left:1px solid var(--border);gap:2px;padding-left:6px;display:flex}.mb-mode{min-width:56px}.mb-mode.expand{color:var(--on-accent);background:var(--accent2);border-color:var(--accent2)}.ctx-row{align-items:center;gap:4px;padding:3px 8px;display:flex}.ctx-row-head{color:var(--dim);text-transform:uppercase;letter-spacing:.7px;gap:6px;padding-top:5px;font-size:10px}.ctx-row-label{width:52px;color:var(--dim);flex-shrink:0;font-size:11px}.ctx-chip{border:1px solid var(--border);background:var(--bg2);color:var(--text);font-variant-numeric:tabular-nums;border-radius:4px;padding:2px 7px;font-size:11px}.ctx-chip:hover{border-color:var(--accent);color:var(--accent)}.ctx-chip.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.analyzer{cursor:pointer;border:1px solid var(--border);background:var(--bg0);border-radius:6px;position:relative;overflow:hidden}.analyzer canvas{display:block}.analyzer-mode{color:var(--dim);text-transform:uppercase;letter-spacing:.5px;pointer-events:none;font-size:8px;position:absolute;top:2px;right:4px}.sampler-controls{flex-wrap:wrap;align-items:center;gap:5px;margin:4px 0 2px;display:flex}.sampler-name{color:var(--accent2);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:11px;overflow:hidden}.midifx-device{border-color:color-mix(in srgb, var(--accent) 35%, var(--border))}.midifx-device .device-title .icon{color:var(--accent)}.midifx-note{color:var(--dim);max-width:130px;padding:6px 2px;font-size:10px}.arp-select{gap:2px;margin-top:7px;display:flex}.arp-key{border:1px solid var(--border);min-width:13px;height:34px;color:var(--dim);border-radius:0 0 3px 3px;flex:1;justify-content:center;align-items:flex-end;padding-bottom:2px;font-size:8px;display:flex}.arp-key.white{background:var(--keyWhite);color:var(--keyText)}.arp-key.black{background:var(--keyBlack);color:var(--dim)}.arp-key.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent);box-shadow:0 0 5px color-mix(in srgb, var(--accent) 60%, transparent)}.arp-key:hover{filter:brightness(1.12)}.sends-device .device-title .icon{color:var(--accent2)}.add-midi .icon{color:var(--accent)}.add-midi:hover{color:var(--accent);border-color:var(--accent)}.add-macro .icon,.macro-device .device-title .icon{color:var(--accent2)}.macro-grid{grid-template-columns:repeat(4,1fr);gap:2px 8px;display:grid}.macro-cell{flex-direction:column;align-items:center;display:flex}.macro-label{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;border-radius:3px;max-width:48px;padding:1px 4px;font-size:9px;overflow:hidden}.macro-label:hover{color:var(--text);background:var(--bg2)}.macro-label.mapped{color:var(--accent2)}.return-device{border-color:color-mix(in srgb, var(--accent2) 45%, var(--border))}.return-device .device-title .icon{color:var(--accent2)}.rack-divider{background:var(--border);flex-shrink:0;align-self:stretch;width:1px;margin:8px 4px}.bitem-star{color:var(--bg3);flex-shrink:0;margin-left:auto;padding:2px;display:inline-flex}.bitem:hover .bitem-star{color:var(--dim)}.bitem-star.on,.bitem-star:hover{color:var(--accent)}.auto-select{background:var(--bg2);border:1px solid var(--border);color:var(--text);border-radius:4px;max-width:110px;padding:2px 4px;font-size:11px}.step-grid{flex-direction:column;gap:3px;height:100%;padding:6px 8px;display:flex;position:relative;overflow:auto}.step-playhead{background:var(--playhead);width:2px;box-shadow:0 0 6px var(--playhead);pointer-events:none;z-index:4;will-change:transform;position:absolute;top:4px;bottom:4px;left:0}.step-row{align-items:center;gap:6px;width:max-content;min-width:100%;display:flex}.step-pad{text-align:left;width:56px;color:var(--dim);z-index:2;background:var(--bg0);border-radius:4px;flex-shrink:0;padding:4px 2px;font-size:11px;position:sticky;left:0}.step-pad:hover{color:var(--text);background:var(--bg2)}.step-cells{flex:1;gap:3px;display:flex}.step-cell{background:var(--bg2);border:1px solid var(--border);border-radius:3px;flex:1;min-width:16px;height:26px}.step-cell.beat{background:var(--bg3)}.step-cell.bar{border-left:2px solid var(--gridBar)}.step-cell:hover{border-color:var(--dim)}.step-cell.on{background:var(--accent);border-color:var(--accent)}.audio-editor{flex-direction:column;height:100%;display:flex}.audio-body{flex:1;gap:10px;min-height:0;padding:10px;display:flex}.wave-box{background:var(--bg0);border:1px solid var(--border);border-radius:8px;flex:1;min-width:0;overflow:hidden}.wave-box canvas{width:100%;height:100%;display:block}.audio-knobs{flex-wrap:wrap;align-items:flex-start;gap:10px;max-width:240px;display:flex}.wave-box canvas{cursor:crosshair}.audio-pitch{flex-direction:column;align-items:center;gap:4px;display:flex}.audio-pitch-label{color:var(--dim);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.audio-pitch-row{align-items:center;gap:3px;display:flex}.audio-pitch-row .numdrag{text-align:center;min-width:40px}.audio-pitch-fine{color:var(--dim);align-items:center;gap:5px;font-size:10px;display:flex}.step-btn{border:1px solid var(--border);background:var(--bg2);color:var(--text);border-radius:4px;min-width:20px;padding:2px 5px;font-size:11px}.step-btn:hover{border-color:var(--accent);color:var(--accent)}.slot-audio-ic{color:var(--accent2);flex-shrink:0;margin-right:3px;display:inline-flex}body.drag-audio:after{content:"Drop audio to import";z-index:500;background:color-mix(in srgb, var(--accent2) 16%, #00000080);border:3px dashed var(--accent2);color:var(--text);pointer-events:none;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex;position:fixed;inset:0}.eq7-card{flex-direction:column;gap:6px;display:flex}.eq7-graph{border:1px solid var(--border);background:var(--bg0);border-radius:6px;position:relative;overflow:hidden}.eq7-rta{pointer-events:none;position:absolute;inset:0}.eq7-svg{cursor:crosshair;touch-action:none;width:100%;height:auto;display:block;position:relative}.eq7-grid{stroke:var(--border);stroke-width:1px;opacity:.5}.eq7-zero{stroke:var(--dim);stroke-width:1px;opacity:.55;stroke-dasharray:3 3}.eq7-curve{fill:none;stroke:var(--accent);stroke-width:2px;pointer-events:none}.eq7-dot{fill:var(--bg1);stroke:var(--accent2);stroke-width:2px;cursor:move}.eq7-dot:hover{fill:var(--accent2)}.eq7-dotlabel{fill:var(--accent2);text-anchor:middle;pointer-events:none;font-variant-numeric:tabular-nums;font-size:9px}.eq7-flabel{fill:var(--dim);pointer-events:none;font-size:8px}.bsection-grip{opacity:0;color:var(--dim);cursor:grab;margin-left:auto;display:inline-flex}.bsection-head:hover .bsection-grip{opacity:.8}.bsection.drop-before>.bsection-head{box-shadow:inset 0 2px 0 var(--accent)}.bsamples-tools{flex-wrap:wrap;gap:3px;padding:2px 0 6px;display:flex}.bsamples-tools .bbtn{flex:auto;min-width:0}.bsamples.drop{outline:1px dashed var(--accent);outline-offset:-2px;border-radius:4px}.bfolder-head{cursor:pointer;color:var(--text);border-radius:4px;align-items:center;gap:5px;padding:3px 6px;font-size:12px;display:flex}.bfolder-head:hover{background:var(--bg2)}.bfolder-head.drop{background:color-mix(in srgb, var(--accent) 18%, var(--bg2));outline:1px dashed var(--accent);outline-offset:-1px}.bfolder-body{border-left:1px solid var(--border);margin-left:8px;padding-left:4px}.bsample-rename{width:100%;margin:2px 0}.knob.disabled{opacity:.32}.knob.disabled svg{cursor:default}.meter-ctl{flex-direction:column;gap:0;display:flex}.meter-num{color:var(--text);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:0 5px;font-size:10px;line-height:1.05}.meter-num:hover{background:var(--bg3);color:var(--accent)}.meter-num:first-child{border-bottom:1px solid var(--border);border-radius:3px 3px 0 0}.bcat-toggle{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:3px;width:100%;display:flex}.bcat-toggle:hover{color:var(--text)}.arr-clip-canvas{pointer-events:none;width:calc(100% + 6px);height:calc(100% - 2px);margin-left:-6px;position:absolute;inset:2px 0 0}.arr-clip-name{z-index:2;text-shadow:0 1px 2px #0000008c;position:relative}.arr-fade-svg{pointer-events:none;z-index:2;margin-left:-6px;position:absolute;inset:2px 0 0;overflow:visible}.arr-fade-shade{fill:#0000004d;pointer-events:none}.arr-fade-line{stroke:var(--accent2);stroke-width:1.2px;pointer-events:none}.arr-fade-handle{fill:var(--bg1);stroke:var(--accent2);stroke-width:1.5px;pointer-events:all;cursor:ew-resize}.arr-fade-handle:hover{fill:var(--accent2)}.arr-gain-line{stroke:#fff0;stroke-width:9px;pointer-events:all;cursor:ns-resize}.arr-gain-line:hover{stroke:#ffffff2e}.arr-fade-svg .arr-gain-vis{stroke:#ffffff8c;stroke-width:1px;pointer-events:none}.arr-gain-tip{fill:var(--accent);font-variant-numeric:tabular-nums;pointer-events:none;font-size:10px}.arr-markstrip{background:var(--bg1);border-bottom:1px solid var(--border);z-index:5;cursor:crosshair;height:16px;position:sticky;top:34px}.arr-corner-sub{border-bottom:1px solid var(--border);background:var(--bg1);height:16px}.arr-marker{color:var(--text);white-space:nowrap;cursor:grab;z-index:2;border-left:2px solid;border-radius:0 3px 0 0;padding:1px 4px 0 3px;font-size:9px;position:absolute;top:0;bottom:0}.arr-marker.region{border-right:2px solid;border-radius:3px 3px 0 0;overflow:hidden}.arr-marker:hover{background:var(--bg3)}.arr-marker-name{pointer-events:none}.arr-timesel-seg{background:color-mix(in srgb, var(--accent) 30%, transparent);pointer-events:none;position:absolute;top:0;bottom:0}.arr-timesel-band{background:color-mix(in srgb, var(--accent) 10%, transparent);border-left:1px solid var(--accent);border-right:1px solid var(--accent);z-index:3;pointer-events:none;position:absolute;top:0;bottom:0}.arr-heads-inner{position:relative}.arr-drop-line{border-top:2px solid var(--accent);z-index:7;pointer-events:none;height:0;box-shadow:0 0 6px color-mix(in srgb, var(--accent) 60%, transparent);position:absolute;left:0;right:0}.arr-drop-line.lanes{width:100%;right:auto}.arr-head.dragging{opacity:.45}.session-scroll{position:relative}.session-drop-line{border-left:2px solid var(--accent);z-index:7;pointer-events:none;width:0;box-shadow:0 0 6px color-mix(in srgb, var(--accent) 60%, transparent);position:absolute;top:10px;bottom:10px}.track-head.dragging{opacity:.45}.track-col:has(.track-head.dragging) .slots{opacity:.45}.arr-add-tracks{flex-wrap:wrap;gap:4px;padding:7px 8px;display:flex}.arr-add-tracks .add-btn{flex:40%;padding:4px 6px;font-size:11px}.duck-src{align-items:center;gap:6px;margin-top:6px;display:flex}.duck-src-label{text-transform:uppercase;letter-spacing:.6px;color:var(--dim);font-size:9px}.rate-ctl{flex-direction:column;align-items:center;gap:1px;display:flex}.rate-ctl .rate-mode{border:1px solid var(--border);background:var(--bg2);color:var(--accent);letter-spacing:.4px;text-transform:uppercase;border-radius:3px;padding:0 5px;font-size:8.5px;line-height:13px}.rate-ctl .rate-mode:hover{background:var(--bg3)}.track-input{align-items:center;gap:4px;padding:4px 4px 0;display:flex}.track-input .input-select{background:var(--bg2);border:1px solid var(--border);min-width:0;color:var(--text);border-radius:4px;flex:1;max-width:108px;padding:2px 3px;font-size:10px}.track-input .track-rec{padding:3px 5px}.track-input .track-rec.on{color:#fff;background:var(--danger);border-color:var(--danger);animation:1.2s infinite pulse}.arr-head .track-input{padding:3px 0 0}.arr-head .track-input .input-select{max-width:96px}