.BeatMachine-module__Dn5B0a__machine{--line-strong:color-mix(in srgb, var(--fg) 45%, transparent);--ease-out:cubic-bezier(.2, .8, .2, 1);outline:none;gap:clamp(1.25rem,3vw,2rem);display:grid}.BeatMachine-module__Dn5B0a__srOnly{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.BeatMachine-module__Dn5B0a__stage{aspect-ratio:16/6;border:1px solid var(--border);background:var(--surface);min-height:11rem;color:var(--fg);border-radius:6px;position:relative;overflow:hidden}.BeatMachine-module__Dn5B0a__canvas{width:100%;height:100%;position:absolute;inset:0}.BeatMachine-module__Dn5B0a__stageHint{text-align:center;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);pointer-events:none;place-items:center;padding:1rem;font-size:.75rem;transition:opacity .4s;display:grid;position:absolute;inset:0}.BeatMachine-module__Dn5B0a__stageHint[data-hidden]{opacity:0}.BeatMachine-module__Dn5B0a__pads{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.5rem,1.5vw,.875rem);display:grid}.BeatMachine-module__Dn5B0a__pad{aspect-ratio:4/3;border:1px solid var(--border);background:var(--surface);min-height:5.5rem;color:var(--fg);text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .14s var(--ease-out), border-color .2s ease;border-radius:6px;grid-template-rows:auto 1fr;grid-template-areas:"index key""label label";padding:clamp(.625rem,1.5vw,1rem);display:grid;position:relative}.BeatMachine-module__Dn5B0a__pad:hover{border-color:var(--line-strong)}.BeatMachine-module__Dn5B0a__pad:active{transform:scale(.97)}.BeatMachine-module__Dn5B0a__pad:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.BeatMachine-module__Dn5B0a__pad[data-hit]{animation:BeatMachine-module__Dn5B0a__pad-hit .34s var(--ease-out)}@keyframes BeatMachine-module__Dn5B0a__pad-hit{0%{background:var(--fg);color:var(--bg);border-color:var(--fg);transform:scale(.94)}to{transform:scale(1)}}.BeatMachine-module__Dn5B0a__padIndex{font-variant-numeric:tabular-nums;grid-area:index;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.BeatMachine-module__Dn5B0a__padNumber{opacity:.6}.BeatMachine-module__Dn5B0a__padDot{border-radius:50%;width:.5rem;height:.5rem}.BeatMachine-module__Dn5B0a__padKey{text-align:center;opacity:.55;border:1px solid;border-radius:4px;grid-area:key;place-self:start end;min-width:1.5rem;padding:.125rem .375rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6875rem;line-height:1.4}.BeatMachine-module__Dn5B0a__padLabel{letter-spacing:-.02em;grid-area:label;align-self:end;font-size:clamp(1rem,2.4vw,1.625rem);font-weight:500;line-height:1}.BeatMachine-module__Dn5B0a__sequencer{border-top:1px solid var(--border);gap:1.25rem;padding-top:clamp(1rem,3vw,2rem);display:grid}.BeatMachine-module__Dn5B0a__sequencerHeader{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;display:flex}.BeatMachine-module__Dn5B0a__sectionTitle{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.875rem}.BeatMachine-module__Dn5B0a__sectionNote{color:var(--muted);font-size:.875rem}.BeatMachine-module__Dn5B0a__transport{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;display:flex}.BeatMachine-module__Dn5B0a__buttons{flex-wrap:wrap;gap:.5rem;display:flex}.BeatMachine-module__Dn5B0a__button,.BeatMachine-module__Dn5B0a__primaryButton{border:1px solid var(--line-strong);min-height:2.75rem;color:var(--fg);transition:border-color .2s ease, transform .14s var(--ease-out);border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:0 1.125rem;font-size:.875rem;display:inline-flex}.BeatMachine-module__Dn5B0a__primaryButton{border-color:var(--fg);background:var(--fg);min-width:6.5rem;color:var(--bg)}.BeatMachine-module__Dn5B0a__button:hover{border-color:var(--fg)}.BeatMachine-module__Dn5B0a__button:active,.BeatMachine-module__Dn5B0a__primaryButton:active{transform:scale(.97)}.BeatMachine-module__Dn5B0a__button:focus-visible,.BeatMachine-module__Dn5B0a__primaryButton:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.BeatMachine-module__Dn5B0a__sliders{flex-wrap:wrap;gap:.5rem 1.75rem;display:flex}.BeatMachine-module__Dn5B0a__slider{align-items:center;gap:.75rem;min-height:2.75rem;display:inline-flex}.BeatMachine-module__Dn5B0a__sliderLabel{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.75rem}.BeatMachine-module__Dn5B0a__slider input{width:7.5rem;accent-color:var(--fg);cursor:pointer}.BeatMachine-module__Dn5B0a__slider input:focus-visible{outline:2px solid var(--fg);outline-offset:4px}.BeatMachine-module__Dn5B0a__sliderValue{font-variant-numeric:tabular-nums;min-width:4.5rem;font-size:.875rem}.BeatMachine-module__Dn5B0a__sliderValue span{color:var(--muted)}.BeatMachine-module__Dn5B0a__gridScroller{margin-inline:-.25rem;padding:.25rem;overflow-x:auto}.BeatMachine-module__Dn5B0a__grid{flex-direction:column;gap:.375rem;min-width:30rem;display:flex}.BeatMachine-module__Dn5B0a__gridRow{grid-template-columns:4.5rem repeat(8,minmax(2.75rem,1fr));align-items:center;gap:.375rem;display:grid}.BeatMachine-module__Dn5B0a__rowLabel{color:var(--muted);font-size:.8125rem}.BeatMachine-module__Dn5B0a__stepNumber{font-variant-numeric:tabular-nums;text-align:center;color:var(--muted);font-size:.75rem}.BeatMachine-module__Dn5B0a__stepNumber[data-current]{color:var(--fg);text-underline-offset:4px;font-weight:600;text-decoration:underline;text-decoration-thickness:2px}.BeatMachine-module__Dn5B0a__cellWrap{display:block}.BeatMachine-module__Dn5B0a__cell{border:1px solid var(--line-strong);cursor:pointer;width:100%;height:2.75rem;transition:background-color .12s ease, transform .14s var(--ease-out);border-radius:4px;display:block}.BeatMachine-module__Dn5B0a__cell:hover{border-color:var(--fg)}.BeatMachine-module__Dn5B0a__cell:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.BeatMachine-module__Dn5B0a__cell[data-playhead]{background:color-mix(in srgb, var(--fg) 10%, transparent)}.BeatMachine-module__Dn5B0a__cell[data-on]{border-color:var(--fg);background:var(--fg)}.BeatMachine-module__Dn5B0a__cell[data-on][data-playhead]{transform:scale(.88)}@media (max-width:640px){.BeatMachine-module__Dn5B0a__stage{aspect-ratio:16/10}.BeatMachine-module__Dn5B0a__pad{aspect-ratio:auto}}@media (max-width:360px){.BeatMachine-module__Dn5B0a__pads{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.BeatMachine-module__Dn5B0a__pad,.BeatMachine-module__Dn5B0a__pad:active,.BeatMachine-module__Dn5B0a__button:active,.BeatMachine-module__Dn5B0a__primaryButton:active,.BeatMachine-module__Dn5B0a__cell[data-on][data-playhead]{transform:none}.BeatMachine-module__Dn5B0a__pad[data-hit]{animation-name:BeatMachine-module__Dn5B0a__pad-hit-still}@keyframes BeatMachine-module__Dn5B0a__pad-hit-still{0%{background:var(--fg);color:var(--bg);border-color:var(--fg)}}.BeatMachine-module__Dn5B0a__cell[data-on][data-playhead]{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--fg)}}