.machine[data-astro-cid-e7ik2xkk]{--pad-kick:var(--ink);--pad-snare:var(--accent-mark);--pad-hats:var(--ink-muted);--pad-perc:color-mix(in srgb, var(--ink) 58%, var(--bg));--beat:.5s;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--rule);background:var(--surface);touch-action:manipulation;user-select:none;display:grid}.display[data-astro-cid-e7ik2xkk]{gap:var(--space-2);padding:var(--space-4) var(--space-5);background:var(--bg);border:1px solid var(--rule);display:grid;position:relative;overflow:hidden}.machine[data-astro-cid-e7ik2xkk][data-playing=true] .display[data-astro-cid-e7ik2xkk]{animation:display-beat var(--beat) ease-out infinite}.bpm[data-astro-cid-e7ik2xkk]{align-items:baseline;gap:var(--space-3);display:flex}.bpm-num[data-astro-cid-e7ik2xkk]{font-family:var(--font-mono);letter-spacing:var(--tracking-tight);font-size:clamp(2.5rem,8vw,4rem);font-weight:500;line-height:1}.bpm-unit[data-astro-cid-e7ik2xkk]{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--meta)}.readouts[data-astro-cid-e7ik2xkk]{gap:var(--space-2) var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-muted);flex-wrap:wrap;display:flex}.live-line[data-astro-cid-e7ik2xkk]{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--ink);min-height:1.4em;margin:0}.loop-meter[data-astro-cid-e7ik2xkk]{background:var(--rule);height:3px}.loop-meter[data-astro-cid-e7ik2xkk] i[data-astro-cid-e7ik2xkk]{background:var(--accent-mark);width:0;height:100%;transition:width 80ms linear;display:block}.transport[data-astro-cid-e7ik2xkk],.actions[data-astro-cid-e7ik2xkk]{gap:var(--space-3);flex-wrap:wrap;display:flex}.play[data-astro-cid-e7ik2xkk]{min-width:7rem}.bank[data-astro-cid-e7ik2xkk]{gap:var(--space-3);display:grid}.pattern-row[data-astro-cid-e7ik2xkk],.kit-row[data-astro-cid-e7ik2xkk]{gap:var(--space-2);flex-wrap:wrap;align-items:stretch;display:flex}.kit[data-astro-cid-e7ik2xkk]{min-width:0;min-height:44px;padding:0 var(--space-3);border:1px solid var(--rule);color:var(--ink-muted);font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-wide);cursor:pointer;background:0 0;flex:1 1 0}.pat[data-astro-cid-e7ik2xkk]{border:1px solid var(--ink);width:44px;min-height:44px;color:var(--ink);font-family:var(--font-mono);cursor:pointer;background:0 0;padding:0;font-weight:500}.pat[data-astro-cid-e7ik2xkk].active{background:var(--ink);color:var(--bg)}.pat[data-astro-cid-e7ik2xkk].queued{box-shadow:inset 0 0 0 2px var(--accent-mark)}.pat[data-astro-cid-e7ik2xkk].chained:not(.active){border-color:var(--accent-mark);color:var(--accent-mark)}.kit[data-astro-cid-e7ik2xkk][aria-pressed=true]{border-color:var(--ink);color:var(--ink);background:var(--bg)}.slim[data-astro-cid-e7ik2xkk]{min-height:44px;padding-inline:var(--space-3)}.grid-wrap[data-astro-cid-e7ik2xkk]{-webkit-overflow-scrolling:touch;overflow-x:auto}.seq[data-astro-cid-e7ik2xkk]{grid-template-columns:4.5rem repeat(16,minmax(2.1rem,1fr));align-items:stretch;gap:.18rem .2rem;min-width:42rem;display:grid}.corner[data-astro-cid-e7ik2xkk]{min-height:1.1rem}.col-num[data-astro-cid-e7ik2xkk]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--meta);text-align:center;transition:color 80ms,transform 80ms}.col-num[data-astro-cid-e7ik2xkk].bar{color:var(--ink);font-weight:500}.col-num[data-astro-cid-e7ik2xkk].now{color:var(--accent-mark);transform:translateY(-1px)}.track-mute[data-astro-cid-e7ik2xkk]{padding:0 var(--space-2) 0 0;font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;margin:0;font-weight:500;display:flex}.track-mute[data-astro-cid-e7ik2xkk].muted{color:var(--meta);text-decoration:line-through}.step[data-astro-cid-e7ik2xkk]{cursor:pointer;touch-action:manipulation;background:0 0;border:none;min-height:2.5rem;margin:0;padding:.1rem;display:flex;position:relative}.step[data-astro-cid-e7ik2xkk].bar{padding-left:.26rem}.pad[data-astro-cid-e7ik2xkk]{aspect-ratio:1;border:1px solid var(--rule);background:var(--bg);width:100%;min-height:2.15rem;transition:background-color 90ms,border-color 90ms,transform .12s,filter 80ms;display:block;position:relative}.pad[data-astro-cid-e7ik2xkk]:after{content:"";pointer-events:none;background:0 0;position:absolute;inset:26%}.step[data-astro-cid-e7ik2xkk]:hover .pad[data-astro-cid-e7ik2xkk]{border-color:var(--ink)}.step[data-astro-cid-e7ik2xkk]:active .pad[data-astro-cid-e7ik2xkk]{transform:scale(.88)}.step[data-astro-cid-e7ik2xkk].on .pad[data-astro-cid-e7ik2xkk]{background:var(--pad-kick);border-color:var(--pad-kick)}.step[data-astro-cid-e7ik2xkk].snare.on .pad[data-astro-cid-e7ik2xkk]{background:var(--pad-snare);border-color:var(--pad-snare)}.step[data-astro-cid-e7ik2xkk].hats.on .pad[data-astro-cid-e7ik2xkk]{background:var(--pad-hats);border-color:var(--pad-hats)}.step[data-astro-cid-e7ik2xkk].perc.on .pad[data-astro-cid-e7ik2xkk]{background:var(--pad-perc);border-color:var(--ink)}.step[data-astro-cid-e7ik2xkk].accent .pad[data-astro-cid-e7ik2xkk]{background:var(--bg);border-color:var(--pad-kick);box-shadow:none}.step[data-astro-cid-e7ik2xkk].accent .pad[data-astro-cid-e7ik2xkk]:after{background:var(--pad-kick)}.step[data-astro-cid-e7ik2xkk].snare.accent .pad[data-astro-cid-e7ik2xkk]{border-color:var(--pad-snare)}.step[data-astro-cid-e7ik2xkk].snare.accent .pad[data-astro-cid-e7ik2xkk]:after{background:var(--pad-snare)}.step[data-astro-cid-e7ik2xkk].hats.accent .pad[data-astro-cid-e7ik2xkk]{border-color:var(--pad-hats)}.step[data-astro-cid-e7ik2xkk].hats.accent .pad[data-astro-cid-e7ik2xkk]:after{background:var(--pad-hats)}.step[data-astro-cid-e7ik2xkk].perc.accent .pad[data-astro-cid-e7ik2xkk]{border-color:var(--ink)}.step[data-astro-cid-e7ik2xkk].perc.accent .pad[data-astro-cid-e7ik2xkk]:after{background:var(--pad-perc)}.step[data-astro-cid-e7ik2xkk].current .pad[data-astro-cid-e7ik2xkk]{border-color:var(--accent-mark);box-shadow:inset 0 0 0 2px var(--accent-mark)}.step[data-astro-cid-e7ik2xkk].on.current .pad[data-astro-cid-e7ik2xkk],.step[data-astro-cid-e7ik2xkk].accent.current .pad[data-astro-cid-e7ik2xkk]{box-shadow:inset 0 0 0 2px var(--bg)}.step[data-astro-cid-e7ik2xkk].firing .pad[data-astro-cid-e7ik2xkk],.machine[data-astro-cid-e7ik2xkk][data-playing=true] .step[data-astro-cid-e7ik2xkk].current .pad[data-astro-cid-e7ik2xkk]{filter:brightness(1.25);transform:scale(1.08)}.step[data-astro-cid-e7ik2xkk].muted .pad[data-astro-cid-e7ik2xkk]{opacity:.35}.pages[data-astro-cid-e7ik2xkk]{display:none}.live[data-astro-cid-e7ik2xkk]{gap:var(--space-3);grid-template-columns:repeat(4,1fr);display:grid}.live-pad[data-astro-cid-e7ik2xkk]{justify-content:flex-end;align-items:flex-start;gap:var(--space-2);min-height:5.5rem;padding:var(--space-3);border:1px solid var(--ink);background:var(--bg);color:var(--ink);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer;touch-action:none;flex-direction:column;font-weight:500;transition:background-color 80ms,transform 80ms,filter 80ms;display:flex}.live-pad[data-astro-cid-e7ik2xkk] .led[data-astro-cid-e7ik2xkk]{border:1px solid var(--rule);background:0 0;width:8px;height:8px}.live-pad[data-astro-cid-e7ik2xkk].kick .led[data-astro-cid-e7ik2xkk]{background:var(--pad-kick);border-color:var(--pad-kick)}.live-pad[data-astro-cid-e7ik2xkk].snare .led[data-astro-cid-e7ik2xkk]{background:var(--pad-snare);border-color:var(--pad-snare)}.live-pad[data-astro-cid-e7ik2xkk].hats .led[data-astro-cid-e7ik2xkk]{background:var(--pad-hats);border-color:var(--pad-hats)}.live-pad[data-astro-cid-e7ik2xkk].perc .led[data-astro-cid-e7ik2xkk]{background:var(--pad-perc);border-color:var(--ink)}.live-pad[data-astro-cid-e7ik2xkk]:active,.live-pad[data-astro-cid-e7ik2xkk].firing{filter:brightness(1.08);background:color-mix(in srgb, var(--ink) 8%, var(--bg));transform:scale(.97)}.live-pad[data-astro-cid-e7ik2xkk].muted{opacity:.4}.mix[data-astro-cid-e7ik2xkk]{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.slider[data-astro-cid-e7ik2xkk]{align-items:center;column-gap:var(--space-3);row-gap:var(--space-1);grid-template-columns:1fr auto;display:grid}.slider-label[data-astro-cid-e7ik2xkk]{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-muted);grid-column:1/-1}.slider[data-astro-cid-e7ik2xkk] input[data-astro-cid-e7ik2xkk][type=range]{accent-color:var(--ink);background:0 0;border:none;width:100%;min-width:0;height:1.5rem;padding:0}.slider[data-astro-cid-e7ik2xkk] output[data-astro-cid-e7ik2xkk]{font-family:var(--font-mono);font-size:var(--text-sm);text-align:right;min-width:2.75rem}.hint[data-astro-cid-e7ik2xkk]{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--meta);margin:0;line-height:1.5}.btn[data-astro-cid-e7ik2xkk][aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn[data-astro-cid-e7ik2xkk].hot{background:var(--accent-mark);border-color:var(--accent-mark);color:var(--bg)}@keyframes display-beat{0%{background:color-mix(in srgb, var(--accent-mark) 12%, var(--bg))}to{background:var(--bg)}}@media (width<=820px){.machine[data-astro-cid-e7ik2xkk]{padding:var(--space-3);gap:var(--space-3)}.track-mute[data-astro-cid-e7ik2xkk]{font-size:var(--text-xs);padding-right:var(--space-1)}.seq[data-astro-cid-e7ik2xkk]{grid-template-columns:2.7rem repeat(8,minmax(0,1fr));gap:.14rem;min-width:0}.seq[data-astro-cid-e7ik2xkk] [data-astro-cid-e7ik2xkk][data-bar="1"],.machine[data-astro-cid-e7ik2xkk][data-page="1"] .seq[data-astro-cid-e7ik2xkk] [data-astro-cid-e7ik2xkk][data-bar="0"]{display:none}.machine[data-astro-cid-e7ik2xkk][data-page="1"] .seq[data-astro-cid-e7ik2xkk] [data-astro-cid-e7ik2xkk][data-bar="1"]{display:flex}.machine[data-astro-cid-e7ik2xkk][data-page="1"] .seq[data-astro-cid-e7ik2xkk] span[data-astro-cid-e7ik2xkk][data-bar="1"]{display:block}.pages[data-astro-cid-e7ik2xkk]{gap:var(--space-2);flex-wrap:wrap;display:flex}.live[data-astro-cid-e7ik2xkk]{grid-template-columns:1fr 1fr}.live-pad[data-astro-cid-e7ik2xkk]{min-height:4.75rem}.mix[data-astro-cid-e7ik2xkk]{gap:var(--space-3);grid-template-columns:1fr}.transport[data-astro-cid-e7ik2xkk] .btn[data-astro-cid-e7ik2xkk],.actions[data-astro-cid-e7ik2xkk] .btn[data-astro-cid-e7ik2xkk]{flex:1 1 calc(50% - var(--space-3))}}@media (prefers-reduced-motion:reduce){.pad[data-astro-cid-e7ik2xkk],.live-pad[data-astro-cid-e7ik2xkk],.col-num[data-astro-cid-e7ik2xkk],.loop-meter[data-astro-cid-e7ik2xkk] i[data-astro-cid-e7ik2xkk],.machine[data-astro-cid-e7ik2xkk][data-playing=true] .display[data-astro-cid-e7ik2xkk],.machine[data-astro-cid-e7ik2xkk][data-playing=true] .step[data-astro-cid-e7ik2xkk].current .pad[data-astro-cid-e7ik2xkk]{filter:none;transition:none;animation:none;transform:none}}.page-header[data-astro-cid-b4kuw7od]{margin-bottom:var(--space-6);max-width:40rem}.crumb[data-astro-cid-b4kuw7od]{margin:0 0 var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--meta)}.crumb[data-astro-cid-b4kuw7od] a[data-astro-cid-b4kuw7od]{color:var(--ink-muted);text-decoration:none}.crumb[data-astro-cid-b4kuw7od] a[data-astro-cid-b4kuw7od]:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--ink)}.page-header[data-astro-cid-b4kuw7od] h1[data-astro-cid-b4kuw7od]{margin-bottom:var(--space-2)}.page-desc[data-astro-cid-b4kuw7od]{color:var(--ink-muted);font-size:var(--text-lg);line-height:var(--leading-normal);margin:0}@media (width<=720px){.page-header[data-astro-cid-b4kuw7od]{margin-bottom:var(--space-4)}.page-desc[data-astro-cid-b4kuw7od]{font-size:var(--text-base)}}