@font-face{font-family:Geist;src:url(/assets/Geist-VF-LSVD8BOy.woff2) format("woff2");font-weight:100 900;font-display:block}@font-face{font-family:Geist Mono;src:url(/assets/GeistMono-VF-SeMoiahk.woff2) format("woff2");font-weight:100 900;font-display:block}@font-face{font-family:Doto;src:url(/assets/Doto-DTp21QX3.woff2) format("woff2");font-weight:100 900;font-display:block}:root{color-scheme:light;--tokens-version: 3;--skin-contract: 3;--p-plastic: #cdc8bc;--p-groove: #b3ad9f;--p-key: #b9b3a6;--p-rubber: #a39d90;--p-key-edge: #8f897c;--p-ink: #2a2823;--p-ink-muted: #55514a;--p-ink-key: #45423b;--p-lcd: #a3b18b;--p-lcd-ink: #1f2a1a;--p-led: #e8392a;--p-led-off: #2f2d29;--p-ai: #1f5f86;--bg-app: var(--p-plastic);--surface-1: var(--p-plastic);--surface-2: var(--p-key);--surface-inset: var(--p-groove);--rule: var(--p-groove);--rule-strong: var(--p-ink);--rule-width: 1px;--border: var(--p-groove);--border-strong: var(--p-key-edge);--text: var(--p-ink);--text-muted: var(--p-ink-muted);--text-on-accent: var(--p-plastic);--key-bg: var(--p-key);--key-edge: var(--p-key-edge);--key-text: var(--p-ink);--key-shadow: inset 0 -3px 0 var(--p-key-edge), inset 0 1px 0 rgb(255 255 255 / .28);--key-shadow-pressed: inset 0 -1px 0 var(--p-key-edge), inset 0 2px 3px rgb(0 0 0 / .18);--lcd-bg: var(--p-lcd);--lcd-ink: var(--p-lcd-ink);--lcd-ink-dim: rgb(31 42 26 / .45);--lcd-ghost: rgb(31 42 26 / .12);--lcd-grid: rgb(31 42 26 / .07);--lcd-pixel: 3px;--lcd-frame: var(--p-key-edge);--lcd-shadow: inset 0 2px 6px rgb(0 0 0 / .25);--signal: var(--p-led);--signal-text: #1b0d0a;--signal-soft: rgb(232 57 42 / .14);--led-on: var(--p-led);--led-off: var(--p-led-off);--led-glow: 0 0 6px 1px rgb(232 57 42 / .75);--accent: var(--p-ink);--accent-strong: var(--p-ink);--accent-soft: rgb(42 40 35 / .08);--on-accent: var(--p-plastic);--focus-ring: var(--p-ai);--drop: var(--p-ai);--drop-soft: rgb(31 95 134 / .14);--rec: var(--p-led);--hatch: var(--p-key-edge);--pad-bg-empty: var(--p-key);--pad-bg-loaded: var(--p-rubber);--pad-bg-active: var(--p-led);--pad-text: var(--p-ink);--pad-text-empty: var(--p-ink-key);--pad-text-active: #1b0d0a;--pad-ring-selected: var(--p-ink);--pad-wave: var(--p-lcd-ink);--pad-wave-bg: var(--p-lcd);--pad-wave-active: var(--p-lcd-ink);--pad-glow-active: 0 0 26px 2px rgb(232 57 42 / .45);--pad-edge-active: #a92a1d;--pad-radius: 4px;--pad-gap: 12px;--pad-min-size: 64px;--pad-user-1: #b8360f;--pad-user-2: #8a6d1f;--pad-user-3: #4f6b3a;--pad-user-4: #1f5f86;--pad-user-5: #5b4a7a;--pad-user-6: #55514a;--marker: var(--p-lcd-ink);--marker-selected: var(--p-lcd-ink);--playhead: var(--p-lcd-ink);--region-soft: rgb(31 42 26 / .14);--step-off: var(--p-key);--step-off-beat: #aaa497;--step-on: #3a3833;--step-current: var(--p-led);--step-lock: #ff5a3c;--step-radius: 2px;--readout-bg: var(--p-lcd);--readout-text: var(--p-lcd-ink);--readout-text-dim: var(--p-lcd-ink);--control-track: var(--p-groove);--control-fill: var(--p-ink);--control-thumb: var(--p-ink);--meter-fill: var(--p-lcd-ink);--meter-peak: var(--p-led);--font-ui: "Geist", system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, monospace;--font-lcd: "Doto", "Geist Mono", monospace;--fw-lcd: 900;--font-readout: var(--font-lcd);--fw-readout: 900;--fs-xs: 12px;--fs-sm: 13px;--fs-md: 15px;--fs-lg: 18px;--fs-xl: 28px;--fs-readout: 52px;--fw-regular: 420;--fw-strong: 600;--label-font: var(--font-mono);--label-case: uppercase;--label-tracking: .08em;--brand-tracking: .18em;--unit: 4px;--space-1: calc(var(--unit) * 1);--space-2: calc(var(--unit) * 2);--space-3: calc(var(--unit) * 3);--space-4: calc(var(--unit) * 4);--space-5: calc(var(--unit) * 6);--space-6: calc(var(--unit) * 8);--space-7: calc(var(--unit) * 12);--radius-sm: 3px;--radius-md: 4px;--radius-lg: 6px;--motion: 1;--dur-attack: 0ms;--dur-release: calc(.16s * var(--motion));--dur-ui: calc(.12s * var(--motion));--ease-out: cubic-bezier(.2, .7, .2, 1);--chassis-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0 0 0 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");--chassis-sheen: linear-gradient(180deg, rgb(255 255 255 / .1), rgb(255 255 255 / 0) 38%, rgb(0 0 0 / .035));--chassis-texture: var(--chassis-grain), var(--chassis-sheen);--sticker-display: block;--sticker-bg: #efe3c2;--sticker-alt-bg: #d6d6d1;--sticker-ink: #2e2618;--sticker-flap: #fbf6e9;--sticker-flap-shade: #cfc4a6;--sticker-shadow: 0 1px 1px rgb(0 0 0 / .18), 0 2px 6px rgb(0 0 0 / .1);--sticker-lift: rgb(0 0 0 / .28);--sticker-residue: #f6f1e4;--sticker-scratch: rgb(60 50 30 / .16);--sticker-scuff: rgb(205 200 188 / .55);--tape-bg: #1f1e1b;--tape-ink: #f2f0ea;--tape-sheen: linear-gradient(180deg, rgb(255 255 255 / .16), rgb(255 255 255 / 0) 45%, rgb(0 0 0 / .25))}:root[data-skin=noche]{color-scheme:dark;--skin-contract: 3;--p-plastic: #2b2a27;--p-groove: #3a3935;--p-key: #3a3834;--p-rubber: #45433e;--p-key-edge: #1d1c1a;--p-ink: #e6e1d6;--p-ink-muted: #a39e92;--p-ink-key: #aaa598;--p-lcd: #17130a;--p-lcd-ink: #ffb238;--p-led: #ff4a36;--p-led-off: #141311;--p-ai: #6aa6cf;--text-on-accent: #2b2a27;--key-shadow: inset 0 -3px 0 #1d1c1a, inset 0 1px 0 rgb(255 255 255 / .06);--key-shadow-pressed: inset 0 -1px 0 #1d1c1a, inset 0 2px 3px rgb(0 0 0 / .4);--lcd-ink-dim: rgb(255 178 56 / .4);--lcd-ghost: rgb(255 178 56 / .08);--lcd-grid: rgb(0 0 0 / .35);--lcd-shadow: inset 0 2px 8px rgb(0 0 0 / .6);--signal-text: #140806;--signal-soft: rgb(255 74 54 / .16);--led-glow: 0 0 7px 1px rgb(255 74 54 / .8);--accent-soft: rgb(230 225 214 / .08);--drop-soft: rgb(106 166 207 / .16);--pad-text-active: #140806;--pad-glow-active: 0 0 26px 2px rgb(255 74 54 / .4);--pad-edge-active: #b8301f;--pad-user-1: #f0582a;--pad-user-2: #d6b25a;--pad-user-3: #8fb36e;--pad-user-4: #6aa6cf;--pad-user-5: #a58fd0;--pad-user-6: #a39e92;--region-soft: rgb(255 178 56 / .12);--step-off-beat: #34322e;--step-on: #e6e1d6;--chassis-sheen: linear-gradient(180deg, rgb(255 255 255 / .05), rgb(255 255 255 / 0) 38%, rgb(0 0 0 / .1));--sticker-bg: #d9cfb3;--sticker-alt-bg: #b9b9b4;--sticker-flap: #ece6d6;--sticker-flap-shade: #a99f86;--sticker-shadow: 0 1px 1px rgb(0 0 0 / .5), 0 2px 8px rgb(0 0 0 / .35);--sticker-lift: rgb(0 0 0 / .55);--sticker-residue: #ddd6c4;--sticker-scratch: rgb(30 24 12 / .22);--sticker-scuff: rgb(43 42 39 / .55);--step-lock: #c92f1f}@media(prefers-reduced-motion:reduce){:root{--motion: 0}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg-app);color:var(--text);font:var(--fw-regular) var(--fs-sm) / 1.4 var(--font-ui);font-feature-settings:"tnum","zero";-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}kbd{font:var(--fw-regular) var(--fs-xs) / 1 var(--font-mono);color:var(--text-muted);border:var(--rule-width) solid var(--border-strong);border-radius:var(--radius-sm);padding:2px 4px}.label{font:var(--fw-regular) var(--fs-xs) / 1.2 var(--label-font);letter-spacing:var(--label-tracking);text-transform:var(--label-case);color:var(--text-muted)}.muted{color:var(--text-muted)}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums slashed-zero}.lcd{position:relative;background:var(--lcd-bg);color:var(--lcd-ink);border:2px solid var(--lcd-frame);border-radius:var(--radius-md);box-shadow:var(--lcd-shadow);overflow:hidden}.lcd:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--lcd-grid) 1px,transparent 1px),linear-gradient(90deg,var(--lcd-grid) 1px,transparent 1px);background-size:var(--lcd-pixel) var(--lcd-pixel)}.lcd .label{color:var(--lcd-ink);opacity:.8}.lcd-num{position:relative;display:inline-block;font:var(--fw-lcd) var(--fs-xl) / 1 var(--font-lcd);font-variant-numeric:tabular-nums;white-space:nowrap}.lcd-num[data-ghost]:before{content:attr(data-ghost);position:absolute;inset:0;color:var(--lcd-ghost)}.lcd-num>span{position:relative}.app{display:grid;height:100dvh;gap:var(--rule-width);background:var(--rule);grid-template-columns:clamp(200px,18vw,260px) minmax(0,1fr) clamp(340px,26vw,380px);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"transport transport transport" "lib       bench     side" "deck      deck      deck"}.app>*{background-color:var(--surface-1);background-image:var(--chassis-texture)}.transport{grid-area:transport}.lib{grid-area:lib}.bench{grid-area:bench}.side{grid-area:side}.deck{grid-area:deck}.tabbar{display:none}.panel{display:flex;flex-direction:column;min-height:0;overflow:hidden}.panel-head{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);min-height:40px;border-bottom:var(--rule-width) solid var(--rule)}.panel-head .grow{flex:1}.panel-body{flex:1;min-height:0;overflow:auto;padding:var(--space-4)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:34px;padding:0 var(--space-3) 2px;background:var(--key-bg);color:var(--key-text);border:0;border-radius:var(--radius-sm);box-shadow:var(--key-shadow);cursor:pointer;white-space:nowrap}.btn:active{box-shadow:var(--key-shadow-pressed)}.btn[aria-pressed=true],.btn.primary{background:var(--accent);color:var(--on-accent)}.btn[aria-pressed=true] kbd,.btn.primary kbd{color:inherit;border-color:currentColor}.btn.ghost{background:transparent;box-shadow:none}.btn-icon{width:40px;min-height:40px;padding:0}.led-dot,.btn-transport:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--led-off)}.btn-transport:after{position:absolute;top:6px;right:7px}.btn-transport[data-on="1"]:after,.led-dot[data-on="1"]{background:var(--led-on);box-shadow:var(--led-glow)}.btn-transport{width:48px;min-height:46px;padding:0;font-size:var(--fs-md)}.btn-transport[data-on="1"]{box-shadow:var(--key-shadow-pressed)}.seg{display:inline-flex;gap:2px}.seg>button{border:0;background:var(--key-bg);box-shadow:var(--key-shadow);padding:0 var(--space-3) 2px;min-height:32px;cursor:pointer}.seg>button:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.seg>button:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.seg>button[aria-pressed=true]{background:var(--accent);color:var(--on-accent);box-shadow:var(--key-shadow-pressed)}.lcd-strip{display:flex;flex-shrink:0;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-4);min-height:60px}.readout{display:inline-grid;gap:2px}.readout .value{font-size:var(--fs-xl)}.readout.big .value{font-size:var(--fs-readout)}.knob{--v: .5;display:grid;justify-items:center;gap:var(--space-1);width:64px}.knob-dial{position:relative;width:40px;aspect-ratio:1;border-radius:50%;background:conic-gradient(from -135deg,var(--control-fill) calc(var(--v) * 270deg),var(--control-track) 0 270deg,transparent 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),var(--text) calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),var(--text) calc(100% - 3px));cursor:ns-resize}.knob-value{font:var(--fw-regular) var(--fs-sm) / 1 var(--font-mono);font-variant-numeric:tabular-nums slashed-zero}.slider{--v: .5;position:relative;height:24px;display:flex;align-items:center}.slider:before{content:"";flex:1;height:2px;background:linear-gradient(90deg,var(--control-fill) calc(var(--v) * 100%),var(--control-track) 0)}.slider:after{content:"";position:absolute;left:calc(var(--v) * 100% - 6px);width:12px;height:18px;border-radius:var(--radius-sm);background:var(--key-bg);box-shadow:var(--key-shadow),0 0 0 1px var(--key-edge)}.field{display:grid;gap:var(--space-1)}.field-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.meter{display:flex;gap:3px;height:34px;align-items:stretch;padding:3px}.meter-bar{--v: .6;width:6px;background:linear-gradient(to top,transparent calc(var(--v) * 100%),var(--lcd-bg) 0),linear-gradient(to top,var(--meter-fill) 86%,var(--meter-peak) 86%)}.transport{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);min-height:84px}.transport .group{display:flex;align-items:center;gap:var(--space-2)}.transport .spacer{flex:1}.brand{display:grid;gap:4px;line-height:1;padding-right:var(--space-2)}.brand b{font:var(--fw-strong) 24px / 1 var(--font-ui);letter-spacing:var(--brand-tracking)}.brand small{font:10px / 1 var(--font-mono);letter-spacing:.14em;color:var(--text-muted);white-space:nowrap}.transport .vrule{width:var(--rule-width);align-self:stretch;background:var(--rule);margin:calc(-1 * var(--space-3)) 0}.transport[data-state=rec] .lcd-strip{box-shadow:var(--lcd-shadow),inset 0 -3px 0 var(--rec)}.status-line{min-width:0;flex-shrink:1;font:var(--fs-xs) / 1.3 var(--font-mono);color:var(--text-muted);max-width:30ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.only-mobile{display:none}@media(max-width:1439px){.transport .status-line,.transport [data-skin-toggle]{display:none}}.pads-area{display:grid;place-items:center;container-type:size;min-height:0;padding:var(--space-5)}.pads{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:var(--pad-gap);width:min(100cqw - 2 * var(--space-5),100cqh - 2 * var(--space-5));height:min(100cqw - 2 * var(--space-5),100cqh - 2 * var(--space-5))}@media(min-width:960px){.side{display:flex;flex-direction:column;min-height:0;overflow:hidden auto;container-type:size}.side .pads-area{flex:none;height:clamp(316px,100cqh - 196px,100cqw);padding:var(--space-3)}.side .pads{width:min(100cqw,100cqh);height:min(100cqw,100cqh)}.side .insp{flex:1 0 196px;border-top:var(--rule-width) solid var(--rule)}}.pad{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:var(--space-1);min-width:var(--pad-min-size);min-height:var(--pad-min-size);padding:var(--space-2) var(--space-2) calc(var(--space-2) + 3px);background:var(--pad-bg-empty);color:var(--pad-text-empty);border:0;border-radius:var(--pad-radius);box-shadow:var(--key-shadow);text-align:left;-webkit-user-select:none;user-select:none;touch-action:none;cursor:pointer;overflow:hidden;transition:background-color var(--dur-release) var(--ease-out),box-shadow var(--dur-release) var(--ease-out)}.pad-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1)}.pad-num{font:var(--fw-strong) var(--fs-sm) / 1 var(--font-mono);font-variant-numeric:tabular-nums}.pad-key{border-color:transparent;padding:0;color:inherit}.pad-wave{width:100%;height:100%;min-height:0;padding:3px;color:var(--pad-wave);background:var(--pad-wave-bg);border-radius:var(--radius-sm);box-shadow:var(--lcd-shadow);opacity:.45}.pad-wave path{fill:currentColor}.pad-name{font:var(--fw-regular) var(--fs-xs) / 1.2 var(--font-mono);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pad-flag{position:absolute;left:var(--space-2);right:var(--space-2);top:50%;translate:0 -50%;display:none;font:var(--fw-strong) var(--fs-xs) / 1.25 var(--font-ui);padding:4px 6px;border-radius:var(--radius-sm);text-align:center}.pad[data-loaded="1"]{background:var(--pad-bg-loaded);color:var(--pad-text)}.pad[data-loaded="1"] .pad-wave{opacity:1}.pad[data-selected="1"]{outline:2px solid var(--pad-ring-selected);outline-offset:3px}.pad[data-active="1"]{background:var(--pad-bg-active);color:var(--pad-text-active);box-shadow:inset 0 -1px 0 var(--pad-edge-active),var(--pad-glow-active);transition-duration:var(--dur-attack)}.pad[data-active="1"] .pad-wave{color:var(--pad-wave-active)}.pad[data-drop="1"]{outline:2px dashed var(--drop);outline-offset:-2px;background:var(--drop-soft)}.pad[data-drop="1"] .pad-flag{display:block;background:var(--drop);color:var(--on-accent)}.pad[data-error="1"]{background:repeating-linear-gradient(135deg,var(--hatch) 0 1px,transparent 1px 7px),var(--pad-bg-empty)}.pad[data-error="1"] .pad-flag{display:block;background:var(--text);color:var(--bg-app)}.pad[data-loading="1"]:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:40%;background:var(--text);animation:pad-loading calc(1.2s * var(--motion) + 1ms) linear infinite}@keyframes pad-loading{0%{translate:-100% 0}to{translate:250% 0}}.bag{display:grid;gap:3px;min-width:84px}.bag-value{font:var(--fw-strong) var(--fs-lg) / 1 var(--font-mono);font-variant-numeric:tabular-nums slashed-zero}.bag-bar{height:4px;background:var(--lcd-ghost);position:relative}.bag-bar>i{position:absolute;inset:0 auto 0 0;width:calc(var(--v, 0) * 100%);background:var(--lcd-ink)}.bag[data-full="1"] .bag-bar>i{width:100%}.bag[data-full="1"] .label:after{content:" · FULL"}.insp .panel-body{display:grid;gap:var(--space-5);align-content:start}.insp-wave{height:76px;padding:var(--space-2)}.insp-wave svg{width:100%;height:100%;position:relative}.insp-wave path{fill:currentColor}.knob-row{display:flex;justify-content:space-between}.search{display:flex;align-items:center;gap:var(--space-2);min-height:34px;padding:0 var(--space-2);background:var(--surface-inset);border-radius:var(--radius-sm);color:var(--text-muted)}.search input{flex:1;width:0;min-width:0;border:0;background:transparent;color:var(--text);font:inherit;outline:none}.lib .panel-body{padding:0;display:flex;flex-direction:column}.lib-tools{display:grid;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.crumbs{font:var(--fs-xs) / 1.2 var(--font-mono);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-list{list-style:none;margin:0;padding:0;overflow:auto;flex:1;border-top:var(--rule-width) solid var(--rule)}.file{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:var(--space-2);padding:0 var(--space-4);min-height:32px;cursor:grab;border-bottom:var(--rule-width) solid var(--rule)}.file:hover{background:var(--accent-soft)}.file .fname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file .meta{font:var(--fs-xs) / 1 var(--font-mono);color:var(--text-muted);font-variant-numeric:tabular-nums}.file .ico{color:var(--text-muted);text-align:center;font-size:var(--fs-xs)}.file[data-folder="1"]{cursor:pointer}.file[data-cursor="1"]{background:var(--accent);color:var(--on-accent)}.file[data-cursor="1"] .meta,.file[data-cursor="1"] .ico{color:inherit}.file[data-previewing="1"] .ico{color:var(--signal)}.file[data-dragging="1"]{opacity:.4}.file[data-unsupported="1"] .fname{color:var(--text-muted);text-decoration:line-through}.lib-preview{border-top:var(--rule-width) solid var(--rule);padding:var(--space-3) var(--space-4);display:grid;gap:var(--space-2)}.lib-preview .insp-wave{height:56px}.deck{height:clamp(200px,30vh,260px)}.deck-panel{display:flex;flex:1;min-height:0}.chop{display:grid;grid-template-columns:minmax(0,1fr) 232px;gap:var(--space-5);padding:var(--space-4);width:100%}.bench .chop{flex:1;min-height:0;grid-template-rows:minmax(0,1fr)}.chop-main{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:var(--space-2);min-width:0;min-height:0}.chop-head{display:flex;align-items:baseline;gap:var(--space-3);min-width:0}.chop-toolbar{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.wave-view{min-height:120px}.wave-view canvas{position:absolute;inset:0;width:100%;height:100%}.region{position:absolute;top:0;bottom:0;background:var(--region-soft);pointer-events:none}.marker{position:absolute;top:0;bottom:0;width:1px;background:var(--marker);cursor:ew-resize;z-index:1}.marker:before{content:attr(data-label);position:absolute;top:0;left:0;min-width:20px;padding:3px 4px;font:var(--fw-strong) var(--fs-xs) / 1 var(--font-mono);background:var(--marker);color:var(--lcd-bg)}.marker:after{content:"";position:absolute;inset:0 -10px}.marker[data-selected="1"]{width:2px;background:var(--marker-selected)}.marker.end:before{left:auto;right:0}.playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--playhead);pointer-events:none;z-index:1}.overview{height:26px}.overview canvas{width:100%;height:100%;display:block;position:relative}.overview .viewport{position:absolute;top:0;bottom:0;border:2px solid var(--lcd-ink);z-index:1}.slice-list{display:grid;align-content:start;overflow:auto}.slice{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:var(--space-2);padding:0 var(--space-2);min-height:32px;border-bottom:var(--rule-width) solid var(--rule);font-variant-numeric:tabular-nums}.slice .n{font:var(--fw-strong) var(--fs-xs) / 1 var(--font-mono)}.slice .range{font:var(--fs-xs) / 1 var(--font-mono);color:var(--text-muted)}.slice[data-selected="1"]{background:var(--accent);color:var(--on-accent)}.slice[data-selected="1"] .range,.slice[data-selected="1"] .muted{color:inherit}.slice[data-selected="1"] kbd{color:inherit;border-color:currentColor}.seq{display:grid;grid-template-rows:auto minmax(0,1fr);gap:var(--space-4);padding:var(--space-4);width:100%}.seq-head{display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap}.seq-grid{display:grid;gap:var(--space-3);align-content:start;overflow:auto;padding-top:var(--space-2)}.seq-row{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:var(--space-4)}.seq-row-label{display:flex;align-items:center;gap:var(--space-2);min-width:0;font:var(--fs-xs) / 1 var(--font-mono);text-transform:uppercase}.seq-row-label .pad-num{color:var(--text-muted)}.seq-row-label span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seq-row[data-selected="1"] .seq-row-label{font-weight:var(--fw-strong)}.seq-row[data-selected="1"] .seq-row-label:before{content:"";width:3px;height:16px;background:var(--text)}.steps{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:5px;padding-top:10px}.steps>.step:nth-child(4n+1){margin-left:6px}.steps>.step:first-child{margin-left:0}.step{position:relative;height:28px;min-width:0;padding:0;background:var(--step-off);border:0;border-radius:var(--step-radius);box-shadow:var(--key-shadow);cursor:pointer}.step:before{content:"";position:absolute;top:-9px;left:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:var(--led-off)}.step[data-beat="1"]{background:var(--step-off-beat)}.step[data-on="1"]{background:var(--step-on)}.step[data-on="1"][data-vel=soft]{background:linear-gradient(to top,var(--step-on) 55%,var(--step-off) 55%)}.step[data-lock="1"]:after{content:"";position:absolute;top:0;right:0;border:5px solid transparent;border-top-color:var(--step-lock);border-right-color:var(--step-lock);border-top-right-radius:var(--step-radius)}.step[data-current="1"]:before{background:var(--step-current);box-shadow:var(--led-glow)}.step-ruler{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:5px;font:var(--fs-xs) / 1 var(--font-mono);color:var(--text-muted)}.step-ruler>span:nth-child(4n+1){margin-left:6px;color:var(--text)}.step-ruler>span:first-child{margin-left:0}.bars{display:flex;gap:var(--space-1)}.bar-btn{position:relative;min-width:34px;min-height:30px;border:0;border-radius:var(--radius-sm);background:var(--key-bg);box-shadow:var(--key-shadow);font:var(--fw-strong) var(--fs-xs) / 1 var(--font-mono);cursor:pointer}.bar-btn[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.bar-btn[data-playing="1"]:after{content:"";position:absolute;top:3px;right:4px;width:5px;height:5px;border-radius:50%;background:var(--led-on);box-shadow:var(--led-glow)}.bar-btn:disabled{color:var(--text-muted);opacity:.6}.lib>.lib-capture{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:var(--rule-width) solid var(--rule)}.lib>.lib-capture .label{flex:0 0 100%}.lib>.sticker-row{padding-top:var(--space-5)}@media(max-height:959px){.lib>.sticker-row{display:none}}@media(min-width:960px){.bench{container-type:inline-size;overflow-y:auto}.bench .chop{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:var(--space-3)}.bench .chop-main{grid-template-rows:auto minmax(0,1fr) auto auto}.bench .chop-toolbar{order:1}.bench .wave-view{min-height:160px}.bench .slice-list{max-height:104px}.bench .slice-rows{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));column-gap:var(--space-3)}.chop-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@container (min-width: 640px){.bench .chop{grid-template-columns:minmax(0,1fr) 176px;grid-template-rows:minmax(0,1fr);gap:var(--space-4)}.bench .slice-list{max-height:none}.bench .slice-rows{display:block}}.side .insp-wave,.side #open-chop{display:none}.side .insp{position:relative}.side .insp .panel-head{padding-right:104px}.side .insp-actions{position:absolute;top:3px;right:var(--space-3)}.side .insp .panel-body{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"mode knobs" "note note";align-items:start;gap:var(--space-2) var(--space-4);padding:var(--space-2) var(--space-4)}.side .insp-mode{grid-area:mode}.side .insp-note{grid-area:note;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-4)}.side .insp-note>:last-child{grid-column:1 / -1}.side .knob-row{grid-area:knobs;gap:var(--space-3)}}.sticker{display:var(--sticker-display);position:relative;flex:none;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 1px 1px var(--sticker-lift))}.sticker-face{display:grid;gap:2px;padding:9px 14px 11px;background:var(--sticker-bg);color:var(--sticker-ink);box-shadow:var(--sticker-shadow);font:var(--fw-strong) 11px / 1.1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.sticker-face b{font:800 15px / 1 var(--font-ui);letter-spacing:.06em}.sticker.peel .sticker-face{clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%)}.sticker.peel:after{content:"";position:absolute;right:0;bottom:0;width:20px;height:20px;background:linear-gradient(315deg,transparent 50%,var(--sticker-flap) 50%,var(--sticker-flap-shade));filter:drop-shadow(-1px -1px 1px var(--sticker-lift))}.sticker-row{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-2) var(--space-2)}.sticker.warranty{rotate:-5deg}.sticker.round .sticker-face{width:58px;height:58px;padding:0;place-items:center;align-content:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--sticker-flap),var(--sticker-alt-bg) 55%);text-align:center;font-size:10px}.sticker.round .sticker-face b{font-size:14px}.sticker.bits{rotate:9deg;margin-top:-18px}.sticker-row{flex-wrap:wrap;row-gap:var(--space-4)}.sticker-face{position:relative}.sticker.worn .sticker-face:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse 18px 7px at 78% 22%,var(--sticker-scuff),transparent 70%),radial-gradient(ellipse 10px 14px at 12% 80%,var(--sticker-scuff),transparent 70%),radial-gradient(ellipse 26px 5px at 45% 92%,var(--sticker-scuff),transparent 70%)}.sticker.torn{width:196px}.sticker.torn .sticker-face{clip-path:polygon(0 0,63% 0,60% 9%,66% 18%,59% 31%,64% 42%,56% 55%,62% 66%,57% 79%,63% 90%,60% 100%,0 100%)}.sticker-residue{position:absolute;inset:0;background:repeating-linear-gradient(103deg,transparent 0 6px,var(--sticker-scratch) 6px 7px,transparent 7px 13px),repeating-linear-gradient(96deg,transparent 0 10px,var(--sticker-scratch) 10px 11px,transparent 11px 17px),var(--sticker-residue);clip-path:polygon(58% 0,79% 0,84% 14%,77% 27%,88% 41%,80% 52%,91% 66%,82% 78%,86% 100%,58% 100%,60% 85%,56% 70%,61% 52%,55% 33%,61% 14%)}.sticker.asset .sticker-face{width:196px;background:var(--sticker-alt-bg);gap:3px;padding:8px 12px 9px;font-size:10px}.sticker.asset .sticker-face b{font-size:12px}.barcode{height:18px;margin:2px 0;background:repeating-linear-gradient(90deg,var(--sticker-ink) 0 1px,transparent 1px 3px,var(--sticker-ink) 3px 5px,transparent 5px 6px,var(--sticker-ink) 6px 7px,transparent 7px 10px,var(--sticker-ink) 10px 13px,transparent 13px 14px)}.sticker.asset{rotate:2deg}.tape{display:var(--sticker-display);pointer-events:none;-webkit-user-select:none;user-select:none;padding:4px 14px 5px;background:var(--tape-sheen),var(--tape-bg);color:var(--tape-ink);font:800 12px / 1 var(--font-ui);letter-spacing:.24em;text-transform:uppercase;text-shadow:0 1px 0 var(--sticker-lift);clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);rotate:-1.5deg;filter:drop-shadow(0 1px 1px var(--sticker-lift))}@media(max-width:959px){.sticker-row,.tape{display:none}.app{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"transport" "pads" "panel" "tabbar"}.pads-area{grid-area:pads}.lib,.insp,.bench,.deck{grid-area:panel}.side{display:contents}.side>*{background-color:var(--surface-1);background-image:var(--chassis-texture)}.only-desktop{display:none!important}.only-mobile{display:initial}.transport{gap:var(--space-2);min-height:64px;padding:var(--space-2) var(--space-3)}.brand,.transport .vrule{display:none}.lcd-strip{gap:var(--space-3);padding:var(--space-1) var(--space-2);min-height:48px}.readout .value{font-size:var(--fs-lg)}.readout.big .value{font-size:var(--fs-xl)}.btn-transport{width:44px;min-height:44px}.pads-area{container-type:inline-size;padding:var(--space-3)}.pads{width:100%;height:auto;grid-template-rows:none;gap:8px}.pad{aspect-ratio:1;padding:6px 6px 9px}.app:not([data-mtab=pads]) .pad{aspect-ratio:auto;height:var(--pad-min-size);grid-template-rows:auto minmax(0,1fr)}.app:not([data-mtab=pads]) .pad-wave{display:none}.app:not([data-mtab=pads]) .pad-name{align-self:end}.lib,.insp,.bench,.deck{display:none}.app[data-mtab=lib] .lib,.app[data-mtab=pads] .insp,.app[data-mtab=chop] .bench,.app[data-mtab=seq] .deck{display:flex}.deck{height:auto}.chop{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;padding:var(--space-3)}.slice-list{grid-auto-flow:row;max-height:160px}.wave-view{min-height:140px}.tabbar{grid-area:tabbar;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:var(--space-2) var(--space-2) calc(var(--space-2) + env(safe-area-inset-bottom))}.tabbar button{position:relative;border:0;border-radius:var(--radius-sm);background:var(--key-bg);box-shadow:var(--key-shadow);min-height:44px;font:var(--fw-regular) var(--fs-xs) / 1 var(--label-font);letter-spacing:var(--label-tracking);text-transform:var(--label-case);cursor:pointer}.tabbar button .ico{display:none}.tabbar button[aria-selected=true]{background:var(--accent);color:var(--on-accent);box-shadow:var(--key-shadow-pressed)}.seq{padding:var(--space-3)}.seq-row{grid-template-columns:minmax(0,1fr);gap:var(--space-1)}.steps{grid-template-columns:repeat(8,minmax(0,1fr));row-gap:16px}.steps>.step:nth-child(4n+1){margin-left:0}.steps>.step:nth-child(8n+5){margin-left:6px}.step{height:36px}.step-ruler,.status-line{display:none}.file{min-height:44px}}.knob{border:0;background:transparent;padding:0;color:inherit;cursor:ns-resize;touch-action:none}.knob:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px;border-radius:var(--radius-sm)}.readout[data-edit]{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none}.lcd-num input{width:4.2ch;border:0;padding:0;background:transparent;color:inherit;font:inherit;outline:none}.menu{position:relative}.menu>summary{list-style:none}.menu>summary::-webkit-details-marker{display:none}.menu-body{position:absolute;right:0;top:calc(100% + var(--space-2));z-index:5;display:grid;gap:var(--space-3);min-width:240px;padding:var(--space-4);background:var(--surface-1);border:var(--rule-width) solid var(--border-strong);border-radius:var(--radius-md)}.menu-body select,.menu-body input{min-height:32px;padding:0 var(--space-2);background:var(--surface-inset);color:var(--text);border:0;border-radius:var(--radius-sm);font:inherit}.menu-body input{width:5em}.file .fname small{display:block;color:var(--text-muted);font:var(--fs-xs) / 1.2 var(--font-mono);overflow:hidden;text-overflow:ellipsis}.lib-empty{padding:var(--space-4);color:var(--text-muted)}.insp-empty{color:var(--text-muted)}.tune-to{min-height:32px;padding:0 var(--space-2);background:var(--surface-inset);color:var(--text);border:0;border-radius:var(--radius-sm);font:inherit}.pad[data-rec="1"]{outline:2px solid var(--rec);outline-offset:3px}.pad[data-rec="1"] .pad-flag{display:block;background:var(--signal);color:var(--signal-text)}.readout[data-idle="1"] .lcd-num>span{color:var(--lcd-ink-dim)}.chop[data-empty="1"] .wave-view,.chop[data-empty="1"] .overview{opacity:.4}.slice{cursor:pointer}