.grid.svelte-8oc9g{grid-template-columns:repeat(var(--cols), 1fr);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;gap:6px;display:grid}.pad.svelte-8oc9g{aspect-ratio:1.35;min-height:var(--tap-md);background:var(--panel-face-lo);border:1px solid var(--btn-edge);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;touch-action:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px;transition:background 90ms linear,border-color 90ms linear;display:flex;position:relative}.pad.tonic.svelte-8oc9g{color:var(--text);border-color:var(--edge-strong)}.pad.tonic.svelte-8oc9g .note:where(.svelte-8oc9g){color:var(--brand)}.pad.down.svelte-8oc9g{background:var(--brand);border-color:var(--brand);color:var(--graphite-950);box-shadow:0 0 22px -6px var(--brand-glow);transition:none}.pad.down.svelte-8oc9g .note:where(.svelte-8oc9g),.pad.down.svelte-8oc9g .key:where(.svelte-8oc9g){color:var(--graphite-950)}.pad.down.svelte-8oc9g .strip:where(.svelte-8oc9g){background:#00000040}.pad.down.svelte-8oc9g .dot:where(.svelte-8oc9g){background:var(--graphite-950)}.note.svelte-8oc9g{font-family:var(--font-display);letter-spacing:.04em;font-size:14px;font-weight:600;line-height:1}.key.svelte-8oc9g{font-family:var(--font-mono);color:var(--text-faint);text-transform:uppercase;font-size:9px;line-height:1}.strip.svelte-8oc9g{background:#ffffff1a;border-radius:1px;width:62%;height:2px;margin-top:3px;position:relative}.dot.svelte-8oc9g{background:var(--spatial);border-radius:50%;width:5px;height:5px;margin-left:-2.5px;position:absolute;top:-1.5px}@media (height<=560px) and (orientation:landscape){.pad.svelte-8oc9g{aspect-ratio:auto;min-height:var(--tap-sm)}.key.svelte-8oc9g{display:none}}.rig.svelte-njyo9u{flex-direction:column;gap:12px;display:flex}.panel.svelte-njyo9u{background:var(--panel-face);border:1px solid var(--edge);border-radius:var(--radius);flex-direction:column;gap:10px;padding:14px 16px 16px;display:flex}.panel.svelte-njyo9u .lbl:where(.svelte-njyo9u){color:var(--text-faint)}.lbl.faint.svelte-njyo9u{color:var(--text-faint);opacity:.7}.gate.svelte-njyo9u{align-items:center;gap:14px;padding:44px 20px 40px}.gate.svelte-njyo9u h2:where(.svelte-njyo9u){font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;margin:0;font-size:clamp(22px,4vw,30px);font-weight:700}.transport.svelte-njyo9u{flex-flow:wrap;align-items:center;gap:14px}.transport.svelte-njyo9u .slider:where(.svelte-njyo9u){flex:1;min-width:140px;max-width:230px}.transport.svelte-njyo9u .vol:where(.svelte-njyo9u){flex:0 150px;max-width:150px}.play.svelte-njyo9u{flex:none}.lap.svelte-njyo9u{flex:none;width:44px;height:44px;position:relative}.lap.svelte-njyo9u svg:where(.svelte-njyo9u){width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.lap-track.svelte-njyo9u{fill:none;stroke:#ffffff1a;stroke-width:3px}.lap-fill.svelte-njyo9u{fill:none;stroke:var(--brand);stroke-width:3px;stroke-linecap:round}.lap.svelte-njyo9u .num:where(.svelte-njyo9u){color:var(--text);place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.slider.svelte-njyo9u{flex-direction:column;gap:4px;display:flex}.slider.svelte-njyo9u span:where(.svelte-njyo9u){font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);justify-content:space-between;font-size:11.5px;font-weight:600;display:flex}.slider.svelte-njyo9u b:where(.svelte-njyo9u){color:var(--text);letter-spacing:0;font-weight:500}.slider.svelte-njyo9u input:where(.svelte-njyo9u){width:100%;accent-color:var(--brand);height:22px}.seg.svelte-njyo9u{gap:4px;display:flex}.seg.wrap.svelte-njyo9u{flex-wrap:wrap}.bank.svelte-njyo9u{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.bank.svelte-njyo9u .lbl:where(.svelte-njyo9u){margin-right:4px}.oct.svelte-njyo9u{text-align:center;min-width:42px;color:var(--text)}.loophead.svelte-njyo9u{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.lower.svelte-njyo9u{align-items:stretch;gap:12px;display:flex}@media (width<=780px){.lower.svelte-njyo9u{flex-direction:column}}.grow.svelte-njyo9u{flex:1;min-width:0}.radar.svelte-njyo9u{flex:none;align-items:center}.knobs.svelte-njyo9u{flex-wrap:wrap;align-items:flex-end;gap:14px 20px;padding:4px 0;display:flex}.slots.svelte-njyo9u{flex-wrap:wrap;justify-content:center;gap:14px;padding:4px 0;display:flex}.mini.svelte-njyo9u{min-height:var(--tap-sm);background:var(--panel-face-lo);border:1px solid var(--btn-edge);color:var(--btn-text);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-display);letter-spacing:.05em;padding:5px 10px;font-size:12px;font-weight:600}.mini.on.svelte-njyo9u{color:var(--spatial);border-color:var(--spatial)}.mini.key.svelte-njyo9u{min-width:32px;padding:5px 6px}.actions.svelte-njyo9u{flex-wrap:wrap;gap:8px;display:flex}.btn.svelte-njyo9u{min-height:var(--tap-lg);text-align:center;background:var(--panel-face-lo);border:1px solid var(--btn-edge);color:var(--btn-text);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;flex:1;padding:0 14px;font-size:13.5px;font-weight:600}.btn.primary.svelte-njyo9u{background:var(--brand);border-color:var(--brand);color:var(--graphite-950);box-shadow:0 0 22px -8px var(--brand-glow);flex:none;padding:0 26px}.btn.rec.armed.svelte-njyo9u{color:var(--peak);border-color:var(--peak);box-shadow:0 0 18px -6px var(--peak)}.btn.svelte-njyo9u:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.micro.svelte-njyo9u{color:var(--text-faint);margin:0;font-size:12.5px;line-height:1.5}.micro.centre.svelte-njyo9u{text-align:center;align-self:center;max-width:60ch}.micro.svelte-njyo9u b:where(.svelte-njyo9u){color:var(--text-muted);font-weight:600}.toast.svelte-njyo9u{background:var(--surface);border:1px solid var(--peak);color:var(--text);border-radius:var(--radius);box-shadow:var(--lift-3);z-index:10;padding:10px 18px;font-size:14px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}