:root{--bg-0:#e1e5d2;--bg-1:#ebecdd;--bg-2:#f5f2e7;--bg-3:#eaebdb;--bg-raised:#fbfaf5;--line:#d9d8cc;--line-soft:#e7e5d9;--line-bright:#c3c4b7;--text:#434d3d;--text-dim:#7c8273;--text-faint:#a5a89b;--accent:#e3a07f;--accent-dim:#eed1bd;--on-accent:#22271f;--on-accent-dim:#22271f;--danger:#d9737f;--success:#86b883;--warning:#dfbd62;--info:#7eaec6;--grid-bar:#dadccd;--grid-beat:#e3e4d5;--btn-active:#d9dbcb;--hover-tint:#434d3d0f;--shadow:#727b6a33;--backdrop:#727b6a59;--well:#434d3d1a;--select-outline:#434d3d;--scroll-thumb:#cdcfc0;--scroll-thumb-hover:#b9bcad;--knob-track:#d6d8c8;--knob-edge:#c9cbbb;--knob-pressed:#eaebdb;--loop-off:#c5c8b8;--loop-off-hover:#bbbfaf;--loop-off-edge:#b1b5a5;--loop-on:#979c8c;--loop-on-hover:#8c9383;--loop-on-edge:#7c8373;--audio-lane:#e6e9d8;--clip-base:#fbfaf5;--wave:#6c9a78;--wave-center:#434d3d1f;--roll-shade:#434d3d0d;--roll-beyond:#434d3d1a;--roll-octave:#cecec2;--roll-bar:#dcdbcf;--roll-beat:#e9e6db;--file-drop-bg:#f5f2e7f0;--radius:6px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--row-h:28px;-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px}*{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}