:root{--bg-0:#c9cfb4;--bg-1:#e2e4d1;--bg-2:#faf8ee;--bg-3:#d8dbc5;--bg-raised:#fdfcf8;--line:#c4c5ba;--line-soft:#ddddd2;--line-bright:#a3a69a;--text:#2b3426;--text-dim:#545b4e;--text-faint:#82867a;--accent:#d2693a;--accent-dim:#eabfa6;--on-accent:#161a13;--on-accent-dim:#161a13;--danger:#cc4a5c;--success:#4f9a54;--warning:#c99a1e;--info:#3f87ad;--grid-bar:#c1c4b2;--grid-beat:#d2d4c2;--btn-active:#c7cab5;--hover-tint:#2b34260f;--shadow:#5a635133;--backdrop:#5a635159;--well:#2b34261a;--select-outline:#2b3426;--scroll-thumb:#afb3a1;--scroll-thumb-hover:#959a89;--knob-track:#b5baa5;--knob-edge:#a1a692;--knob-pressed:#d8dbc5;--loop-off:#b2b6a2;--loop-off-hover:#a8ac98;--loop-off-edge:#9da28f;--loop-on:#828876;--loop-on-hover:#777d6c;--loop-on-edge:#666d5c;--audio-lane:#d6dac3;--clip-base:#fdfcf8;--wave:#44764f;--wave-center:#2b342633;--roll-shade:#2b34260d;--roll-beyond:#2b34261a;--roll-octave:#bcbdb2;--roll-bar:#cccdc2;--roll-beat:#e3e2d8;--file-drop-bg:#faf8eef0;--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}.map-free,.map-bound,.map-selected{position:relative}.map-free:after,.map-bound:after,.map-selected:after{content:"";pointer-events:none;z-index:5;border-radius:6px;position:absolute;inset:-3px}.map-free:after{background:color-mix(in srgb, var(--accent) 12%, transparent)}.map-bound:after{background:color-mix(in srgb, var(--accent) 50%, transparent)}.map-selected:after{background:color-mix(in srgb, var(--accent) 30%, transparent);outline:2px solid var(--accent)}