:root{--bg-0:#0f1113;--bg-1:#171a1d;--bg-2:#1e2226;--bg-3:#262b31;--bg-raised:#2e343b;--line:#343a42;--line-soft:#262b31;--line-bright:#434a53;--text:#dde2e8;--text-dim:#8c949e;--text-faint:#5c646d;--accent:#f0a830;--accent-dim:#8a5f1c;--on-accent:#1a1205;--on-accent-dim:#ffeccd;--danger:#e8637c;--success:#6ad36a;--warning:#e6d24a;--grid-bar:#2c3238;--grid-beat:#22262b;--btn-active:#1b1f23;--hover-tint:#ffffff12;--shadow:#00000080;--backdrop:#0009;--well:#00000073;--select-outline:#fff;--scroll-thumb:#3a4149;--scroll-thumb-hover:#4a525b;--knob-track:#30363d;--knob-edge:#3c434b;--knob-pressed:#3a4149;--loop-off:#505662;--loop-off-hover:#5c6370;--loop-off-edge:#646c7a;--loop-on:#737c8c;--loop-on-hover:#7d8697;--loop-on-edge:#919aa8;--audio-lane:#15191d;--clip-base:#101214;--wave:#9ad4ff;--wave-center:#ffffff1f;--roll-shade:#00000042;--roll-beyond:#0000006b;--roll-octave:#3a4149;--roll-bar:#2e343b;--roll-beat:#23282e;--file-drop-bg:#121410eb;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--row-h:28px;--radius:3px;-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px}:root[data-theme=light]{--bg-0:#dfe3e8;--bg-1:#eceff2;--bg-2:#f6f7f9;--bg-3:#e4e8ec;--bg-raised:#fff;--line:#c4cbd3;--line-soft:#dce1e6;--line-bright:#a9b2bc;--text:#1c2228;--text-dim:#525c67;--text-faint:#868f99;--accent:#e0920f;--accent-dim:#f7d9a6;--on-accent:#1a1205;--on-accent-dim:#5a3906;--danger:#d23f5b;--success:#28a745;--warning:#d97706;--grid-bar:#cbd1d8;--grid-beat:#e0e4e9;--btn-active:#d3d9df;--hover-tint:#0000000d;--shadow:#1e283433;--backdrop:#1e283459;--well:#0000001a;--select-outline:#1c2228;--scroll-thumb:#c3cad2;--scroll-thumb-hover:#a9b2bc;--knob-track:#d2d8de;--knob-edge:#b4bcc5;--knob-pressed:#e4e8ec;--loop-off:#c3c9d1;--loop-off-hover:#b7bec7;--loop-off-edge:#a9b1bb;--loop-on:#8d97a5;--loop-on-hover:#808a98;--loop-on-edge:#6f7988;--audio-lane:#e8ebef;--clip-base:#fff;--wave:#2f86c8;--wave-center:#0000001f;--roll-shade:#0000000d;--roll-beyond:#0000001a;--roll-octave:#bfc6ce;--roll-bar:#c9d0d7;--roll-beat:#e1e5ea;--file-drop-bg:#f6f7f9f0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg-0);height:100%;color:var(--text);-webkit-user-select:none;user-select:none;overscroll-behavior:none;margin:0;overflow:hidden}input,textarea{-webkit-user-select:text;user-select:text}button{font:inherit;color:var(--text);background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 9px;line-height:1.4}button:hover:not(:disabled){background:var(--bg-raised);border-color:var(--line-bright)}button:active:not(:disabled){background:var(--btn-active)}button:disabled{opacity:.45;cursor:default}button.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}button.ghost{color:var(--text-dim);background:0 0;border-color:#0000}button.ghost:hover:not(:disabled){background:var(--bg-3);color:var(--text)}input,select{font:inherit;color:var(--text);background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:3px 6px}input:focus-visible,select:focus-visible,button:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);font-size:9px}.mono{font-variant-numeric:tabular-nums;font-family:SF Mono,JetBrains Mono,ui-monospace,monospace}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-1)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--bg-1);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}::-webkit-scrollbar-corner{background:var(--bg-1)}@media (width<=768px){.app>header{white-space:nowrap;-webkit-overflow-scrolling:touch;padding-right:16px;overflow:auto hidden}.app>header::-webkit-scrollbar{width:0;height:0}.middle{position:relative}.middle>aside{z-index:1000;background:var(--bg-1);box-shadow:2px 0 12px var(--shadow);transition:transform .2s ease-in-out;top:0;bottom:0;left:0;position:absolute!important}.panel{z-index:1001}.panel:not(.collapsed){min-height:100px!important}.arrangement{min-width:0}.mobile-only{display:flex!important}}.mobile-only{display:none}