:root{--bg: #0b0812;--panel: #141020;--panel2: #1b1530;--line: #2a2142;--ink: #efe9fb;--mut: #9488b4;--dim: #6d6090;--mag: #ff3d9a;--cy: #38e1ff;--vi: #b16bff;--bg2: #0d0a16;--ok: #37e0b0;--danger: #ff8098;--danger-line: #b3324f;--warn: #ffb84d;--danger-bg: #b3324f;--focus-ring: var(--mag);--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--head-w: 190px;--tl-grid-beat: rgba(255, 255, 255, .05);--tl-grid-bar: rgba(255, 255, 255, .11);--tl-loop-fill: rgba(0, 224, 176, .18);--fs-2xs: 10px;--fs-xs: 11px;--fs-sm: 12px;--fs-md: 13px;--fs-lg: 15px;--sp-1: 2px;--sp-2: 4px;--sp-3: 6px;--sp-4: 8px;--sp-5: 12px;--sp-6: 16px;--r-sm: 4px;--r-md: 6px;--r-lg: 8px;--elev-1: 0 1px 2px rgba(0, 0, 0, .35);--elev-2: 0 6px 24px rgba(0, 0, 0, .5)}@media(prefers-color-scheme:light){:root{--bg: #f5f1fa;--panel: #ece4f5;--panel2: #e0d5ef;--line: #c7b8de;--ink: #211732;--mut: #6b5e88;--dim: #8579a0;--mag: #e0157a;--cy: #057489;--vi: #7c3aed;--bg2: #e2d7f0;--ok: #0a7d54;--danger: #b3123f;--danger-line: #d98aa0;--warn: #9a5b00;--danger-bg: #b3123f;--tl-grid-beat: rgba(33, 23, 50, .06);--tl-grid-bar: rgba(33, 23, 50, .14);--tl-loop-fill: rgba(10, 125, 84, .16);--focus-ring: #99095a}}:root[data-theme=dark]{--bg: #0b0812;--panel: #141020;--panel2: #1b1530;--line: #2a2142;--ink: #efe9fb;--mut: #9488b4;--dim: #6d6090;--mag: #ff3d9a;--cy: #38e1ff;--vi: #b16bff;--bg2: #0d0a16;--ok: #37e0b0;--danger: #ff8098;--danger-line: #b3324f;--warn: #ffb84d;--danger-bg: #b3324f;--tl-grid-beat: rgba(255, 255, 255, .05);--tl-grid-bar: rgba(255, 255, 255, .11);--tl-loop-fill: rgba(0, 224, 176, .18);--focus-ring: var(--mag)}:root[data-theme=light]{--bg: #f5f1fa;--panel: #ece4f5;--panel2: #e0d5ef;--line: #c7b8de;--ink: #211732;--mut: #6b5e88;--dim: #8579a0;--mag: #e0157a;--cy: #057489;--vi: #7c3aed;--bg2: #e2d7f0;--ok: #0a7d54;--danger: #b3123f;--danger-line: #d98aa0;--warn: #9a5b00;--danger-bg: #b3123f;--tl-grid-beat: rgba(33, 23, 50, .06);--tl-grid-bar: rgba(33, 23, 50, .14);--tl-loop-fill: rgba(10, 125, 84, .16);--focus-ring: #99095a}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);overflow:hidden}button{font:600 12px/1 var(--sans);border-radius:8px;padding:8px 11px;cursor:pointer;border:1px solid var(--line);background:var(--panel2);color:var(--ink);transition:.12s}button:hover:not(:disabled){border-color:var(--vi)}button:disabled{opacity:.4;cursor:not-allowed}button.play{background:linear-gradient(92deg,var(--mag),var(--vi));border:none;min-width:40px;font-size:15px}button.ghost{background:transparent;color:var(--mut)}a.ghost{font:600 12px/1 var(--sans);border-radius:8px;padding:8px 11px;cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--mut);transition:.12s;text-decoration:none;display:inline-flex;align-items:center}a.ghost:hover{border-color:var(--vi)}button.danger{border-color:var(--danger-line);color:var(--danger)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:4px;background:var(--line);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--mag);cursor:pointer}input[type=range]::-moz-range-thumb{width:13px;height:13px;border:none;border-radius:50%;background:var(--mag);cursor:pointer}output,.mono{font-variant-numeric:tabular-nums}.surface{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg)}.menu{background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--elev-2)}.strip{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.seq-cell:focus-visible{outline-offset:1px}[role=slider]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.eq-handle:focus-visible{outline-offset:1px}[role=button]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.app{display:flex;flex-direction:column;height:100%}.bar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--panel),var(--bg2));flex:0 0 auto;overflow-x:auto;overflow-y:hidden}.bar .brand b{font-size:18px;font-weight:900;text-transform:uppercase;letter-spacing:-.01em;background:linear-gradient(92deg,var(--mag),var(--vi) 55%,var(--cy));-webkit-background-clip:text;background-clip:text;color:transparent}.bar .spacer{flex:1}.tempo{display:flex;align-items:center;gap:6px;font:600 11px/1 var(--mono);color:var(--dim);text-transform:uppercase}.count-in-badge{font:900 22px/1 var(--mono);color:var(--danger);min-width:28px;text-align:center;animation:count-in-pulse .5s ease-in-out infinite}@keyframes count-in-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.88)}}.tempo input{width:54px;background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:6px;font:700 13px var(--mono)}.zoom{display:flex;align-items:center;gap:4px;font:600 10px var(--mono);color:var(--dim)}.zoom button{padding:5px 9px}@media(max-width:1360px){.bar .master-meter,.bar .count-in{display:none}}@media(max-width:1150px){.bar .meter-sig,.bar .metro .lbl,.bar .midi .lbl,.bar .rec .lbl{display:none}}@media(max-width:950px){.bar .pos{display:none}.bar>button.ghost:nth-of-type(2){padding:6px}.bar>button.tb:nth-of-type(3){padding:4px 5px}}.empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:30px}.drop{border:1.5px dashed #3a2c5c;border-radius:16px;padding:54px 40px;text-align:center;cursor:pointer;max-width:560px}.drop:hover{border-color:var(--mag);background:#ff3d9a0d}.drop .big{font-size:17px;font-weight:700}.drop .fmt{color:var(--dim);font:500 13px var(--mono);margin-top:8px}.empty-btns{display:flex;gap:10px;justify-content:center;margin-top:18px}.iso{font:500 11px var(--mono);color:var(--mag)}.iso.ok{color:var(--ok)}.tl{flex:1;overflow:auto;position:relative}.tl-content{position:relative;min-width:100%}.tl-ruler{display:flex;position:sticky;top:0;z-index:3;height:26px;background:var(--bg2);border-bottom:1px solid var(--line)}.tl-corner{width:var(--head-w);flex:0 0 var(--head-w);position:sticky;left:0;z-index:4;background:var(--bg2);border-right:1px solid var(--line)}.tl-ruler-lane{position:relative}.tl-bar{position:absolute;top:0;height:26px;padding-left:5px;font:600 10px/26px var(--mono);color:var(--dim);border-left:1px solid var(--line)}.tl-loop-band{position:absolute;top:0;height:26px;z-index:1;cursor:grab;background:var(--tl-loop-fill);border-left:1px solid var(--cy);border-right:1px solid var(--cy)}.tl-loop-band:active{cursor:grabbing}.tl-loop-handle{position:absolute;top:0;bottom:0;width:7px;cursor:ew-resize;z-index:2}.tl-loop-handle.l{left:-3px}.tl-loop-handle.r{right:-3px}.tl-row{display:flex;border-bottom:1px solid var(--line)}.tl-head{width:var(--head-w);flex:0 0 var(--head-w);position:sticky;left:0;z-index:2;display:flex;background:var(--panel);border-right:1px solid var(--line)}.tl-lane{position:relative}.tl-resize-handle{position:absolute;left:0;right:0;bottom:0;height:6px;cursor:ns-resize;background:transparent;transition:background .12s}.tl-resize-handle:hover,.tl-resize-handle:active{background:var(--cy);opacity:.4}.th{flex:1;min-width:0;display:flex}.th-spine{flex:0 0 3px;width:3px;align-self:stretch}.th-body{flex:1;min-width:0;padding:8px 10px;display:flex;flex-direction:column;gap:7px}.th-top{display:flex;align-items:center;gap:7px}.th-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.th-name{font-weight:600;font-size:var(--fs-sm);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.th-kind{font:700 var(--fs-2xs) var(--mono);letter-spacing:.05em;color:var(--mut);padding:1px 4px;border:1px solid var(--line);border-radius:var(--r-sm);flex:0 0 auto}.th-row{display:flex;align-items:center;gap:6px}.th-fx{display:flex;gap:10px;flex-wrap:wrap}.th-del{opacity:0;transition:opacity .12s ease}.tl-head:hover .th-del,.th-del:focus-visible{opacity:1}.th-frozen-dim{opacity:.6;pointer-events:none}.th-frozen-badge{font-size:var(--fs-xs);flex:0 0 auto;cursor:help}.hp{display:flex;flex-direction:column;gap:3px;font:600 9px var(--mono);color:var(--dim);flex:1;min-width:54px;text-transform:uppercase}.hp input[type=range]{width:100%}.hp select{background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:5px;font:600 10px var(--sans);padding:3px}.tb{padding:4px 8px;font:700 10px var(--mono);background:transparent;color:var(--mut)}.tb.on{background:var(--mag);border-color:var(--mag);color:#fff}.tb.solo.on{background:var(--cy);border-color:var(--cy);color:var(--bg)}.tb.arm.on,.tb.rec.on{background:var(--danger-bg);border-color:var(--danger-line);color:#fff}@keyframes rec-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--danger) 55%,transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--danger) 0%,transparent)}}.tb.rec-live{animation:rec-pulse 1.1s ease-in-out infinite}.clip{position:absolute;top:6px;bottom:6px;border-radius:var(--r-md);overflow:hidden;cursor:grab;background:color-mix(in srgb,var(--clip) 22%,var(--bg));border:1px solid var(--clip);box-shadow:var(--elev-1)}.clip:hover{filter:brightness(1.15);box-shadow:var(--elev-1),0 0 0 1px var(--clip)}.clip.sel{box-shadow:inset 0 0 0 2px var(--ink),0 0 16px -2px var(--mag);filter:none;z-index:1}.clip:active{cursor:grabbing}.clip-ribbon{position:absolute;top:0;left:0;right:0;height:16px;z-index:4;display:flex;align-items:center;gap:var(--sp-2);padding:0 var(--sp-2);background:var(--clip);color:#0b0812;pointer-events:none}.clip-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 var(--fs-2xs) var(--mono);pointer-events:auto;cursor:text}.clip-badge{flex:0 0 auto;font:600 var(--fs-2xs) var(--mono);opacity:.82}.clip-take-badge{flex:0 0 auto;pointer-events:auto;cursor:pointer;border:none;font:700 var(--fs-2xs) var(--mono);padding:0 5px;border-radius:3px;line-height:14px;background:#0b081247;color:inherit}.clip-take-badge:hover{background:#0b081273}.clip-take-badge:focus-visible{outline:2px solid var(--cy);outline-offset:1px}.clip-body{position:absolute;left:0;right:0;top:16px;bottom:0;overflow:hidden}.clip-wave{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:40px}.clip-trim{position:absolute;top:0;bottom:0;width:7px;cursor:ew-resize;z-index:6;transition:background .12s}.clip-trim.l{left:0;background:linear-gradient(to right,#ffffff3d,#fff0)}.clip-trim.r{right:0;background:linear-gradient(to left,#ffffff3d,#fff0)}.clip-trim:hover{background:#ffffff59}.clip-trim:active{background:#ffffff8c}.tl-playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--cy);box-shadow:0 0 8px var(--cy);pointer-events:none;z-index:5}.seq{position:relative;display:flex;flex-direction:column}.seq-row{position:relative}.seq-row.black{background:#00000024}.seq-row.c{border-top:1px solid var(--line)}.seq-cell{position:absolute;top:1px;bottom:1px;padding:0;border-radius:2px;border:1px solid var(--line);background:var(--bg2)}.seq-cell.beat{border-left:2px solid var(--vi)}.seq-cell.on{border:none}.seq-cell:hover{border-color:var(--mag)}.seq-cell.playing{outline:2px solid var(--cy);outline-offset:-1px;box-shadow:0 0 6px var(--cy)}.inspector{flex:0 0 auto;display:flex;align-items:center;gap:16px;padding:10px 16px;border-top:1px solid var(--line);background:var(--panel)}.ins-title{font:700 10px var(--mono);letter-spacing:.2em;color:var(--dim)}.ins{display:flex;align-items:center;gap:8px;font:700 11px var(--sans)}.ins input[type=range]{width:150px}.ins output{font:700 12px var(--mono);color:var(--cy);min-width:46px}@media(prefers-reduced-motion:reduce){button,.clip-trim{transition:none}.tb.rec-live,.count-in-badge{animation:none}}.strip{width:104px;flex:0 0 auto;align-self:flex-start;align-items:center;gap:var(--sp-4);padding:10px 6px}.strip.bus{border-style:dashed;border-color:var(--vi)}.strip.master{width:auto;border-color:var(--vi)}.strip-head{display:flex;align-items:center;gap:5px;width:100%;padding-bottom:var(--sp-3);border-bottom:1px solid var(--line)}.strip-ms{display:flex;gap:4px}.strip-fader{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}.strip-fader-row{display:flex;align-items:stretch;gap:var(--sp-3)}.strip-db{font:700 var(--fs-2xs) var(--mono);color:var(--cy)}.th.sel{background:var(--panel2)}.th.sel .th-spine{box-shadow:inset 0 0 0 1px var(--mag)}.strip.sel{background:var(--panel2);box-shadow:inset 3px 0 0 var(--mag)}.statusbar{flex:0 0 auto;display:flex;align-items:center;gap:var(--sp-5);height:26px;padding:0 14px;background:var(--bg2);border-top:1px solid var(--line);font:600 var(--fs-2xs) var(--mono);color:var(--dim)}.statusbar .spacer{flex:1}.statusbar .zoom button{padding:2px 7px}.sb-item{color:var(--mut)}.spectrum{position:relative;width:100%;height:110px;flex:0 0 auto;background:var(--bg2);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}.spectrum canvas{display:block;width:100%;height:100%}.spectrum-label{position:absolute;top:6px;left:8px;font:700 var(--fs-2xs) var(--mono);letter-spacing:.08em;color:var(--dim);text-transform:uppercase;pointer-events:none}.workspace{display:flex;flex:1;min-height:0}.workspace>.tl,.workspace>.empty{flex:1;min-width:0}.pr-resize-handle{flex:0 0 auto;height:6px;cursor:ns-resize;background:transparent;transition:background .12s;touch-action:none}.pr-resize-handle:hover,.pr-resize-handle:active{background:var(--cy);opacity:.4}.channel-panel{flex:0 0 300px;width:300px;height:100%;display:flex;flex-direction:column;background:var(--panel);border-left:1px solid var(--line);overflow:hidden}.channel-panel.collapsed{display:none}.channel-panel-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--line)}.channel-panel-name{font-weight:700;font-size:var(--fs-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-panel-body{flex:1;min-height:0;overflow:auto;padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-5)}.channel-panel-section{display:flex;flex-direction:column;gap:var(--sp-3)}.channel-panel-label{font:700 var(--fs-2xs) var(--mono);letter-spacing:.14em;color:var(--dim);text-transform:uppercase}.channel-panel-hint{margin:0;color:var(--mut);font:500 var(--fs-sm) var(--sans)}.channel-panel-frozen-dim{display:flex;flex-direction:column;gap:var(--sp-5);opacity:.55;pointer-events:none}