@font-face{font-family:Lastik;src:url(./LastikFreeFont-Free-DNjm9G1S.woff2)format("woff2");font-display:swap}@font-face{font-family:Instrument Serif;src:url(./InstrumentSerif-Regular-hQFqDc2j.woff2)format("woff2");font-display:swap}@font-face{font-family:Instrument Serif;font-style:italic;src:url(./InstrumentSerif-Italic-Cg4-EJUh.woff2)format("woff2");font-display:swap}@font-face{font-family:Haskoy;src:url(./Haskoy-variable-Bh1GvUIs.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Space Grotesk;src:url(./SpaceGrotesk-variable-CzOCAti0.woff2)format("woff2");font-weight:300 700;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--asm-bg:#17131f;--asm-surface:#221c2d;--asm-surface-raised:#2e263b;--asm-line:#3b3249;--asm-ink:#fff7ee;--asm-muted:#ab9fba;--asm-yellow:#ffd166;--asm-mint:#5fd6b0;--asm-coral:#ff7a5c;--asm-violet:#b991ff;--asm-accent:var(--asm-yellow);--asm-on-accent:var(--asm-bg);--asm-selected:var(--asm-ink);--asm-on-selected:var(--asm-bg);--asm-record:var(--asm-coral);--asm-danger:var(--asm-coral);--asm-success:var(--asm-mint);--asm-focus:var(--asm-accent);--asm-shadow:0 18px 40px #00000073;--asm-backdrop:#00000080;--asm-radius:16px;--asm-radius-sm:12px;--asm-radius-xs:9px;--asm-radius-pill:999px;--asm-space-1:4px;--asm-space-2:6px;--asm-space-3:8px;--asm-space-4:10px;--asm-space-5:12px;--asm-space-6:14px;--asm-space-7:16px;--asm-space-8:28px;--asm-target:44px;--asm-control-sm:36px;--asm-transport:56px;--asm-icon:16px;--asm-focus-width:3px;--asm-focus-offset:2px;--asm-dur-fast:.12s;--asm-dur:.2s;--asm-dur-slow:.45s;--asm-dur-pulse:1s;--asm-ease:ease-out;--asm-font-display:"Lastik", "Instrument Serif", Georgia, serif;--asm-font-serif:"Instrument Serif", Georgia, serif;--asm-font-text:"Haskoy", system-ui, -apple-system, "Segoe UI", sans-serif;--asm-font-control:"Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--asm-text-label:12px;--asm-text-sm:13px;--asm-text-md:14px;--asm-text-value:16px}.asm-icon{width:var(--asm-icon);height:var(--asm-icon);flex:none;display:block}:is(.asm-btn,.asm-icon-btn,.asm-seg>button,.asm-stepper>button,.asm-play,.asm-record,.asm-slider input):focus-visible{outline:var(--asm-focus-width) solid var(--asm-focus);outline-offset:var(--asm-focus-offset)}.asm-ctl-label,.asm-stepper-label{font-family:var(--asm-font-control);font-size:var(--asm-text-label);letter-spacing:.08em;text-transform:uppercase;color:var(--asm-muted);font-weight:500}.asm-panel{gap:var(--asm-space-3);padding:var(--asm-space-4) var(--asm-space-5) var(--asm-space-5);border:1px solid var(--asm-line);border-radius:var(--asm-radius);background:var(--asm-surface);align-content:start;display:grid}.asm-btn,.asm-icon-btn{border:1px solid var(--asm-line);background:var(--asm-surface);color:var(--asm-ink);font:500 var(--asm-text-md) / normal var(--asm-font-control);cursor:pointer;-webkit-tap-highlight-color:transparent;margin:0;text-decoration:none;position:relative}.asm-btn{justify-content:center;align-items:center;gap:var(--asm-space-2);min-height:var(--asm-target);padding:0 var(--asm-space-6);border-radius:var(--asm-radius-pill);white-space:nowrap;display:inline-flex}.asm-btn .asm-icon{stroke-width:1.6px;width:14px;height:14px}.asm-icon-btn{width:var(--asm-target);height:var(--asm-target);border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.asm-icon-btn .asm-icon{width:18px;height:18px}:is(.asm-btn,.asm-icon-btn):hover{background:var(--asm-surface-raised)}.asm-btn[aria-pressed=true],.asm-btn.asm-primary{background:var(--asm-selected);color:var(--asm-on-selected);border-color:var(--asm-selected)}.asm-ghost{background:0 0}.asm-danger{background:var(--asm-danger);color:var(--asm-on-accent);border-color:var(--asm-danger)}.asm-danger:hover{background:color-mix(in srgb, var(--asm-danger) 85%, var(--asm-ink))}:is(.asm-btn,.asm-icon-btn):disabled{opacity:.4;cursor:default;background:var(--asm-surface);color:var(--asm-ink);border-color:var(--asm-line)}.asm-btn.asm-sm{min-height:var(--asm-control-sm);padding:0 var(--asm-space-4)}.asm-icon-btn.asm-sm{width:var(--asm-control-sm);height:var(--asm-control-sm)}:is(.asm-btn,.asm-icon-btn).asm-sm:disabled{opacity:.5;background:var(--asm-surface);color:var(--asm-ink);border-color:var(--asm-line)}:is(.asm-btn,.asm-icon-btn).asm-sm:after{content:"";width:max(100%, var(--asm-target));height:max(100%, var(--asm-target));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.asm-seg{gap:var(--asm-space-1);padding:var(--asm-space-1);border-radius:var(--asm-radius-sm);background:var(--asm-bg);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:inline-grid}.asm-seg>button{justify-content:center;align-items:center;gap:var(--asm-space-2);min-width:var(--asm-target);min-height:var(--asm-target);padding:0 var(--asm-space-4);border-radius:var(--asm-radius-xs);color:var(--asm-ink);font:500 var(--asm-text-md) / normal var(--asm-font-control);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;display:inline-flex}.asm-seg>button .asm-icon{width:14px;height:14px}.asm-seg>button:hover{background:var(--asm-surface-raised)}.asm-seg>button[aria-checked=true]{background:var(--asm-selected);color:var(--asm-on-selected)}.asm-stepper{grid-template-columns:40px minmax(0,1fr) 40px;grid-template-rows:auto var(--asm-target);padding:var(--asm-space-2) 2px 2px;border:1px solid var(--asm-line);border-radius:var(--asm-radius);background:var(--asm-surface);color:var(--asm-ink);align-items:center;display:grid}.asm-stepper[data-active]{border-color:var(--asm-accent)}.asm-stepper-label{text-align:center;grid-column:1/-1}.asm-stepper>button{height:var(--asm-target);border-radius:var(--asm-radius-sm);color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;margin:0;padding:0;display:grid;position:relative}.asm-stepper>button:after{content:"";inset:0 min(0px, calc((100% - var(--asm-target)) / 2));position:absolute}.asm-stepper>button .asm-icon{width:16px;height:16px}.asm-stepper>button:hover{background:var(--asm-surface-raised)}.asm-stepper>button:active{background:var(--asm-line)}.asm-stepper>button:disabled{opacity:.4;cursor:default;background:0 0}.asm-stepper output{text-align:center;font:600 var(--asm-text-value) / 1.1 var(--asm-font-control);overflow-wrap:normal;-webkit-hyphens:none;hyphens:none}.asm-stepper.asm-small{grid-template-rows:var(--asm-target);padding:2px}.asm-stepper.asm-small output{white-space:nowrap}@media (width<=560px){.asm-stepper{grid-template-columns:28px minmax(0,1fr) 28px}.asm-stepper output{font-size:var(--asm-text-sm)}}.asm-slider{align-items:center;gap:var(--asm-space-3);min-height:var(--asm-target);display:flex}.asm-transport>.asm-slider{flex:200px}.asm-slider input{min-width:80px;height:32px;accent-color:var(--asm-accent);flex:1}.asm-slider output{text-align:right;min-width:3ch;font-family:var(--asm-font-control);font-size:var(--asm-text-value);font-weight:600}.asm-transport{align-items:center;gap:var(--asm-space-3);flex-wrap:wrap;display:flex}.asm-play,.asm-record{width:var(--asm-transport);height:var(--asm-transport);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:50%;flex:none;place-items:center;margin:0;padding:0;display:grid}.asm-play .asm-icon,.asm-record .asm-icon{fill:currentColor;width:24px;height:24px}.asm-play{background:var(--asm-accent);color:var(--asm-on-accent);border:0}.asm-play .asm-icon-stop,.asm-play[aria-pressed=true] .asm-icon-play{display:none}.asm-play[aria-pressed=true] .asm-icon-stop{display:block}.asm-play[aria-pressed=true]{background:var(--asm-selected)}.asm-record{border:1px solid var(--asm-line);background:var(--asm-surface-raised);color:var(--asm-record)}.asm-record[aria-pressed=true]{background:var(--asm-record);color:var(--asm-ink);animation:asm-recording var(--asm-dur-pulse) ease-in-out infinite alternate}@keyframes asm-recording{to{background:color-mix(in srgb, var(--asm-record) 60%, var(--asm-surface))}}:is(.asm-play,.asm-record):disabled{opacity:.4;cursor:default}.asm-menu{z-index:30;gap:var(--asm-space-3);min-width:200px;padding:var(--asm-space-5);border:1px solid var(--asm-line);border-radius:var(--asm-radius);background:var(--asm-surface);color:var(--asm-ink);font-family:var(--asm-font-text);box-shadow:var(--asm-shadow);display:grid;position:fixed}.asm-menu[hidden],.asm-save[hidden]{display:none}.asm-menu .asm-btn{justify-content:center}.asm-save{align-items:center;gap:var(--asm-space-1);display:inline-flex}.asm-save-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.asm-save-mark{display:inline-flex}.asm-save-pill .asm-save-mark>.asm-icon{stroke-width:1.8px;width:18px;height:18px}.asm-save-more .asm-icon{width:var(--asm-icon);height:var(--asm-icon)}.asm-save-pill[data-status=unsaved] .asm-save-mark{color:var(--asm-accent)}.asm-save-pill[data-status=saved] .asm-save-mark{color:var(--asm-success)}.asm-save-pill[data-status=failed] .asm-save-mark{color:var(--asm-danger)}.asm-save-pill[data-status=offline] .asm-save-mark{color:var(--asm-muted)}.asm-save-pill[data-status=saving] .asm-save-mark{animation:asm-saving var(--asm-dur-pulse) ease-in-out infinite alternate}@keyframes asm-saving{to{opacity:.35}}.asm-btn.asm-account{padding:0 var(--asm-space-5)}.asm-btn.asm-account.signed-in{padding:0 var(--asm-space-4) 0 var(--asm-space-1)}.asm-btn.asm-account:disabled{opacity:.4}.asm-avatar{background:var(--asm-accent);width:28px;height:28px;color:var(--asm-on-accent);font-size:var(--asm-text-md);border-radius:50%;place-items:center;font-weight:700;display:grid}.asm-avatar .asm-icon{stroke-width:2px;width:16px;height:16px}.asm-account-label{text-overflow:ellipsis;max-width:14ch;overflow:hidden}.asm-account-who{margin:0 0 var(--asm-space-1);overflow-wrap:anywhere;gap:2px;display:grid}.asm-account-who small{color:var(--asm-muted)}.asm-header{align-items:center;gap:var(--asm-space-6);min-height:32px;display:flex}.asm-brand{align-items:center;gap:var(--asm-space-3);flex:0 auto;min-width:0;display:flex}.asm-header .mark{width:20px;height:20px;color:var(--asm-accent);display:block}.asm-header h1{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--asm-font-display);letter-spacing:.01em;margin:0;font-size:22px;font-weight:400;line-height:1;overflow:hidden}.asm-tagline{font-family:var(--asm-font-serif);color:var(--asm-muted);white-space:nowrap;margin:0;font-size:17px;line-height:1}.asm-tagline em{color:var(--asm-ink)}.asm-header-actions{align-items:center;gap:var(--asm-space-2);flex:none;margin-left:auto;display:flex}@media (width<=720px){.asm-tagline{display:none}}@media (width<=560px){.asm-header{gap:var(--asm-space-3)}.asm-header h1{font-size:19px}.asm-save-pill:is([data-status=none],[data-status=unsaved],[data-status=saved],[data-status=offline],[data-status=refused],:not([data-status]))>.asm-label,.asm-account.signed-in .asm-account-label{display:none}.asm-btn.asm-account.signed-in{padding:0 var(--asm-space-1)}}@media (prefers-reduced-motion:reduce){.asm-record[aria-pressed=true],.asm-save-pill[data-status=saving] .asm-save-mark{animation:none}}.sb-backdrop{z-index:40;touch-action:none;background:#00000080;position:fixed;inset:0}.sb-backdrop[hidden],.sb-drawer[hidden]{display:none}.sb-drawer{z-index:40;box-sizing:border-box;background:var(--asm-surface,var(--bg-2,var(--bg,#222)));width:min(88vw,360px);color:var(--asm-ink,var(--ink));border-radius:0 18px 18px 0;flex-direction:column;padding:14px 14px 0;transition:transform .18s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(0)}@starting-style{.sb-drawer{transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){.sb-drawer{transition:none}}.sb-scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.sb-head{flex:none;justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.sb-title{margin:0;font-size:17px;font-weight:900}.sb-close,.sb-delete{min-width:44px;min-height:44px;color:var(--asm-muted,var(--muted));font:inherit;cursor:pointer;background:0 0;border:0}.sb-new{width:100%;min-height:46px;color:var(--asm-ink,var(--ink,currentColor));box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--asm-ink,var(--ink,currentColor)) 30%, transparent);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;margin-bottom:8px;padding:0 20px;font-size:16px;font-weight:800;transition:transform 80ms;display:flex}.sb-new:active{transform:scale(.95)}.sb-extras{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.sb-extras:empty{display:none}.sb-status,.sb-empty{color:var(--asm-muted,var(--muted));margin:4px 0;font-size:12px;font-weight:600}.sb-status[hidden],.sb-empty[hidden]{display:none}.sb-list{margin:0;padding:0;list-style:none}.sb-row{border-radius:12px;align-items:center;min-height:44px;display:flex}.sb-row.current{background:color-mix(in srgb, currentColor 10%, transparent)}.sb-open{min-width:0;min-height:44px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;grid-template-columns:64px 1fr auto;grid-template-areas:"preview name badges""preview time time";align-items:center;column-gap:10px;padding:4px 6px;display:grid}.sb-preview{background:color-mix(in srgb, currentColor 10%, transparent);border-radius:6px;grid-area:preview;width:64px;height:32px;overflow:hidden}.sb-preview-glyph{opacity:.6;justify-content:center;align-items:center;height:100%;font-size:16px;display:flex}.sb-name{text-overflow:ellipsis;white-space:nowrap;grid-area:name;font-weight:800;overflow:hidden}.sb-badges{opacity:.6;grid-area:badges;gap:4px;font-size:12px;display:flex}.sb-time{color:var(--asm-muted,var(--muted));grid-area:time;font-size:12px;font-weight:600}.sb-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sb-icon{flex:none;width:16px;height:16px;display:block}.sb-close,.sb-delete{place-items:center;display:inline-grid}.sb-new{gap:8px}.sb-badges .sb-icon{width:14px;height:14px}.sb-preview-glyph .sb-icon{width:18px;height:18px}.sb-machines{padding:8px 14px calc(8px + env(safe-area-inset-bottom,0px));border-top:1px solid color-mix(in srgb, currentColor 14%, transparent);flex:none;margin:8px -14px 0}.sb-machines-title{letter-spacing:.08em;text-transform:uppercase;color:var(--asm-muted,var(--muted));margin:0 0 2px;font-size:11px;font-weight:800}.sb-machines-list{margin:0;padding:0;list-style:none}.sb-machine{min-height:44px;color:inherit;border-radius:10px;align-items:center;gap:10px;padding:0 6px;font-size:14px;font-weight:700;text-decoration:none;display:flex}a.sb-machine,.sb-machines-all{opacity:.75}a.sb-machine:hover,.sb-machines-all:hover{opacity:1}.sb-machine.current{background:color-mix(in srgb, currentColor 10%, transparent)}.sb-machine-symbol{flex:none;width:20px;height:20px;display:inline-flex}.sb-symbol{width:20px;height:20px}.sb-machines-foot{color:var(--asm-muted,var(--muted));justify-content:space-between;align-items:center;gap:8px;padding:0 6px;font-size:12px;font-weight:600;display:flex}.sb-machines-all{min-height:44px;color:inherit;text-underline-offset:3px;align-items:center;text-decoration:underline;display:inline-flex}.sb-machine:focus-visible,.sb-machines-all:focus-visible{outline:2px solid var(--asm-ink,var(--ink,currentColor));outline-offset:2px}:root{--asm-accent:var(--asm-mint);--asm-on-accent:#0c1d17;--asm-focus:var(--asm-mint);--bg:var(--asm-bg);--panel:var(--asm-surface);--raised:var(--asm-surface-raised);--line:var(--asm-line);--ink:var(--asm-ink);--muted:var(--asm-muted);--accent:var(--asm-mint);--lock:var(--asm-violet);--comp:var(--asm-yellow);--aux:var(--asm-coral);--rec:var(--asm-record);--screen:#0d0b12;--screen-line:#2a2335;--k1:#5d5469;--k2:#8f85a0;--k3:#cbc2d6;--k4:var(--asm-ink);--ctl:var(--asm-font-control);--radius:var(--asm-radius);--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--gutter:16px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--asm-font-text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;overflow-x:clip}[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}button:disabled{cursor:default}:focus-visible{outline:var(--asm-focus-width) solid var(--asm-focus);outline-offset:var(--asm-focus-offset)}svg{display:block}.app{max-width:1240px;padding:calc(8px + var(--safe-t)) var(--gutter) calc(14px + var(--safe-b));grid-template-columns:minmax(0,1fr);gap:12px;margin:0 auto;display:grid}.machine{border:1px solid var(--line);background:linear-gradient(180deg, color-mix(in srgb, var(--panel) 92%, white 8%), var(--panel) 120px);min-width:0;box-shadow:0 1px 0 #ffffff0a inset, var(--asm-shadow);border-radius:22px;gap:10px;padding:12px;display:grid}.deck{gap:12px;min-width:0;display:grid}.panel-side{align-content:start;gap:10px;min-width:0;display:grid}@media (width>=980px){.deck{grid-template-columns:minmax(0,1fr) 372px}.screen{height:316px}.screen-body{overscroll-behavior:contain;overflow-y:auto}}.noscript{color:var(--muted);margin:24px}.hint{color:var(--muted);text-align:center;margin:0;font-size:13px;line-height:1.7}.hint kbd{border:1px solid var(--line);min-width:1.6em;font:500 12px/1.5 var(--ctl);color:var(--ink);text-align:center;border-bottom-width:2px;border-radius:6px;padding:0 5px;display:inline-block}.touch-only{display:none}@media (hover:none) and (pointer:coarse),(width<=560px){.desktop-only{display:none}.touch-only{display:inline}}.transport{gap:10px}.transport .asm-record[data-shift]{color:var(--ink);border-color:var(--ink)}.tempo-btn{border:1px solid var(--line);border-radius:var(--asm-radius-sm);background:var(--screen);min-width:112px;min-height:56px;font-family:var(--ctl);text-align:left;align-content:center;justify-items:start;padding:4px 14px;display:grid}.tempo-btn[aria-pressed=true]{border-color:var(--accent)}.tempo-bpm{font-variant-numeric:tabular-nums;font-size:22px;font-weight:600;line-height:1.1}.tempo-bpm:after{content:" BPM";letter-spacing:.08em;color:var(--muted);font-size:11px;font-weight:500}.tempo-groove{color:var(--muted);white-space:nowrap;font-size:12px}#shift[data-latched]{background:var(--ink);color:var(--bg)}#shift[aria-pressed=true]:not([data-latched]){border-color:var(--ink)}.position{min-width:6ch;font:600 15px var(--ctl);font-variant-numeric:tabular-nums;color:var(--muted);text-align:right;margin-left:auto}.tracks{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px;display:grid}.track-set{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;min-width:0;display:grid}.tracks .auxs,.tracks[data-aux] .inst{display:none}.tracks[data-aux] .auxs{display:grid}.track{gap:4px;min-width:0;display:grid}.track-sel{border:1px solid var(--line);background:var(--raised);min-height:44px;font-family:var(--ctl);text-align:left;border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;padding:4px 14px 4px 8px;display:grid;position:relative;overflow:hidden}.track-sel[aria-pressed=true]{border-color:var(--ink);background:color-mix(in srgb, var(--raised) 70%, var(--ink) 12%)}.track-sel[data-silent]{opacity:.5}.track-num{background:var(--bg);border-radius:6px;place-items:center;width:22px;height:22px;font-size:12px;font-weight:600;display:grid}.track-sel[aria-pressed=true] .track-num{background:var(--ink);color:var(--bg)}.track-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.track-meter{background:var(--bg);border-radius:2px;width:4px;position:absolute;top:6px;bottom:6px;right:6px;overflow:hidden}.track-meter-fill{background:var(--accent);transform-origin:bottom;transform:scaleY(var(--level,0));position:absolute;inset:0}.track-ms-row{grid-template-columns:1fr 1fr;gap:4px;display:grid}.track-ms{border:1px solid var(--line);background:var(--bg);min-height:26px;font:600 11px var(--ctl);color:var(--muted);border-radius:7px}.track-ms[data-mute][aria-pressed=true]{background:var(--rec);border-color:var(--rec);color:var(--bg)}.track-ms[data-solo][aria-pressed=true]{background:var(--comp);border-color:var(--comp);color:var(--bg)}.track-sel.aux{border-color:color-mix(in srgb, var(--aux) 45%, var(--line))}.track-sel.aux .track-num{background:color-mix(in srgb, var(--aux) 25%, var(--bg));color:var(--aux)}.track-sel.aux[aria-pressed=true]{border-color:var(--aux);background:color-mix(in srgb, var(--aux) 18%, var(--raised))}.track-sel.aux[aria-pressed=true] .track-num{background:var(--aux);color:var(--bg)}.tracks[data-aux] .auxs .track-sel{min-height:74px}.aux-toggle{border:1px solid color-mix(in srgb, var(--aux) 50%, var(--line));min-width:56px;color:var(--aux);font:600 13px var(--ctl);border-radius:10px;padding:0 10px}.aux-toggle[aria-pressed=true]{background:var(--aux);color:var(--bg)}.screen{border:1px solid var(--screen-line);background:var(--screen);min-width:0;font-family:var(--ctl);border-radius:14px;grid-template-rows:auto minmax(0,1fr) auto;padding:10px 12px 6px;display:grid;box-shadow:inset 0 2px 14px #0000008c}.screen[data-recording]{border-color:color-mix(in srgb, var(--rec) 60%, var(--screen-line))}.screen[data-lock-mode]{border-color:color-mix(in srgb, var(--lock) 60%, var(--screen-line))}.screen-bar{border-bottom:1px solid var(--screen-line);align-items:baseline;gap:10px;min-width:0;padding-bottom:8px;display:flex}.screen-mode{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent);letter-spacing:.08em;text-transform:uppercase;border-radius:5px;flex:none;padding:2px 7px;font-size:11px;font-weight:600}.screen[data-mode=aux] .screen-mode{background:color-mix(in srgb, var(--aux) 20%, transparent);color:var(--aux)}.screen[data-lock-mode] .screen-mode{background:color-mix(in srgb, var(--lock) 22%, transparent);color:var(--lock)}.screen-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;font-weight:500;overflow:hidden}.screen-rec{color:var(--rec);letter-spacing:.12em;margin-left:auto;font-size:11px;font-weight:700}.screen-body{min-height:0;padding-top:10px;display:grid}.screen-status{min-height:18px;color:var(--muted);margin:4px 0 0;font-size:12px}.page{flex-direction:column;gap:10px;min-width:0;min-height:0;display:flex}.page-head{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.page-head>.asm-seg{max-width:100%}.screen .asm-seg{background:#1a1621}.screen .asm-seg.screen-seg{flex:100%;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));grid-auto-flow:row;display:grid}.page-desc,.page-note{color:var(--muted);margin:0;font-size:13px;line-height:1.4}.page-desc{flex:220px}.page-visual{flex:auto;min-height:92px;position:relative}.page-canvas,.lane{width:100%;height:100%;position:absolute;inset:0}.pickers{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.chip-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.labelled{gap:4px;display:grid}.screen .asm-stepper.asm-small output{text-align:center;min-width:9ch}.screen-done{margin-left:auto}.tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:auto;display:grid}.tile{--kc:var(--k1);background:#16131c;border-radius:8px;gap:3px;min-width:0;padding:6px 8px 7px;display:grid}.tile[data-k="1"]{--kc:var(--k2)}.tile[data-k="2"]{--kc:var(--k3)}.tile[data-k="3"]{--kc:var(--k4)}.tile[data-empty]{visibility:hidden}.tile-label{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:600;overflow:hidden}.tile-value{text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--ink);font-size:15px;font-weight:600;overflow:hidden}.tile-label:before{content:"";background:var(--kc);border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block;box-shadow:0 0 0 1px #ffffff1f}.tile[data-locked] .tile-value{color:var(--lock)}.tile-bar{background:#2a2433;border-radius:2px;height:3px;position:relative;overflow:hidden}.tile-fill{background:var(--kc);transform-origin:0;transform:scaleX(var(--v,0));position:absolute;inset:0}.tile[data-locked] .tile-fill{background:var(--lock)}.screen[data-page=sequence] .page-visual{min-height:170px}.channels{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;width:100%;display:grid}.ch{gap:4px;display:grid}.ch-bar{background:#16131c;border-radius:7px;height:84px;position:relative;overflow:hidden}.ch[data-selected] .ch-bar{outline:2px solid var(--ink);outline-offset:-2px}.ch-fill{height:calc(var(--v,0) * 100%);border-top:3px solid var(--ink);background:color-mix(in srgb, var(--ink) 8%, transparent);position:absolute;bottom:0;left:0;right:0}.ch-meter{background:var(--accent);transform-origin:bottom;height:100%;transform:scaleY(var(--m,0));border-radius:2px 2px 0 0;position:absolute;bottom:0;left:30%;right:30%}.ch-db{font-variant-numeric:tabular-nums;color:var(--muted);text-align:center;font-size:10px;font-weight:600;position:absolute;top:4px;left:0;right:0}.ch-num{text-align:center;font-size:12px;font-weight:600;position:absolute;bottom:4px;left:0;right:0}.ch-btn{min-height:30px;color:var(--muted);background:#16131c;border-radius:6px;font-size:11px;font-weight:600}.ch-btn[data-mix-mute][aria-pressed=true]{background:var(--rec);color:var(--bg)}.ch-btn[data-mix-solo][aria-pressed=true]{background:var(--comp);color:var(--bg)}.step-notes{flex:auto;margin:0;font-size:15px;font-weight:500}.step-head .asm-stepper.asm-small output{min-width:8ch}.step-page{gap:8px}.step-page .comp{min-height:40px}.comp-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.comp{border:1px solid var(--screen-line);text-align:center;background:#16131c;border-radius:7px;align-content:center;gap:1px;min-height:44px;padding:3px 4px;display:grid}.comp-name{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px;font-weight:500;overflow:hidden}.comp-val{text-overflow:ellipsis;white-space:nowrap;min-height:1.2em;color:var(--comp);font-size:12px;font-weight:600;overflow:hidden}.comp[aria-pressed=true]{border-color:color-mix(in srgb, var(--comp) 60%, transparent)}.comp[aria-pressed=true] .comp-name{color:var(--ink)}.comp[data-focus]{background:color-mix(in srgb, var(--comp) 18%, #16131c);border-color:var(--comp)}.vk-row{grid-template-columns:auto repeat(10,minmax(0,1fr)) auto;align-items:stretch;gap:4px;display:grid}.vk-title{color:var(--comp);align-self:center;padding-right:4px;font-size:12px;font-weight:600}.vk{background:#16131c;border-radius:7px;align-content:center;min-height:44px;padding:2px;display:grid}.vk-key{font-size:13px;font-weight:700}.vk-label{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:9px;overflow:hidden}.vk[aria-pressed=true]{background:var(--comp);color:var(--bg)}.vk[aria-pressed=true] .vk-label{color:var(--bg)}.locks-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.locks{flex-wrap:wrap;flex:auto;gap:6px;display:flex}.lock-chip{border:1px solid color-mix(in srgb, var(--lock) 55%, transparent);min-height:32px;color:var(--muted);border-radius:999px;align-items:baseline;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.lock-chip strong{color:var(--lock);font-weight:600}.locks-empty{color:var(--muted);font-size:12px}.bar-top{flex-wrap:wrap;align-items:end;gap:10px;width:100%;display:flex}.tempo-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.tempo-big{align-items:baseline;gap:10px;display:flex}.big-bpm{font-variant-numeric:tabular-nums;font-size:64px;font-weight:600;line-height:1}.big-groove{color:var(--muted);font-size:14px}.pg-grid{gap:3px;display:grid}.pg-row{grid-template-columns:26px repeat(16,minmax(0,1fr));gap:3px;display:grid}.pg-track{color:var(--muted);border-radius:5px;font-size:11px;font-weight:600}.pg-row[data-selected] .pg-track{background:var(--ink);color:var(--bg)}.pg-cell{background:#221d2a;border-radius:4px;min-height:18px}.pg-cell[data-empty]{background:#16131c}.pg-cell[aria-pressed=true]{background:var(--accent)}.pg-cell[data-queued]{outline:2px solid var(--accent);outline-offset:-2px;animation:.5s steps(2,end) infinite blink}@keyframes blink{50%{outline-color:#0000}}.placeholder{place-items:center;min-height:160px;display:grid}.placeholder-text{max-width:44ch;color:var(--muted);text-align:center;margin:0;font-size:14px;line-height:1.5}.panel-side .modes{width:100%;display:grid}.panel-side .modes>button{padding:0 6px;font-size:13px}.modules{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px;display:grid}.mod{border:1px solid var(--line);background:var(--raised);min-height:52px;font-family:var(--ctl);border-radius:10px;align-content:center;justify-items:center;gap:2px;padding:4px 2px;display:grid}.mod-tag{font-size:12px;font-weight:700}.mod-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--muted);font-size:10px;overflow:hidden}.mod[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.mod[aria-pressed=true] .mod-name{color:color-mix(in srgb, var(--bg) 70%, var(--muted))}.mod[data-aux][aria-pressed=true]{background:var(--aux);border-color:var(--aux)}.encoders{background:color-mix(in srgb, var(--bg) 70%, var(--panel));border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:10px 6px 8px;display:grid}.knob{cursor:ns-resize;touch-action:none;min-width:0;font-family:var(--ctl);--kc:var(--k1);--kp:var(--ink);border-radius:12px;justify-items:center;gap:2px;padding:2px;display:grid}.knob[data-knob="1"]{--kc:var(--k2)}.knob[data-knob="2"]{--kc:var(--k3);--kp:var(--bg)}.knob[data-knob="3"]{--kc:var(--k4);--kp:var(--bg)}.knob-ring{width:64px;height:64px}.knob-cap{fill:var(--kc);filter:drop-shadow(0 2px 3px #00000080)}.knob-track,.knob-arc{fill:none;stroke-width:4px;stroke-linecap:round}.knob-track{stroke:#2a2433}.knob-arc{stroke:var(--kc)}.knob-pointer{stroke:var(--kp);stroke-width:3px;stroke-linecap:round}.knob-label{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.06em;text-transform:uppercase;max-width:100%;color:var(--muted);font-size:11px;font-weight:600;overflow:hidden}.knob-value{text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;max-width:100%;min-height:1.3em;font-size:13px;font-weight:600;overflow:hidden}.knob[data-empty],.knob[aria-disabled=true]{cursor:default;opacity:.3}.knob[data-empty] .knob-pointer{display:none}.knob[data-lock-mode]:not([aria-disabled=true]) .knob-arc,.knob[data-locked] .knob-arc{stroke:var(--lock)}.knob[data-locked] .knob-value{color:var(--lock)}.knob[data-dragging] .knob-value{color:var(--ink)}.sequence{gap:8px;display:grid}.seq-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bars{gap:4px;display:flex}.bar,.bar-page-btn{border:1px solid var(--line);background:var(--raised);min-width:44px;min-height:36px;font:600 13px var(--ctl);border-radius:8px}.bar-page-btn{padding:0 12px}.bar[aria-pressed=true],.bar-page-btn[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.bar[data-outside]{color:var(--muted);background:0 0;border-style:dashed}.seq-info{color:var(--muted);font:500 12px var(--ctl)}.pattern-pick{align-items:center;gap:4px;margin-left:auto;display:flex}#pattern-value{min-width:4ch;font:600 15px var(--ctl);text-align:center}#pattern-value[data-queued]{color:var(--accent)}.steps{grid-template-columns:repeat(16,minmax(0,1fr));gap:6px;display:grid}.step{border:1px solid var(--line);background:var(--raised);touch-action:none;min-width:0;height:54px;font-family:var(--ctl);transition:background-color var(--asm-dur-fast) var(--asm-ease), transform var(--asm-dur-fast) var(--asm-ease);border-radius:10px;display:grid;position:relative;box-shadow:0 2px #00000059}.step:nth-child(4n+1){border-top-color:color-mix(in srgb, var(--ink) 35%, var(--line))}.step:active:not(:disabled){transform:translateY(1px)}.step-led{background:#13101a;border-radius:2px;width:14px;height:4px;margin-left:-7px;position:absolute;top:8px;left:50%}.step-num{color:var(--muted);place-self:end start;padding:0 0 5px 7px;font-size:11px;font-weight:600}.step-marks{align-items:center;gap:3px;display:flex;position:absolute;bottom:6px;right:6px}.mark-lock{background:var(--lock);border-radius:50%;width:7px;height:7px;display:none}.step[data-lock] .mark-lock{display:block}.mark-comp[data-dot]{background:var(--comp);border-radius:2px;width:10px;height:5px}.mark-comp{color:var(--comp);font-size:10px;font-weight:700}.step[data-on]{background:color-mix(in srgb, var(--ink) 86%, var(--raised));border-color:var(--ink)}.step[data-on] .step-num{color:color-mix(in srgb, var(--bg) 70%, var(--muted))}.step[data-on] .mark-comp{color:#8a6400}.step[data-on] .step-led{background:#b9b1c2}.step[data-pad] .step-led{background:var(--accent)}.step[data-playing]{box-shadow:0 0 0 2px var(--accent), 0 0 16px color-mix(in srgb, var(--accent) 45%, transparent)}.step[data-playing] .step-led{background:var(--accent)}.step[data-selected]{outline:3px solid var(--lock);outline-offset:2px}.step[data-target]{outline:2px dashed var(--accent);outline-offset:2px}.step[data-beyond]{opacity:.25}.keys{gap:8px;display:grid}.keys-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.keys-label{color:var(--muted);font:500 12px var(--ctl);letter-spacing:.06em;text-transform:uppercase}.piano{--whites:14;touch-action:none;gap:3px;height:118px;display:flex;position:relative}.key.white{background:linear-gradient(180deg, #e8e1ee, var(--ink));color:#6c6278;font:600 10px var(--ctl);border-radius:0 0 8px 8px;flex:1 1 0;justify-content:center;align-items:end;padding-bottom:6px;display:flex}.key.black{z-index:1;--ww:calc((100% - (var(--whites) - 1) * 3px) / var(--whites));width:calc(var(--ww) * .62);height:62%;top:0;left:calc(var(--w) * (var(--ww) + 3px) - 1.5px - var(--ww) * .31);background:linear-gradient(#2c2534,#120f17);border:1px solid #0b090e;border-radius:0 0 6px 6px;position:absolute}.key.white[data-last],.key.black[data-last]{box-shadow:inset 0 -4px 0 var(--accent)}.key.white[data-held]{background:var(--accent);color:var(--bg)}.key.black[data-held]{background:var(--accent)}.pads{touch-action:none;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;display:grid}.pad{border:1px solid var(--line);background:var(--raised);min-width:0;min-height:46px;font-family:var(--ctl);text-align:left;border-radius:8px;align-content:space-between;padding:4px 6px;display:grid}.pad-num{color:var(--muted);font-size:10px;font-weight:600}.pad-name{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;overflow:hidden}.pad[data-selected]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.pad[data-held]{background:var(--accent);color:var(--bg)}.pad[data-held] .pad-num{color:var(--bg)}.confirm-dialog{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);width:min(92vw,380px);color:var(--ink);box-shadow:var(--asm-shadow);padding:18px}.confirm-dialog::backdrop{background:var(--asm-backdrop)}.confirm-dialog form{margin:0}.confirm-dialog-title{font-family:var(--ctl);margin:0 0 6px;font-size:17px;font-weight:600}.confirm-dialog-text{color:var(--muted);margin:0 0 14px;font-size:15px}.confirm-dialog-text:empty{display:none}.confirm-dialog input{border:1px solid var(--line);background:var(--bg);width:100%;min-height:44px;color:var(--ink);font:inherit;-webkit-user-select:text;user-select:text;border-radius:12px;margin:0 0 14px;padding:0 12px}.confirm-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.confirm-dialog .pill{border:1px solid var(--line);min-height:44px;font-family:var(--ctl);border-radius:999px;padding:0 16px;font-weight:500}.confirm-dialog .pill.rec-pill{background:var(--ink);color:var(--bg);border-color:var(--ink)}.confirm-dialog .pill.ghost{background:0 0}.strip-toggles{gap:6px;display:grid}.sel-ms{display:none}#track-mute[aria-pressed=true]{background:var(--rec);border-color:var(--rec);color:var(--bg)}#track-solo[aria-pressed=true]{background:var(--comp);border-color:var(--comp);color:var(--bg)}.link-toggle{border-color:color-mix(in srgb, var(--accent) 50%, var(--line));color:var(--accent)}.link-toggle[aria-pressed=true]{background:var(--accent);color:var(--bg)}.track-sel[data-linked]:before{content:"";background:var(--accent);border-radius:2px;height:3px;position:absolute;bottom:3px;left:8px;right:14px}.tracks[data-linking] .track-sel:not([aria-pressed=true]){border-style:dashed;border-color:var(--accent)}.step[data-step-rec]{outline:3px solid var(--rec);outline-offset:2px}.screen[data-step-rec]{border-color:color-mix(in srgb, var(--rec) 60%, var(--screen-line))}.transport .asm-record[data-step-rec]{background:color-mix(in srgb, var(--rec) 25%, var(--raised));border-color:var(--rec)}.mic-rec{border-radius:999px;min-height:44px;padding:0 14px}.mic-dot{background:var(--rec);border-radius:50%;width:10px;height:10px}.mic-rec[aria-pressed=true]{background:var(--rec);border-color:var(--rec);color:var(--bg)}.mic-rec[aria-pressed=true] .mic-dot{background:var(--bg)}.mic-meter{background:#00000059;border-radius:3px;width:44px;height:6px;display:none;position:relative;overflow:hidden}.mic-rec[aria-pressed=true] .mic-meter{display:block}.mic-fill{background:var(--bg);transform-origin:0;transform:scaleX(var(--level,0));position:absolute;inset:0}.sample-what{margin:0;font-size:14px}.sampler-page[data-drop]{outline:2px dashed var(--accent);outline-offset:4px;border-radius:8px}.sampler-page[data-busy]{cursor:progress}.slots{grid-template-columns:repeat(12,minmax(0,1fr));gap:3px;display:grid}.slot{min-height:28px;color:var(--muted);background:#16131c;border-radius:5px;font-size:11px;font-weight:600}.slot[data-sampled]{background:color-mix(in srgb, var(--accent) 35%, #16131c);color:var(--ink)}.slot[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:-2px}.zones{flex-wrap:wrap;gap:6px;display:flex}.zone{border:1px solid var(--screen-line);color:var(--muted);border-radius:999px;padding:4px 10px;font-size:12px}.zone strong{color:var(--accent);font-weight:600}.pad-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.screen .pad-tools .asm-seg.screen-seg{flex:0 auto;grid-template-columns:repeat(4,minmax(72px,1fr))}.screen .project-page .page-head .asm-seg.screen-seg{flex:260px}.privacy{font-size:12px}.project-body{align-content:start;gap:10px;display:grid}.project-name{margin:0 6px 0 0;font-size:20px;font-weight:600}.select{border:1px solid var(--line);border-radius:var(--asm-radius-xs);width:100%;min-width:0;min-height:44px;color:var(--ink);font:500 14px var(--ctl);background:#16131c;padding:0 10px}.midi-devices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.midi-channels{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.midi-channels .asm-stepper.asm-small output{min-width:5ch}.first-run{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 12px;margin:-2px 0 0;font-size:14px;display:flex}.first-run p{margin:0}.step-hint{border-left:3px solid var(--comp);background:color-mix(in srgb, var(--comp) 8%, transparent);border-radius:6px;flex-wrap:wrap;align-items:center;gap:4px 12px;margin:0;padding:6px 6px 6px 12px;font-size:13px;display:flex}.step[data-hint]{outline:2px dashed var(--comp);outline-offset:2px}.knob[data-empty]{visibility:hidden}.encoders-none{color:var(--muted);text-align:center;grid-column:1/-1;margin:0;padding:18px 8px;font-size:13px;display:none}.encoders[data-none] .knob{display:none}.encoders[data-none] .encoders-none{display:block}#shift[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}#shift[data-latched]{box-shadow:0 0 0 2px var(--accent)}.track-ms,.bar,.bar-page-btn,.aux-toggle,.ch-btn{position:relative}:is(.track-ms,.bar,.bar-page-btn,.aux-toggle,.ch-btn):after{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sc-slot-col{align-content:start;gap:6px;display:grid}@media (width<=979px){.deck{grid-template-columns:minmax(0,1fr)}.screen{min-height:260px}}@media (width<=760px){.tracks{grid-template-columns:minmax(0,1fr)}.track-ms-row{display:none}.strip-toggles{grid-template-columns:repeat(4,minmax(0,1fr))}.strip-toggles>button{min-height:44px}.sel-ms{border-color:var(--line);color:var(--ink);display:block}.track-set{gap:2px}.track-sel{grid-template-columns:minmax(0,1fr);justify-items:center;padding:4px 2px}.track-name{display:none}.track-sel[data-muted] .track-num{background:var(--rec);color:var(--bg)}.track-meter{width:auto;height:3px;inset:auto 6px 3px}.track-meter-fill{transform-origin:0;transform:scaleX(var(--level,0))}.tracks[data-aux] .auxs .track-sel{min-height:44px}.steps{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px 2px}.step{height:52px}.pads{grid-template-columns:repeat(6,minmax(0,1fr));gap:2px}.pad{min-height:44px}.comp-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.vk-row{grid-template-columns:repeat(5,minmax(0,1fr))}.vk-title{grid-column:1/-1}.pg-row{grid-template-columns:20px repeat(16,minmax(0,1fr));gap:2px}.pg-cell{min-height:16px}}@media (width<=560px){:root{--gutter:12px}.app{gap:8px}.machine{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.position,.seq-info{display:none}.transport{z-index:5;background:var(--bg);grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:6px 0;display:grid;position:sticky;top:0}.transport>.asm-record,.transport>.asm-play{grid-column:span 1}.tempo-btn{grid-column:span 4;min-width:0;padding:4px 10px}.transport>.asm-chip,.transport>#undo{grid-column:span 2;min-height:44px}.screen{padding:8px 10px 4px}.screen[data-page=sequence] .page-visual{min-height:150px}.tiles{gap:4px}.tile{padding:5px 6px}.tile-value{font-size:13px}.modules{gap:3px}.mod{min-height:48px}.encoders{gap:2px;padding:8px 2px 6px}.piano{--whites:7;height:112px}.key[data-oct="1"]{display:none!important}.bar,.bar-page-btn{min-height:44px}.channels{gap:2px}.ch-btn{min-height:44px}.big-bpm{font-size:48px}.pattern-pick .asm-icon-btn,.keys-top .asm-stepper>button{width:44px;min-width:44px;height:44px}.key.black{width:calc(var(--ww) * .9);left:calc(var(--w) * (var(--ww) + 3px) - 1.5px - var(--ww) * .45)}.slots{grid-template-columns:repeat(6,minmax(0,1fr))}.slot{min-height:44px}.midi-devices,.midi-channels{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.step{transition:none}.step:active:not(:disabled){transform:none}.pg-cell[data-queued]{animation:none}}.aux-page{gap:8px}.aux-head{flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0;display:flex}.aux-head .aux-readout{flex:200px}.aux-head .asm-btn{position:relative}.aux-readout{min-width:0;color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:12px}.aux-warning{border:1px solid color-mix(in srgb, var(--comp) 45%, var(--screen-line));background:color-mix(in srgb, var(--comp) 8%, transparent);color:var(--ink);border-radius:8px;padding:8px 10px;font-size:13px;line-height:1.4}.aux-warning strong{color:var(--comp)}.aux-error{color:var(--rec);margin:0;font-size:13px}:is(.br-key,.br-track,.pu-key,.tp-pad){border:1px solid var(--screen-line);color:var(--ink);font:600 12px var(--ctl);background:#1c1724;border-radius:8px;position:relative}:is(.br-key,.br-track,.pu-key,.tp-pad):hover{border-color:color-mix(in srgb, var(--aux) 50%, var(--screen-line))}:is(.br-key,.br-track,.pu-key,.tp-pad):focus-visible{outline:2px solid var(--asm-focus);outline-offset:1px}.br-keys{grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;display:grid}.br-key{min-height:52px}.br-key[data-black]{background:#110e16}.br-key[data-home]:after{content:"";background:var(--muted);border-radius:50%;width:5px;height:5px;margin-left:-2.5px;position:absolute;bottom:6px;left:50%}.br-key[aria-pressed=true]{border-color:var(--aux);background:var(--aux);color:var(--bg)}.brain-page[data-off] .br-keys{opacity:.6}.br-tracks{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.br-track{text-align:left;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:8px;min-height:52px;padding:6px 10px;display:grid}.br-num{grid-row:span 2;font-size:15px}.br-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.br-kind{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:500}.br-track[aria-pressed=true]{border-color:var(--aux);background:color-mix(in srgb, var(--aux) 22%, #1c1724)}.br-track[aria-pressed=true] .br-kind{color:var(--aux)}.br-track[data-drum]{border-style:dashed;border-color:var(--screen-line);background:#1c1724}.br-track[data-drum] .br-kind{color:var(--muted)}.pu-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;display:grid}.pu-key{text-align:left;touch-action:none;align-content:center;justify-items:start;gap:1px;min-width:0;min-height:48px;padding:4px 7px;display:grid}.pu-n{color:var(--muted);font-size:9px;font-weight:500}.pu-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.pu-key:not([data-perc]){background:#201a29}.pu-key[data-playback]{border-color:var(--aux)}.pu-key[aria-pressed=true],.pu-key[data-held]{border-color:var(--aux);background:var(--aux);color:var(--bg)}.pu-key[aria-pressed=true] .pu-n,.pu-key[data-held] .pu-n{color:var(--bg)}.pu-visual{background:#16131c;border-radius:6px;flex:none;min-height:44px}.punch-page[data-recording] .pu-visual{box-shadow:inset 0 0 0 1px var(--rec)}.aux-midi-head[data-unavailable] .aux-midi-status{color:var(--ink)}.aux-pick{align-items:center;gap:8px;min-width:0;display:inline-flex}.aux-select{border:1px solid var(--screen-line);min-width:0;max-width:220px;min-height:36px;color:var(--ink);font:500 13px var(--ctl);background:#1c1724;border-radius:8px;padding:0 10px}.mc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;display:grid}.mc-row{font:500 12px var(--ctl);grid-template-columns:1.4em minmax(0,1fr) 150px;align-items:center;gap:8px;display:grid}.mc-num{color:var(--muted)}.mc-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mc-row[data-selected] .mc-num{color:var(--aux)}.mc-row[data-off] .asm-stepper output{color:var(--muted)}.mc-row .asm-stepper.asm-small{grid-template-rows:36px}.mc-row .asm-stepper.asm-small>button{height:36px}.cc-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.cc-slot{--kc:var(--k1);background:#16131c;border-radius:8px;gap:6px;min-width:0;padding:8px;display:grid}.cc-slot:nth-child(2){--kc:var(--k2)}.cc-slot:nth-child(3){--kc:var(--k3)}.cc-slot:nth-child(4){--kc:var(--k4)}.cc-k{color:var(--kc);font:600 10px var(--ctl);letter-spacing:.08em}.cc-val-row{font:600 15px var(--ctl);font-variant-numeric:tabular-nums;grid-template-columns:3ch minmax(0,1fr);align-items:center;gap:8px;display:grid}.cc-bar{background:#2a2433;border-radius:2px;height:4px;position:relative;overflow:hidden}.cc-fill{background:var(--kc);transform-origin:0;transform:scaleX(var(--v,0));position:absolute;inset:0}.cc-slot .asm-btn{justify-self:start;position:relative}.cc-slot .asm-stepper.asm-small{min-width:0}.ai-meter{background:#16131c;border-radius:5px;height:10px;position:relative;overflow:hidden}.ai-fill{background:linear-gradient(90deg, var(--accent) 70%, var(--comp) 88%, var(--rec));transform-origin:0;transform:scaleX(var(--v,0));position:absolute;inset:0}.ai-live{color:var(--muted);font:600 11px var(--ctl);letter-spacing:.1em;text-transform:uppercase}.audio-page[data-live] .ai-live{color:var(--rec)}.tp-pads{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.tp-pad{text-align:left;touch-action:none;align-content:center;gap:4px;min-height:92px;padding:10px 14px;display:grid}.tp-label{font-size:18px}.tp-sub{color:var(--muted);font-size:12px;font-weight:500}.tp-pad[aria-pressed=true],.tp-pad[data-held]{border-color:var(--aux);background:var(--aux);color:var(--bg)}.tp-pad[aria-pressed=true] .tp-sub,.tp-pad[data-held] .tp-sub{color:var(--bg)}.cv-lead{margin:0;font-size:16px;font-weight:600}.cv-list{color:var(--muted);gap:6px;margin:0;padding-left:18px;font-size:13px;line-height:1.4;display:grid}.cv-list strong{color:var(--ink)}@media (pointer:coarse),(width<=760px){.aux-select{min-height:44px}.mc-row .asm-stepper.asm-small{grid-template-rows:44px}.mc-row .asm-stepper.asm-small>button{height:44px}}@media (width<=760px){.br-keys{grid-template-columns:repeat(6,minmax(0,1fr))}.br-tracks{grid-template-columns:repeat(2,minmax(0,1fr))}.pu-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pu-key{min-height:52px}.mc-grid,.cc-grid{grid-template-columns:minmax(0,1fr)}.cc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mc-row{grid-template-columns:1.4em minmax(0,1fr) 150px}.aux-pick{flex:100%}.aux-select{flex:auto;max-width:none}}.arr-page{gap:6px}.arr-head{flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0;display:flex}.arr-tools{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.arr-head .arr-info{flex:200px}.arr-tools .asm-btn{position:relative}.arr-tools .asm-stepper.asm-small{min-width:190px}.arr-info{min-width:0;color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:12px}.pm-cell,.sc-slot,.so-song,.so-pos,.so-use,.sd-row,.pm-track{color:var(--ink);font:600 11px var(--ctl);font-variant-numeric:tabular-nums;background:#221d2a;border:1px solid #0000;border-radius:6px;position:relative}:is(.pm-cell,.sc-slot,.so-song,.so-pos,.so-use,.sd-row,.pm-track):hover{border-color:var(--screen-line)}:is(.pm-cell,.sc-slot,.so-song,.so-pos,.so-use,.sd-row,.pm-track):focus-visible{outline:2px solid var(--asm-focus);outline-offset:1px;z-index:1}:is(.pm-cell,.sc-slot)[data-queued]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);animation:.5s steps(2,end) infinite arr-blink}@keyframes arr-blink{50%{box-shadow:none;border-color:#0000}}.pm-grid{gap:2px;min-width:0;display:grid}.pm-row{grid-template-columns:minmax(64px,92px) repeat(16,minmax(0,1fr));gap:2px;min-width:0;display:grid}.pm-track{min-width:0;min-height:24px;color:var(--muted);text-align:left;background:0 0;align-items:center;gap:5px;padding:0 6px;display:flex}.pm-num{min-width:1.4em;color:var(--ink);flex:none}.pm-name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.pm-now{color:var(--accent);margin-left:auto;display:none}.pm-row[data-selected] .pm-track{background:var(--ink);color:var(--bg)}.pm-row[data-selected] .pm-num{color:var(--bg)}.pm-cell{min-width:0;min-height:24px;color:var(--ink);background:#2b2435;place-items:center;display:grid;overflow:hidden}.pm-n{opacity:.75;font-size:10px}.pm-cell[data-empty]{color:var(--muted);background:#141118}.pm-cell[data-empty] .pm-n{opacity:.4}.pm-row[data-selected] .pm-cell:not([data-empty]){background:#3a3146}.pm-cell[aria-pressed=true]{color:var(--asm-on-accent);background:var(--accent)!important}.pm-cell[aria-pressed=true] .pm-n{opacity:1}.pm-progress{background:var(--asm-on-accent);opacity:.45;transform-origin:0;height:3px;transform:scaleX(var(--p,0));position:absolute;bottom:0;left:0;right:0}.sc-body{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:10px;min-height:0;display:grid}.sc-slots{overscroll-behavior:contain;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));grid-auto-rows:30px;align-content:start;gap:3px;max-height:196px;padding:2px;display:grid;overflow-y:auto}.sc-slot{color:var(--ink);background:#3a3146}.sc-slot[data-empty]{color:var(--muted);background:0 0;border-color:#221d2a;font-weight:500}.sc-slot[data-editing]{border-color:var(--ink)}.sc-slot[aria-current=true]{background:var(--accent);color:var(--asm-on-accent)}.sc-detail{align-content:start;gap:2px;min-width:0;display:grid}.sd-empty{color:var(--muted);margin:0;font-size:13px;line-height:1.4;display:none}.sc-detail[data-empty] .sd-empty{display:block}.sd-row{text-align:left;background:0 0;grid-template-columns:1.4em minmax(0,1fr) 2.6em 3.6em 48px 3.4em;align-items:center;gap:6px;min-height:22px;padding:0 6px;font-weight:500;display:grid}.sd-row[aria-pressed=true]{border-color:var(--k2);background:#2e2738}.sd-num{color:var(--muted)}.sd-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sd-pat{color:var(--accent);font-weight:600}.sd-mute{color:var(--rec);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.sd-row[data-muted] .sd-name{color:var(--muted);text-decoration:line-through}.sd-level{background:#2a2433;border-radius:3px;height:6px;position:relative;overflow:hidden}.sd-level-fill{background:var(--k3);transform-origin:0;transform:scaleX(var(--v,0));position:absolute;inset:0}.sd-pan{color:var(--muted);text-align:right}.so-songs{flex:360px;grid-template-columns:repeat(14,minmax(28px,1fr));gap:3px;min-width:0;display:grid}.so-song{background:#3a3146;min-height:30px}.so-song[data-empty]{color:var(--muted);background:0 0;border-color:#221d2a}.so-song[aria-pressed=true]{border-color:var(--ink)}.so-song[data-in-use]{background:var(--accent);color:var(--asm-on-accent)}.so-uses{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.so-use{border-color:var(--screen-line);border-radius:var(--asm-radius-pill);min-height:44px;color:var(--muted);background:0 0;padding:0 16px;font-size:13px}.so-use[aria-pressed=true]{background:var(--ink);color:var(--bg)}.so-order{flex-wrap:wrap;gap:4px;min-width:0;display:flex}.so-pos{align-content:center;justify-items:center;min-width:40px;min-height:40px;padding:2px 6px;display:grid}.so-k{color:var(--muted);font-size:9px;font-weight:500}.so-s{font-size:13px}.so-pos[data-empty-scene] .so-s{color:var(--muted);text-decoration:line-through}.so-pos[data-cursor]{border-color:var(--ink)}.so-pos[aria-current=true]{background:var(--accent);color:var(--asm-on-accent)}.so-pos[aria-current=true] .so-k{color:var(--asm-on-accent)}.so-empty{color:var(--muted);margin:0;font-size:13px}.songs-page .arr-tools .asm-btn:disabled{opacity:.35}.ov-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0;display:grid}.ov-stat{gap:2px;min-width:0;display:grid}.ov-stats dt{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:600}.ov-stats dd{text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;margin:0;font-size:13px;font-weight:600;overflow:hidden}.ov-visual{min-height:150px}.ov-canvas{cursor:pointer}@media (pointer:coarse),(width<=760px){.pm-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.pm-row{display:contents}.pm-row:not([data-selected]) .pm-cell{display:none}.pm-track{background:#16131c;justify-content:flex-start;min-height:44px;padding:0 8px}.pm-name{display:none}.pm-now{display:inline}.pm-row[data-selected] .pm-now{color:var(--bg)}.pm-row[data-selected] .pm-cell{order:1;min-height:44px}.pm-n{font-size:13px}.sc-body{grid-template-columns:minmax(0,1fr)}.sc-slots{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));grid-auto-rows:44px;max-height:236px}.sd-row{min-height:44px}.so-songs{flex-basis:100%;grid-template-columns:repeat(7,minmax(0,1fr))}.so-song,.so-use,.so-pos{min-height:44px}.so-pos{min-width:44px}}@media (width<=560px){.ov-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.arr-tools .asm-stepper.asm-small{flex:100%}}@media (prefers-reduced-motion:reduce){:is(.pm-cell,.sc-slot)[data-queued]{animation:none}}@media (width>=980px) and (pointer:fine){.arr-tools .asm-btn.asm-sm{min-height:30px}.arr-tools .asm-stepper.asm-small{grid-template-rows:30px;padding-top:0;padding-bottom:0}.arr-tools .asm-stepper.asm-small>button{height:30px}}.sc-slot:not([data-empty]):after{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:3px;left:50%}.sc-slot[aria-current=true]:after{background:var(--asm-on-accent)}