#page-sequencer .visitor-starting-point-hint{background:rgba(44,82,48,.08);border:1px solid rgba(44,82,48,.18);border-radius:var(--stg-r-lg,24px);color:var(--stg-ink,#161a14);font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:var(--fs-small,.875rem);line-height:1.45;margin:0 0 12px;padding:10px 16px}#page-sequencer .visitor-starting-point-hint.hidden,#page-sequencer .visitor-starting-point-hint[hidden]{display:none}#page-sequencer #quickSequencerRoot.seq-block{background:var(--stg-paper-deep,#f0eee8);border-radius:var(--stg-r-xl,32px);padding:20px}#page-sequencer .seq-top{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:14px}#page-sequencer .seq-kit{align-items:center;display:flex;gap:6px}#page-sequencer .seq-kit__lab{color:var(--stg-ink-4,#a6a59b);font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}#page-sequencer .seq-kit__btn{align-items:center;background:var(--stg-paper,#fff);border:none;border-radius:var(--stg-r-md,16px);color:var(--stg-ink,#161a14);cursor:default;display:inline-flex;font-family:var(--font-display,"Fraunces",Georgia,serif);font-size:14px;gap:5px;letter-spacing:-.01em;padding:5px 10px;transition:background .12s}#page-sequencer .seq-kit__btn em{font-style:italic}#page-sequencer .seq-kit__btn:hover{background:var(--stg-paper,#fff)}#page-sequencer #quickWindowNav{display:none}#page-sequencer .pattern-import-drop{border-radius:var(--stg-r-md,12px);transition:box-shadow .15s ease,background-color .15s ease}#page-sequencer .pattern-import-drop.pattern-import-drop--active{background-color:rgba(44,82,48,.08);box-shadow:0 0 0 2px var(--stg-accent,#2c5230)}#page-sequencer #quickSequencerRoot .quick-window-nav{align-items:center;backdrop-filter:none;background:transparent;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:row;gap:8px;margin:0;max-width:none;padding:0;width:auto}#page-sequencer #quickSequencerRoot .quick-window-segments-box{background:var(--stg-paper,#fff);border:none;border-radius:var(--stg-r-pill,9999px);box-shadow:none;max-width:none;padding:2px;width:auto}#page-sequencer #quickSequencerRoot .quick-window-segments,#page-sequencer #quickSequencerRoot .quick-window-segments-box{align-items:center;display:inline-flex;flex-wrap:nowrap;gap:0;justify-content:flex-start}#page-sequencer #quickSequencerRoot .quick-window-segment{background:transparent;border:none;border-radius:var(--stg-r-pill,9999px);box-shadow:none;color:var(--stg-ink-3,#6b6b5f);font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:12px;font-weight:500;height:26px;letter-spacing:0;line-height:1;min-width:30px;padding:0 10px;text-align:center}#page-sequencer #quickSequencerRoot .quick-window-segment:hover{background:transparent;color:var(--stg-ink,#161a14)}#page-sequencer #quickSequencerRoot .quick-window-segment.active{background:var(--stg-ink,#161a14);border:none;box-shadow:none;color:var(--stg-paper,#fff)}#page-sequencer #quickSequencerRoot .quick-segment-auto-btn{background:var(--stg-paper,#fff);border:none;border-radius:var(--stg-r-pill,9999px);box-shadow:none;color:var(--stg-ink-3,#6b6b5f);font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:11px;font-weight:500;letter-spacing:0;min-height:26px;padding:4px 12px;text-transform:none;transition:background .12s,color .12s}#page-sequencer #quickSequencerRoot .quick-segment-auto-btn:hover{background:var(--stg-paper-deep,#f3f2ee);color:var(--stg-ink,#161a14)}#page-sequencer #quickSequencerRoot .quick-segment-auto-btn.active,#page-sequencer #quickSequencerRoot .quick-segment-auto-btn[aria-pressed=true]{background:#000;border:1px solid var(--stg-accent,#d9f274);box-shadow:none;color:var(--stg-accent,#d9f274);font-weight:600}#page-sequencer #quickSequencerRoot .quick-segment-auto-btn.active:hover,#page-sequencer #quickSequencerRoot .quick-segment-auto-btn[aria-pressed=true]:hover{background:#111;color:var(--stg-accent,#d9f274)}#page-sequencer #quickSequencerRoot .quick-window-nav-title{color:var(--stg-ink-4,#a6a59b);font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:9px;font-weight:600;letter-spacing:.12em;opacity:1;text-transform:uppercase}#page-sequencer .seq-bar-nav{align-items:center;background:transparent;border:none;border-radius:0;box-shadow:none;display:flex;gap:8px;padding:0}#page-sequencer .quick-window-nav-title,#page-sequencer .seq-bar-nav__lab{color:var(--stg-ink-4,#a6a59b);font-size:9px;font-weight:600;letter-spacing:.12em;opacity:1;text-transform:uppercase}#page-sequencer .bar-segs,#page-sequencer .quick-window-segments-box{background:var(--stg-paper,#fff);border-radius:var(--stg-r-pill,9999px);box-shadow:none;display:inline-flex;gap:0;padding:2px}#page-sequencer .quick-window-segments{display:inline-flex;gap:0}#page-sequencer .bar-seg,#page-sequencer .quick-window-segment{background:transparent;border:none;border-radius:var(--stg-r-pill,9999px);color:var(--stg-ink-3,#6b6b5f);cursor:pointer;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:12px;font-variant-numeric:tabular-nums;font-weight:500;height:26px;min-width:30px;padding:0 10px}#page-sequencer .bar-seg:hover,#page-sequencer .quick-window-segment:hover{background:transparent;color:var(--stg-ink,#161a14)}#page-sequencer .bar-seg.active,#page-sequencer .bar-seg[aria-selected=true],#page-sequencer .quick-window-segment.active{background:var(--stg-ink,#161a14);color:var(--stg-paper,#fff)}#page-sequencer .auto-label,#page-sequencer .quick-segment-auto-btn{align-items:center;color:var(--stg-ink-3,#6b6b5f);cursor:pointer;display:inline-flex;font-size:11px;font-weight:500;gap:4px;justify-content:center;letter-spacing:0;text-transform:none;user-select:none}#page-sequencer #quickSequencerRoot #drumTracks button.step-pad{background:var(--stg-paper,#fff);border:none;border-radius:6px;box-shadow:inset 0 0 0 1px rgba(22,26,20,.12),0 1px 0 rgba(22,26,20,.04);cursor:pointer;position:relative;touch-action:none;transition:transform .08s,background .08s,box-shadow .08s;user-select:none}#page-sequencer #quickSequencerRoot #drumTracks button.step-pad.b,#page-sequencer #quickSequencerRoot #drumTracks button.step-pad.step-downbeat{border:none;box-shadow:inset 0 -2px 0 0 rgba(22,26,20,.06)}#page-sequencer #quickSequencerRoot #drumTracks button.step-pad.active,#page-sequencer #quickSequencerRoot #drumTracks button.step-pad.on{background:var(--pad-on,#c8d8c4);box-shadow:none}#page-sequencer #quickSequencerRoot #drumTracks button.step-pad.b.active,#page-sequencer #quickSequencerRoot #drumTracks button.step-pad.step-downbeat.active{background:var(--pad-on,#c8d8c4);box-shadow:inset 0 -2px 0 0 rgba(22,26,20,.14)}#page-sequencer #quickSequencerRoot #drumTracks button.step-pad.playing{box-shadow:none;outline:none}#page-sequencer #drumTracks{display:flex;flex-direction:column;gap:4px}#page-sequencer .seq-ruler,#page-sequencer .seq-trk,#page-sequencer .velocity-panel__strip-row,#page-sequencer .velocity-trigger-zone{align-items:center;column-gap:8px;display:grid;grid-template-columns:80px 1fr 90px}#page-sequencer .velocity-panel__strip-row{align-items:start}#page-sequencer .velocity-panel__gutter-left{align-self:start;min-width:0;width:80px}#page-sequencer .velocity-panel__bars-wrap{align-self:stretch;background:color-mix(in srgb,var(--stg-ink,#161a14) 10%,var(--stg-paper-deep,#f0eee8));border-radius:var(--stg-r-md,12px);box-sizing:border-box;padding:4px 0 8px}#page-sequencer .velocity-panel__gutter-right{min-width:0;width:90px}#page-sequencer #quickSequencerRoot .velocity-panel__bars{display:flex;gap:8px;height:var(--vel-bar-max-h,104px);min-width:0;padding:0;width:100%}#page-sequencer #quickSequencerRoot .velocity-panel__beat-group{align-items:end;display:grid;flex:1 1 0%;gap:3px;grid-template-columns:repeat(4,minmax(0,1fr));height:100%;min-width:0}#page-sequencer #quickSequencerRoot .velocity-bar{align-items:stretch;cursor:ns-resize;display:flex;flex-direction:column;height:100%;justify-content:flex-end;min-width:0;position:relative;width:100%}#page-sequencer #quickSequencerRoot .velocity-bar.has-shift{transform:translateX(calc(var(--step-shift-frac, 0)*100%))}#page-sequencer #quickSequencerRoot .velocity-panel__step-nums{display:flex;gap:8px;margin-top:4px;min-width:0;padding:0;width:100%}#page-sequencer #quickSequencerRoot .velocity-panel__step-nums-group{display:grid;flex:1 1 0%;gap:3px;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0}#page-sequencer .seq-trk.is-velocity-selected{background:rgba(22,26,20,.04);border-radius:var(--stg-r-md,12px)}#page-sequencer .seq-trk.is-velocity-selected .trk-name{background:var(--stg-paper,#fff);box-shadow:inset 0 0 0 1.5px var(--stg-ink,#161a14)}#page-sequencer .seq-trk.is-velocity-selected .trk-name__label{color:var(--stg-ink,#161a14);font-weight:700}#page-sequencer .seq-ruler{margin-bottom:4px}#page-sequencer .seq-ruler__nums,#page-sequencer .trk-pads{display:flex;gap:8px;min-width:0;width:100%}#page-sequencer .beat-group,#page-sequencer .beat-nums{display:grid;flex:1 1 0%;gap:3px;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0}#page-sequencer .beat-nums span{color:var(--stg-ink-4,#a6a59b);font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:8.5px;font-variant-numeric:tabular-nums;line-height:1;text-align:center}#page-sequencer .beat-nums span.b,#page-sequencer .trk-name{color:var(--stg-ink-2,#38382f);font-weight:600}#page-sequencer .trk-name{align-items:center;background:transparent;border:none;border-radius:var(--stg-r-sm,8px);display:flex;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:10.5px;gap:4px;justify-content:space-between;letter-spacing:.06em;min-width:0;padding:4px 8px;text-align:left;text-transform:uppercase;transition:background .12s;width:100%}#page-sequencer .trk-name__label{cursor:default;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#page-sequencer .trk-name__label.is-editing{background:var(--stg-paper,#fff);border-radius:4px;outline:1px solid color-mix(in srgb,var(--stg-ink) 22%,transparent);overflow:visible;padding:0 2px;text-overflow:clip;text-transform:none}#page-sequencer .trk-name .track-preview-trigger{align-items:center;background:transparent;border:none;color:inherit;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;padding:0}#page-sequencer .trk-name:hover{background:var(--stg-paper,#fff)}#page-sequencer .trk-name .prelisten-ic{flex-shrink:0;opacity:0;transition:opacity .12s}#page-sequencer .trk-name:hover .prelisten-ic{opacity:.7}#page-sequencer #quickSequencerRoot #drumTracks button.step-pad,#page-sequencer #quickSequencerRoot .p{aspect-ratio:1;box-sizing:border-box;margin:0;max-width:100%;min-height:0;min-width:0;overflow:hidden;padding:0;width:100%}#page-sequencer #quickSequencerRoot #drumTracks button.step-pad:active,#page-sequencer #quickSequencerRoot .p:active{transform:translateY(0)}#page-sequencer #drumTracks button.step-pad:hover,#page-sequencer .p:hover{box-shadow:0 2px 6px rgba(22,26,20,.07),inset 0 0 0 1px rgba(22,26,20,.06);transform:translateY(-1px)}#page-sequencer #drumTracks button.step-pad.b,#page-sequencer .p.b{box-shadow:inset 0 -2px 0 0 rgba(22,26,20,.06)}#page-sequencer #drumTracks button.step-pad.active,#page-sequencer #drumTracks button.step-pad.on,#page-sequencer .p.active,#page-sequencer .p.on{background:var(--pad-on,#c8d8c4);box-shadow:none}#page-sequencer #drumTracks button.step-pad.b.active,#page-sequencer .p.b.active,#page-sequencer .p.b.on{box-shadow:inset 0 -2px 0 0 rgba(22,26,20,.14)}#page-sequencer #drumTracks button.step-pad{position:relative}#page-sequencer #drumTracks button.step-pad.has-shift{transform:translateX(calc(var(--step-shift-frac, 0)*100%))}#page-sequencer #drumTracks button.step-pad .step-shift{background:rgba(22,26,20,.5);border-radius:2px;cursor:ew-resize;height:5px;left:50%;margin-left:-5px;pointer-events:auto;position:absolute;top:2px;touch-action:none;width:10px;z-index:2}#page-sequencer .p.active:hover,#page-sequencer .p.on:hover{filter:brightness(1.04);transform:translateY(-1px)}#page-sequencer #quickSequencerRoot #drumTracks button.step-pad.now,#page-sequencer #quickSequencerRoot #drumTracks button.step-pad.step-pad--playhead,#page-sequencer #quickSequencerRoot .p.now,#page-sequencer #quickSequencerRoot .p.step-pad--playhead{box-shadow:none;outline:2px solid var(--stg-ink,#161a14);outline-offset:-2px}#page-sequencer #quickSequencerRoot.seq-block.is-playing #drumTracks button.step-pad.now,#page-sequencer #quickSequencerRoot.seq-block.is-playing #drumTracks button.step-pad.step-pad--playhead,#page-sequencer #quickSequencerRoot.seq-block.is-playing .p.now,#page-sequencer #quickSequencerRoot.seq-block.is-playing .p.step-pad--playhead{outline-color:var(--stg-accent,#d9f274)}#page-sequencer .seq-trk.is-muted .p,#page-sequencer .seq-trk.is-muted button.step-pad{opacity:.35}#page-sequencer .seq-trk.is-muted .trk-name{color:var(--stg-ink-4,#a6a59b)}#page-sequencer .drum-tracks--solo-mode .seq-trk.is-solo-dim{filter:saturate(.65);opacity:.34}#page-sequencer .trk-side{align-items:center;display:flex;justify-content:center}#page-sequencer .trk-ctrl-pill{align-items:center;background:var(--stg-paper,#fff);border-radius:var(--stg-r-pill,9999px);box-shadow:inset 0 0 0 1px rgba(22,26,20,.06);display:flex;gap:3px;padding:3px 4px}#page-sequencer .trk-ctrl-menu-wrap{position:relative}#page-sequencer .trk-ctrl-dropdown{background:var(--stg-paper,#fff);border:1px solid var(--stg-border,rgba(22,26,20,.08));border-radius:var(--stg-r-md,16px);box-shadow:var(--stg-lift-2);min-width:148px;padding:4px;position:absolute;right:0;top:calc(100% + 4px);z-index:40}#page-sequencer .trk-ctrl-dropdown__item{background:transparent;border:none;border-radius:10px;color:var(--stg-ink,#161a14);cursor:pointer;display:block;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:12px;font-weight:500;padding:8px 12px;text-align:left;width:100%}#page-sequencer .trk-ctrl-dropdown__item:hover{background:var(--stg-paper-deep,#f3f2ee)}#page-sequencer .trk-ctrl-dropdown__item:disabled{cursor:not-allowed;opacity:.4}#page-sequencer .trk-ctrl-dropdown__item:disabled:hover{background:transparent}#page-sequencer .trk-ctrl-dropdown__item--danger{color:var(--stg-danger,#b44a3a)}#page-sequencer .trk-ctrl-dropdown__item--danger:hover{background:rgba(180,74,58,.08)}#page-sequencer .trk-ctrl-btn{background:transparent;border:none;border-radius:var(--stg-r-pill,9999px);color:var(--stg-ink-3,#6b6b5f);cursor:pointer;display:grid;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:8px;font-weight:700;height:26px;letter-spacing:.05em;min-width:26px;padding:0 6px;place-items:center;text-transform:uppercase;transition:background .1s,color .1s}#page-sequencer .trk-ctrl-btn:hover{background:var(--stg-paper-deep,#f3f2ee);color:var(--stg-ink,#161a14)}#page-sequencer .trk-ctrl-btn.is-mute{background:var(--stg-danger,#b44a3a);color:var(--stg-paper,#fff)}#page-sequencer .trk-ctrl-btn.is-solo{background:var(--stg-accent,#d9f274);color:var(--stg-ink,#161a14)}#page-sequencer .trk-ctrl-opt{color:var(--stg-ink-3,#6b6b5f);font-size:14px;letter-spacing:0;line-height:1}#page-sequencer .trk-ctrl-opt:hover,#page-sequencer .trk-ctrl-opt[aria-expanded=true]{background:var(--stg-paper-deep,#f3f2ee);color:var(--stg-ink,#161a14)}#page-sequencer [data-t=kick]{--pad-on:#8db89a}#page-sequencer [data-t=snare]{--pad-on:#a3c4d1}#page-sequencer [data-t=hihat]{--pad-on:#d4c4a8}#page-sequencer [data-t="808"]{--pad-on:#d4b8a0}#page-sequencer [data-t=perc]{--pad-on:#a8c4b8}#page-sequencer [data-t=clap]{--pad-on:#c9b5d4}#page-sequencer [data-t=rim]{--pad-on:#b8c8d8}#page-sequencer .add-track-section,#page-sequencer .seq-add{align-items:center;border-top:1px dashed rgba(22,26,20,.1);display:flex;gap:8px;margin-top:14px;padding-top:12px}#page-sequencer .add-track-section label,#page-sequencer .seq-add__lab{color:var(--stg-ink-4,#a6a59b);font-size:9px;font-weight:600;letter-spacing:.1em;margin:0;text-transform:uppercase}#page-sequencer .add-track-dropdown,#page-sequencer .seq-add__pill{align-items:center;background:var(--stg-paper,#fff);border:none;border-radius:var(--stg-r-pill,9999px);color:var(--stg-ink,#161a14);cursor:pointer;display:inline-flex;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:12px;font-weight:500;gap:5px;padding:4px 12px}#page-sequencer .seq-add-track-top{align-items:center;display:flex;gap:6px}#page-sequencer .seq-add-track-top__pill.add-track-dropdown{border:none;border-radius:var(--stg-r-pill,9999px);padding:5px 12px}#page-sequencer .add-track-btn,#page-sequencer .seq-add__circle{background:var(--stg-paper,#fff);border:none;border-radius:50%;color:var(--stg-ink-2,#38382f);cursor:pointer;display:grid;font-family:var(--font-display,"Fraunces",Georgia,serif);font-size:18px;height:26px;line-height:1;padding:0;place-items:center;width:26px}#page-sequencer .add-track-btn:hover,#page-sequencer .seq-add__circle:hover{background:var(--stg-ink,#161a14);color:var(--stg-paper,#fff)}@media (max-width:900px) and (orientation:portrait){#page-sequencer #quickSequencerRoot.seq-block{border-radius:var(--stg-r-lg,20px);box-sizing:border-box;padding:12px 8px}#page-sequencer .seq-ruler,#page-sequencer .seq-trk,#page-sequencer .velocity-panel__strip-row,#page-sequencer .velocity-trigger-zone{align-items:center;column-gap:4px;display:grid;grid-template-columns:44px 1fr auto}#page-sequencer .velocity-panel__gutter-left{align-items:center;display:flex;width:44px}#page-sequencer .seq-ruler__ctrl-sp,#page-sequencer .velocity-panel__gutter-right{display:none!important}#page-sequencer #quickSequencerRoot .velocity-panel__bars,#page-sequencer #quickSequencerRoot .velocity-panel__step-nums,#page-sequencer .seq-ruler__nums,#page-sequencer .trk-pads{display:flex;gap:6px;min-width:0;width:100%}#page-sequencer #quickSequencerRoot .velocity-panel__beat-group,#page-sequencer #quickSequencerRoot .velocity-panel__step-nums-group,#page-sequencer .beat-group,#page-sequencer .beat-nums{display:grid;flex:1 1 0%;gap:2px;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0}#page-sequencer .beat-nums span{font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:10px;line-height:1;text-align:center}#page-sequencer .beat-nums span.b{font-weight:700;letter-spacing:-.02em}#page-sequencer .seq-trk{margin-bottom:4px}#page-sequencer .trk-name{align-items:center;border:none;border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0 2px;transition:transform .1s ease,background-color .1s ease;width:100%}#page-sequencer .trk-name:active{transform:scale(.93)}#page-sequencer .trk-name__label{font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:11px;font-weight:700;letter-spacing:.04em;overflow:visible;text-align:center;text-transform:uppercase;white-space:nowrap}#page-sequencer .track-preview-trigger{display:none!important}#page-sequencer #quickSequencerRoot #drumTracks button.step-pad,#page-sequencer .step-pad{aspect-ratio:auto;border:none;border-radius:var(--stg-r-xs,6px);box-sizing:border-box;cursor:pointer;height:36px;margin:0;min-height:36px;padding:0;touch-action:manipulation;transition:transform .08s ease,background-color .1s ease;width:100%}#page-sequencer .step-pad:active{transform:scale(.92)}#page-sequencer .quick-window-nav-title,#page-sequencer .seq-bar-nav__lab{color:rgba(244,236,216,.5);display:inline;font-size:10px;font-weight:700;letter-spacing:.06em;margin-right:4px;text-transform:uppercase}#page-sequencer .quick-window-segments-box{border-radius:9999px;display:inline-flex;padding:2px}#page-sequencer .quick-window-segment{border:none;border-radius:9999px;cursor:pointer;font-size:11px;font-weight:600;min-width:26px;padding:3px 7px;transition:all .15s ease}#page-sequencer .quick-segment-auto-btn{border:none;border-radius:9999px;cursor:pointer;font-size:10.5px;padding:3px 9px;transition:all .15s ease}#page-sequencer .quick-segment-auto-btn.active,#page-sequencer .quick-segment-auto-btn.is-active,#page-sequencer .quick-segment-auto-btn[aria-pressed=true]{background:#000;border:1px solid var(--stg-accent,#d9f274);color:var(--stg-accent,#d9f274);font-weight:700}#page-sequencer .quick-segment-auto-btn.active:hover,#page-sequencer .quick-segment-auto-btn.is-active:hover,#page-sequencer .quick-segment-auto-btn[aria-pressed=true]:hover{background:#111;color:var(--stg-accent,#d9f274)}#page-sequencer .velocity-panel__step-num{font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:9.5px;line-height:1;text-align:center}#page-sequencer .velocity-panel__step-num.is-downbeat{font-weight:700}}@media (max-width:1100px) and (max-height:500px){#page-sequencer #quickSequencerRoot.seq-block{border-radius:var(--stg-r-md,16px);padding:8px 6px}#page-sequencer .quick-window-segment{font-size:11px;height:24px;min-width:26px;padding:0 6px}#page-sequencer .quick-segment-auto-btn{font-size:10px;min-height:24px;padding:2px 8px}}