.sequencer-module__oQw0pa__page{background:radial-gradient(ellipse 80% 50% at 20% 0%, color-mix(in oklch, var(--color-data) 8%, transparent), transparent 70%), var(--color-void);grid-template-rows:auto 1fr;gap:clamp(.75rem,.5rem + 1vw,1.5rem);min-height:100svh;padding:clamp(.75rem,.5rem + 1vw,1.75rem);display:grid}.sequencer-module__oQw0pa__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.sequencer-module__oQw0pa__back{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-faint);transition:color .22s}.sequencer-module__oQw0pa__back:hover{color:var(--color-signal)}.sequencer-module__oQw0pa__layout{grid-template-columns:minmax(14rem,17rem) minmax(0,1fr);align-items:start;gap:clamp(1rem,.5rem + 1.5vw,2rem);display:grid}@media (max-width:900px){.sequencer-module__oQw0pa__layout{grid-template-columns:minmax(0,1fr)}}.sequencer-module__oQw0pa__panel{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:3px;align-content:start;gap:1rem;padding:clamp(.9rem,.8rem + .5vw,1.25rem);display:grid;position:sticky;top:1rem}.sequencer-module__oQw0pa__transport{width:100%;font-size:var(--step--1)}.sequencer-module__oQw0pa__field{grid-template-columns:1fr auto;align-items:center;gap:.35rem .75rem;display:grid}.sequencer-module__oQw0pa__field input[type=range]{appearance:none;background:var(--color-hairline);cursor:pointer;border-radius:99px;grid-column:span 2;width:100%;height:2px}.sequencer-module__oQw0pa__field input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-signal);cursor:grab;border-radius:50%;width:13px;height:13px}.sequencer-module__oQw0pa__field input[type=range]::-moz-range-thumb{background:var(--color-signal);cursor:grab;border:0;border-radius:50%;width:13px;height:13px}.sequencer-module__oQw0pa__field select{font-family:var(--font-mono);font-size:var(--step--2);color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-hairline);cursor:pointer;border-radius:3px;grid-column:span 2;padding:.4rem .5rem}.sequencer-module__oQw0pa__field .sequencer-module__oQw0pa__readout{font-size:var(--step--2);color:var(--color-signal)}.sequencer-module__oQw0pa__toggle{font-size:var(--step--2);color:var(--color-ink-dim);cursor:pointer;align-items:center;gap:.55rem;display:flex}.sequencer-module__oQw0pa__toggle input{accent-color:var(--color-signal);width:.9rem;height:.9rem}.sequencer-module__oQw0pa__panelButtons{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.sequencer-module__oQw0pa__panelButtons>:last-child{grid-column:span 2}.sequencer-module__oQw0pa__panelButtons span{white-space:nowrap}.sequencer-module__oQw0pa__note{font-size:var(--step--2);color:var(--color-ink-faint);line-height:1.6}.sequencer-module__oQw0pa__grids{gap:1rem;min-width:0;display:grid}.sequencer-module__oQw0pa__ruler,.sequencer-module__oQw0pa__row{grid-template-columns:8.5rem repeat(16,minmax(0,1fr));align-items:center;gap:3px;display:grid}.sequencer-module__oQw0pa__ruler span{height:1.1rem;font-family:var(--font-mono);color:var(--color-ink-faint);border-radius:2px;place-items:center;font-size:.6rem;display:grid}.sequencer-module__oQw0pa__ruler span[data-on=true]{background:color-mix(in oklch, var(--color-signal) 30%, transparent);color:var(--color-ink)}.sequencer-module__oQw0pa__drums,.sequencer-module__oQw0pa__melody{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:3px;gap:3px;padding:.6rem;display:grid}.sequencer-module__oQw0pa__rowName{font-family:var(--font-mono);font-size:var(--step--2);color:var(--color-ink-dim);gap:.05rem;padding-right:.5rem;display:grid;overflow:hidden}.sequencer-module__oQw0pa__rowName small{color:var(--color-ink-faint);opacity:.75;white-space:nowrap;text-overflow:ellipsis;font-size:.58rem;line-height:1.3;overflow:hidden}.sequencer-module__oQw0pa__cell{background:var(--color-surface);cursor:pointer;border:1px solid #0000;border-radius:2px;height:clamp(1.15rem,.85rem + 1vw,1.85rem);min-height:0;padding:0;transition:background-color .12s,border-color .12s,transform .12s}.sequencer-module__oQw0pa__cell[data-beat=true]{background:var(--color-raised)}.sequencer-module__oQw0pa__cell:hover{border-color:color-mix(in oklch, var(--color-signal) 55%, transparent)}.sequencer-module__oQw0pa__cell[data-level="1"]{background:color-mix(in oklch, var(--color-signal) 42%, var(--color-surface))}.sequencer-module__oQw0pa__cell[data-level="2"]{background:var(--color-signal)}.sequencer-module__oQw0pa__cell[data-note=true]{background:var(--color-data)}.sequencer-module__oQw0pa__cell[data-playing=true]{border-color:var(--color-ink);transform:scale(1.06)}.sequencer-module__oQw0pa__melodyLabel{flex-wrap:wrap;align-items:baseline;gap:.6rem;margin-bottom:.2rem;display:flex}.sequencer-module__oQw0pa__melodyLabel small{font-family:var(--font-mono);color:var(--color-ink-faint);font-size:.6rem}@media (max-width:620px){.sequencer-module__oQw0pa__ruler,.sequencer-module__oQw0pa__row{grid-template-columns:4.5rem repeat(16,minmax(0,1fr))}.sequencer-module__oQw0pa__rowName small{display:none}}