#page-sequencer.page{color:var(--stg-ink,#161a14);max-width:1280px;padding:var(--sp-5,24px) var(--sp-6,32px) var(--sp-9,96px)}#page-sequencer #quickSequencerRoot{background:var(--stg-paper-deep,#f0eee8);border:none;border-radius:var(--stg-r-xl,32px);box-shadow:0 8px 22px rgba(22,26,20,.05),inset 0 0 0 1px rgba(22,26,20,.04);padding:var(--sp-5,24px)}#page-sequencer .floating-header{backdrop-filter:none;background:var(--stg-canvas-deep,#2c5230);border:none;border-radius:var(--stg-r-2xl,40px);box-shadow:0 12px 40px rgba(22,26,20,.12);color:var(--stg-ink-on-deep,#f4ecd8);max-width:none;padding:var(--sp-5,24px) var(--sp-6,32px);width:100%}#page-sequencer .now-playing-label{color:var(--stg-ink-on-deep-2,#d9f274);font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:var(--fs-caption,.75rem);font-weight:500;letter-spacing:.14em;text-transform:uppercase}#page-sequencer .now-playing-name{color:var(--stg-ink-on-deep,#f4ecd8);font-family:var(--font-display,"Fraunces",Georgia,serif);font-size:clamp(1.35rem,3vw,1.85rem);font-weight:400;letter-spacing:-.02em;line-height:1.1}#page-sequencer .now-playing-name--editable{border-bottom-color:rgba(244,236,216,.35)}#page-sequencer .now-playing-name--editable:focus{border-bottom-color:var(--stg-ink-on-deep,#f4ecd8)}#page-sequencer .now-playing-sub{color:rgba(244,236,216,.8);font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:var(--fs-small,.875rem)}#page-sequencer .now-playing-sub a.tm-profile-deep-link,#page-sequencer .tm-profile-deep-link{color:rgba(244,236,216,.9);font-weight:500}#page-sequencer .now-playing-sub a.tm-profile-deep-link:hover,#page-sequencer .tm-profile-deep-link:hover{color:var(--stg-ink-on-deep,#f4ecd8)}#page-sequencer .dirty-star{color:var(--stg-pop-peach,#f6c7b8);font-family:var(--font-display,"Fraunces",Georgia,serif);font-size:1.5rem}#page-sequencer .icon-history-btn{background:rgba(244,236,216,.08);border:1px solid rgba(244,236,216,.35);border-radius:var(--stg-r-sm,8px);color:var(--stg-ink-on-deep,#f4ecd8)}#page-sequencer .icon-history-btn:hover:not(:disabled){background:rgba(244,236,216,.16);border-color:rgba(244,236,216,.55);color:var(--stg-ink-on-deep,#f4ecd8);transform:scale(1.04)}#page-sequencer .icon-history-btn:disabled{border-color:rgba(244,236,216,.2);color:rgba(244,236,216,.45);opacity:.35}#page-sequencer .play-pause-btn{background:var(--stg-accent,#d9f274);box-shadow:none;color:var(--stg-ink,#161a14);font-size:.95rem;height:38px;transition:transform .12s ease,background .12s ease;width:38px}#page-sequencer .play-pause-btn:hover{background:var(--stg-paper,#fff);color:var(--stg-ink,#161a14);filter:none;transform:scale(1.06)}#page-sequencer .play-pause-btn.transport-playing{background:var(--stg-danger,#b44a3a);box-shadow:none;color:var(--stg-paper,#fff)}#page-sequencer .play-pause-btn.transport-playing:hover{background:var(--stg-danger,#b44a3a);filter:brightness(1.12)}#page-sequencer .bpm-control{background:rgba(244,236,216,.12);border:none;border-radius:var(--stg-r-pill,9999px);min-width:auto;padding:6px 10px 6px 14px}#page-sequencer .bpm-control-label{color:rgba(244,236,216,.65);font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:10px;font-weight:600;letter-spacing:.08em;opacity:1}#page-sequencer .bpm-input{background:transparent;color:var(--stg-ink-on-deep,#f4ecd8);font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:14px;font-variant-numeric:tabular-nums;font-weight:500}#page-sequencer .bpm-input:focus{color:var(--stg-ink-on-deep,#f4ecd8);outline:none}#page-sequencer .bpm-input-wrap{align-items:center;display:inline-flex;gap:6px}#page-sequencer .bpm-step-stack{align-items:center;display:inline-flex;flex-direction:column;gap:2px;justify-content:center}#page-sequencer .bpm-step-btn{align-items:center;background:rgba(244,236,216,.18);border:none;border-radius:9999px;color:var(--stg-ink-on-deep,#f4ecd8);cursor:pointer;display:inline-flex;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:10px;font-weight:700;height:12px;justify-content:center;line-height:1;transition:background .12s ease,transform .08s ease;width:16px}#page-sequencer .bpm-step-btn:hover{background:rgba(244,236,216,.3)}#page-sequencer .bpm-step-btn:active{transform:translateY(1px)}#page-sequencer .bpm-step-btn--down,#page-sequencer .bpm-step-btn--up{padding:0}#page-sequencer .master-volume-control{align-items:center;background:rgba(244,236,216,.12);border-radius:var(--stg-r-pill,9999px);display:inline-flex;gap:8px;min-width:7rem;padding:6px 12px 6px 10px}#page-sequencer .master-volume-btn{align-items:center;background:transparent;border:none;color:var(--stg-ink-on-deep,#f4ecd8);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;justify-content:center;padding:0}#page-sequencer .master-volume-btn:hover{color:var(--stg-paper,#fff)}#page-sequencer .master-volume-btn.muted{color:rgba(244,236,216,.45);opacity:1}#page-sequencer .master-volume-slider{accent-color:var(--stg-accent,#d9f274);cursor:pointer;height:4px;margin:0;width:88px}#page-sequencer .sequencer-header-action-btn{background:transparent;border:none;border-radius:var(--stg-r-pill,9999px);color:rgba(244,236,216,.75);font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:11px;font-weight:500;letter-spacing:.08em;min-width:auto;padding:8px 14px;text-transform:uppercase}#page-sequencer .sequencer-header-action-btn:hover{background:rgba(244,236,216,.12);color:var(--stg-ink-on-deep,#f4ecd8)}#page-sequencer .sequencer-header-action-btn:active{background:var(--stg-accent,#d9f274);color:var(--stg-ink,#161a14)}#page-sequencer .sequencer-mode-toggle{background:var(--stg-paper-deep,#f0eee8);border:none;display:grid;grid-template-columns:1fr 1fr;margin-top:var(--sp-5,24px);padding:3px}#page-sequencer .sequencer-mode-btn{background:transparent;color:var(--stg-ink-3,#6b6b5f);font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:12px;font-weight:500;letter-spacing:.02em;min-width:110px;padding:8px 18px;text-align:center}#page-sequencer .sequencer-mode-btn:hover:not(.active){background:var(--stg-paper,#fff);color:var(--stg-ink,#161a14)}#page-sequencer .sequencer-mode-btn.active{background:var(--stg-ink,#161a14);box-shadow:none;color:var(--stg-paper,#fff)}#page-sequencer .sequencer-container{background:transparent;margin:var(--sp-5,24px) 0 var(--sp-7,48px);max-width:none;padding:0;width:100%}#page-sequencer .pattern-selector-group.pat-sel{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--sp-3,12px)}#page-sequencer .pat-sel__left,#page-sequencer .pattern-selector-primary{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:6px;min-width:0}#page-sequencer .pat-sel__right,#page-sequencer .pattern-actions-save{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}#page-sequencer .pat-sel__lab,#page-sequencer .selector-label{color:var(--stg-ink-4,#a6a59b);flex-shrink:0;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:10px;font-weight:600;letter-spacing:.12em;margin:0;text-transform:uppercase}#page-sequencer #patternSelect.pattern-dropdown-pill{appearance:none;-webkit-appearance:none;background-color:var(--stg-paper-deep,#f3f2ee);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%236b6b5f' stroke-width='1.6' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:12px;border:none;border-radius:var(--stg-r-pill,9999px);box-shadow:none;color:var(--stg-ink,#161a14);cursor:pointer;display:inline-block;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:13px;font-weight:500;line-height:1.3;max-width:min(280px,42vw);min-width:140px;padding:6px 28px 6px 12px;transition:background-color .12s ease;width:auto}#page-sequencer #patternSelect.pattern-dropdown-pill:focus,#page-sequencer #patternSelect.pattern-dropdown-pill:hover{background-color:var(--stg-paper-2,#fafaf7);border:none;box-shadow:none;outline:none}#page-sequencer #patternSelect.pattern-dropdown-pill optgroup,#page-sequencer #patternSelect.pattern-dropdown-pill option{background:var(--stg-paper,#fff);color:var(--stg-ink,#161a14);font-size:13px;font-weight:500}#page-sequencer .pattern-nav-cluster{align-items:center;display:inline-flex;gap:4px}#page-sequencer .nav-circ.control-btn-nav{background:var(--stg-paper-deep,#f3f2ee);border:none;border-radius:50%;box-shadow:none;color:var(--stg-ink-3,#6b6b5f);cursor:pointer;display:grid;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:0;height:30px;letter-spacing:0;margin:0;min-width:30px;padding:0;place-items:center;text-transform:none;transition:background .12s ease,color .12s ease;width:30px}#page-sequencer .nav-circ.control-btn-nav:hover{background:var(--stg-paper-2,#fafaf7);border:none;color:var(--stg-ink,#161a14)}#page-sequencer .nav-circ.control-btn-nav svg{display:block;height:12px;width:12px}#page-sequencer .add-track-dropdown{border:1px solid var(--stg-border-strong,rgba(22,26,20,.14));border-radius:var(--stg-r-sm,8px)}#page-sequencer .add-track-dropdown,#page-sequencer .control-btn{background:var(--stg-paper,#fff);color:var(--stg-ink,#161a14);font-family:var(--font-ui,"Inter Tight",sans-serif);font-weight:500}#page-sequencer .control-btn{border:1px solid var(--stg-border-strong,rgba(22,26,20,.14));border-radius:var(--stg-r-pill,9999px);font-size:12px;letter-spacing:.02em;text-transform:none}#page-sequencer .control-btn:hover{background:var(--stg-paper-deep,#f3f2ee)}#page-sequencer .control-btn-publish,#page-sequencer .control-btn-save{background:var(--stg-accent,#d9f274);border-color:var(--stg-accent,#d9f274);color:var(--stg-ink,#161a14);font-weight:600}#page-sequencer .control-btn-publish:hover,#page-sequencer .control-btn-save:hover{filter:brightness(.98)}#page-sequencer .sequencer-pattern-menu-wrap{align-items:center;display:inline-flex;position:relative}#page-sequencer .control-btn-more{background:var(--stg-paper-deep,#f3f2ee);border:none;border-radius:50%;box-shadow:none;color:var(--stg-ink-3,#6b6b5f);display:grid;font-size:17px;font-weight:600;height:30px;letter-spacing:0;line-height:1;margin:0;min-width:30px;padding:0;place-items:center;transition:background .12s ease,color .12s ease,box-shadow .12s ease;width:30px}#page-sequencer .control-btn-more:hover{background:var(--stg-paper-2,#fafaf7);color:var(--stg-ink,#161a14);filter:none}#page-sequencer .control-btn-more[aria-expanded=true]{background:var(--stg-paper,#fff);box-shadow:0 0 0 2px var(--stg-border-strong,rgba(22,26,20,.14));color:var(--stg-ink,#161a14)}#page-sequencer .sequencer-pattern-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,0 8px 24px rgba(22,26,20,.08));min-width:11.5rem;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:40}#page-sequencer .sequencer-pattern-dropdown__item{background:transparent;border:none;border-radius:var(--stg-r-sm,8px);color:var(--stg-ink,#161a14);cursor:pointer;display:block;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:13px;font-weight:500;padding:8px 12px;text-align:left;width:100%}#page-sequencer .sequencer-pattern-dropdown__item:hover{background:var(--stg-paper-deep,#f3f2ee)}#page-sequencer .sequencer-pattern-dropdown__item--danger{color:#b42318}#page-sequencer .sequencer-pattern-dropdown__item--danger:hover{background:rgba(180,35,24,.08)}#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 #quickSequencerRoot .quick-window-nav{align-items:center;backdrop-filter:none;background:transparent;border:none;border-radius:0;box-shadow:none;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:var(--stg-accent,#d9f274);border:none;box-shadow:none;color:var(--stg-ink,#161a14);font-weight:600}#page-sequencer #quickSequencerRoot .quick-segment-auto-btn.active:hover,#page-sequencer #quickSequencerRoot .quick-segment-auto-btn[aria-pressed=true]:hover{background:var(--stg-accent,#d9f274);color:var(--stg-ink,#161a14);filter:brightness(1.04)}#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{align-items:center;column-gap:8px;display:grid;grid-template-columns:80px 1fr 90px}#page-sequencer .seq-ruler{margin-bottom:4px}#page-sequencer .seq-ruler__nums,#page-sequencer .trk-pads{display:flex;gap:8px;min-width:0}#page-sequencer .beat-group,#page-sequencer .beat-nums{display:grid;flex:1;gap:3px;grid-template-columns:repeat(4,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);cursor:pointer;display:flex;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:10.5px;justify-content:space-between;letter-spacing:.06em;padding:4px 8px;text-align:left;text-transform:uppercase;transition:background .12s;width:100%}#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;margin:0;min-height:0;min-width:0;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 .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--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 .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:680px){#page-sequencer #quickSequencerRoot.seq-block{border-radius:var(--stg-r-lg,24px);padding:14px}#page-sequencer .seq-ruler,#page-sequencer .seq-trk{column-gap:6px;grid-template-columns:56px 1fr 0}#page-sequencer .seq-ruler__ctrl-sp,#page-sequencer .trk-side{display:none}#page-sequencer .seq-ruler__nums,#page-sequencer .trk-pads{gap:4px}#page-sequencer .beat-group,#page-sequencer .beat-nums{gap:2px}}#page-sequencer .remake-hero{align-items:stretch;background:var(--stg-paper-deep,#f3f2ee);border:none;border-radius:var(--stg-r-xl,32px);display:grid;gap:var(--sp-5,24px);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);margin-bottom:var(--sp-5,24px);overflow:hidden;padding:var(--sp-5,24px)}#page-sequencer .remake-hero__media{min-width:0}#page-sequencer .remake-hero__iframe-wrap{background:var(--stg-paper-2,#fafaf7);border-radius:var(--stg-r-lg,24px);margin:0;overflow:hidden;padding-top:56.25%;position:relative;width:100%}#page-sequencer .remake-hero__iframe{border:none;height:100%;inset:0;position:absolute;width:100%}#page-sequencer .remake-hero__info{display:flex;flex-direction:column;gap:var(--sp-2,8px);justify-content:flex-start;min-width:0;padding:var(--sp-4,16px) 0 0}#page-sequencer .remake-hero__eyebrow{color:var(--stg-ink-3,#6b6b5f);letter-spacing:.12em;margin:0}#page-sequencer .remake-hero__badge,#page-sequencer .remake-hero__eyebrow{font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:10px;font-weight:600;text-transform:uppercase}#page-sequencer .remake-hero__badge{align-self:flex-start;background:var(--stg-pop-cream,#f4ecd8);border:none;border-radius:var(--stg-r-pill,9999px);color:var(--stg-ink,#161a14);letter-spacing:.1em;padding:4px 10px}#page-sequencer .remake-hero__title{color:var(--stg-ink,#161a14);font-family:var(--font-display,"Fraunces",Georgia,serif);font-size:clamp(1.35rem,2.8vw,2rem);font-style:italic;font-weight:400;letter-spacing:-.02em;line-height:1.1;margin:0}#page-sequencer .remake-hero__artist{color:var(--stg-ink-2,#38382f);font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:var(--fs-body,1rem);margin:var(--sp-2,8px) 0 var(--sp-2,8px)}#page-sequencer .remake-hero__meta-grid{align-items:baseline;border-top:1px solid var(--stg-border,rgba(22,26,20,.08));display:grid;gap:6px var(--sp-4,16px);grid-template-columns:max-content 1fr;margin:var(--sp-2,8px) 0 0;padding:var(--sp-3,12px) 0 0}#page-sequencer .remake-hero__meta-item{display:contents}#page-sequencer .remake-hero__meta-item dt{color:var(--stg-ink-3,#6b6b5f);font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:10px;font-weight:600;letter-spacing:.08em;margin:0;text-transform:uppercase}#page-sequencer .remake-hero__meta-item dd{color:var(--stg-ink-2,#38382f);font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:var(--fs-small,.875rem);line-height:1.35;margin:0}@media (max-width:860px){#page-sequencer .remake-hero{grid-template-columns:1fr;padding:var(--sp-4,16px)}#page-sequencer .remake-hero__info{padding-top:0}}#page-sequencer .drumseq-app{--ds-text-on-brown:var(--stg-ink,#161a14);--ds-text-on-brown-dim:var(--stg-ink-2,#38382f);--ds-text-on-brown-muted:var(--stg-ink-3,#6b6b5f);--ds-gold:var(--stg-accent,#d9f274);--ds-gold-light:var(--stg-accent,#d9f274);--ds-brown-900:var(--stg-paper-deep,#f3f2ee);--ds-brown-800:var(--stg-paper,#fff);--ds-brown-700:var(--stg-paper-2,#fafaf7);--ds-brown-600:var(--stg-paper-deep,#f3f2ee);--ds-grid-row-light:var(--stg-paper,#fff);--ds-grid-row-dark:var(--stg-paper-2,#fafaf7);background:var(--stg-paper-deep,#f3f2ee);border:none;border-radius:var(--stg-r-xl,32px);box-shadow:var(--stg-lift)}#page-sequencer .drumseq-app .ds-toolbar{align-items:center;background:var(--stg-paper,#fff);border-bottom:1px solid rgba(22,26,20,.08);box-shadow:none;display:flex;gap:8px;height:52px;min-height:52px;padding:0 16px}#page-sequencer .drumseq-app .ds-toolbar-section{align-items:center;border:none;display:flex;gap:8px;margin:0;padding:0}#page-sequencer .drumseq-app .ds-toolbar-left{flex-shrink:0}#page-sequencer .drumseq-app .ds-toolbar-center{flex:1;flex-wrap:wrap;gap:10px;justify-content:center;min-width:0;row-gap:6px}#page-sequencer .drumseq-app .ds-toolbar-center .ds-control-group+.ds-control-group{border:none;margin:0;padding:0}#page-sequencer .drumseq-app .ds-toolbar-right{flex-shrink:0}#page-sequencer .drumseq-app .ds-toolbar-right .ds-control-group+.ds-control-group{border:none;margin:0;padding:0}#page-sequencer .drumseq-app .ds-toolbar-divider{background:rgba(22,26,20,.08);flex-shrink:0;height:20px;width:1px}#page-sequencer .drumseq-app .ds-tb-title,#page-sequencer .drumseq-app .ds-title{color:var(--stg-ink-3,#6b6b5f);font-family:var(--font-display,"Fraunces",Georgia,serif);font-size:13px;font-style:italic;font-weight:500;letter-spacing:-.01em;line-height:1.2;text-shadow:none;white-space:nowrap}#page-sequencer .drumseq-app .ds-title-accent{color:inherit;font-style:italic}#page-sequencer .drumseq-app .ds-toolbar .ds-control-group{align-items:center;display:flex;gap:5px}#page-sequencer .drumseq-app .ds-toolbar .ds-control-label{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 .drumseq-app .ds-toolbar .ds-control-select{background:var(--stg-paper-deep,#f3f2ee);border:1px solid rgba(22,26,20,.1);border-radius:var(--stg-r-sm,8px);color:var(--stg-ink,#161a14);cursor:pointer;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:11px;font-weight:500;max-width:min(100%,92px);min-width:56px;outline:none;padding:4px 8px;transition:border-color .12s}#page-sequencer .drumseq-app .ds-toolbar .ds-control-select:hover{border-color:rgba(22,26,20,.2)}#page-sequencer .drumseq-app .ds-toolbar .ds-control-select:focus{border-color:rgba(22,26,20,.3);box-shadow:none}#page-sequencer .drumseq-app .ds-toolbar .ds-control-select optgroup,#page-sequencer .drumseq-app .ds-toolbar .ds-control-select option{background:var(--stg-paper,#fff);color:var(--stg-ink,#161a14)}#page-sequencer .drumseq-app .ds-toolbar .ds-toggle-group{align-items:center;background:var(--stg-paper-deep,#f3f2ee);border:none;border-radius:var(--stg-r-pill,9999px);display:inline-flex;overflow:visible;padding:2px}#page-sequencer .drumseq-app .ds-toolbar .ds-toggle-btn{align-items:center;background:transparent;border:none;border-radius:var(--stg-r-pill,9999px);color:var(--stg-ink-3,#6b6b5f);cursor:pointer;display:inline-flex;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:11px;font-weight:500;gap:4px;letter-spacing:0;min-height:0;padding:4px 10px;text-transform:none;transition:background .12s,color .12s}#page-sequencer .drumseq-app .ds-toolbar .ds-toggle-btn:not(:last-child){border-right:none}#page-sequencer .drumseq-app .ds-toolbar .ds-toggle-btn:hover{background:transparent;color:var(--stg-ink,#161a14)}#page-sequencer .drumseq-app .ds-toolbar .ds-toggle-btn.active{background:var(--stg-ink,#161a14);color:var(--stg-paper,#fff);font-weight:500}#page-sequencer .drumseq-app .ds-toolbar .ds-toggle-btn svg{display:block;flex-shrink:0}#page-sequencer .drumseq-app .ds-toolbar .ds-bars-control,#page-sequencer .drumseq-app .ds-toolbar .ds-stepper,#page-sequencer .drumseq-app .ds-toolbar .ds-zoom-controls{align-items:center;background:var(--stg-paper-deep,#f3f2ee);border-radius:var(--stg-r-pill,9999px);display:inline-flex;gap:4px;padding:2px 4px}#page-sequencer .drumseq-app .ds-toolbar .ds-sm-btn{background:transparent;border:none;border-radius:50%;color:var(--stg-ink-2,#38382f);cursor:pointer;display:grid;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:14px;height:22px;line-height:1;min-height:22px;min-width:22px;padding:0;place-items:center;transition:background .1s;width:22px}#page-sequencer .drumseq-app .ds-toolbar .ds-sm-btn:hover{background:var(--stg-paper,#fff);border:none;color:var(--stg-ink,#161a14)}#page-sequencer .drumseq-app .ds-toolbar .ds-sm-btn:active{transform:scale(.94)}#page-sequencer .drumseq-app .ds-toolbar .ds-sm-btn:disabled{background:transparent;border:none;color:var(--stg-ink-4,#a6a59b);cursor:default;opacity:1}#page-sequencer .drumseq-app .ds-toolbar .ds-sm-btn:disabled:hover{background:transparent;color:var(--stg-ink-4,#a6a59b)}#page-sequencer .drumseq-app .ds-toolbar .ds-bars-value,#page-sequencer .drumseq-app .ds-toolbar .ds-val,#page-sequencer .drumseq-app .ds-toolbar .ds-zoom-value{color:var(--stg-ink,#161a14);font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:12px;font-variant-numeric:tabular-nums;font-weight:500;min-width:28px;text-align:center}@media (max-width:1100px){#page-sequencer .drumseq-app .ds-toolbar .ds-control-label{display:inline}}@media (max-width:900px){#page-sequencer .drumseq-app .ds-toolbar{flex-wrap:wrap;height:auto;min-height:52px;padding-bottom:8px;padding-top:8px}#page-sequencer .drumseq-app .ds-toolbar-divider{display:none}#page-sequencer .drumseq-app .ds-toolbar-center{flex-basis:100%;justify-content:flex-start;order:3}}#page-sequencer .drumseq-app{--ds-panel-w:240px;--ds-timeline-h:28px;--ds-track-h:40px;--ds-status-h:26px}#page-sequencer .drumseq-app .ds-sequencer-body{background:var(--stg-paper,#fff);min-height:280px}#page-sequencer .drumseq-app .ds-track-panel{background:var(--stg-paper-deep,#f3f2ee);border-right:1px solid rgba(22,26,20,.08);min-width:var(--ds-panel-w);width:var(--ds-panel-w)}#page-sequencer .drumseq-app .ds-timeline-corner{background:var(--stg-paper,#fff);border-bottom:1px solid rgba(22,26,20,.08);height:var(--ds-timeline-h);min-height:var(--ds-timeline-h)}#page-sequencer .drumseq-app .ds-corner-label{color:var(--stg-ink-4,#a6a59b);font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}#page-sequencer .drumseq-app .ds-track-list{flex:1;overflow-y:auto}#page-sequencer .drumseq-app .ds-track-row{border-bottom:1px solid rgba(22,26,20,.04);gap:5px;height:var(--ds-track-h);padding:0 8px 0 0;transition:background .1s}#page-sequencer .drumseq-app .ds-track-row:nth-child(2n){background:rgba(22,26,20,.03)}#page-sequencer .drumseq-app .ds-track-row:hover{background:hsla(0,0%,100%,.75)}#page-sequencer .drumseq-app .ds-track-row.is-muted .ds-track-name{color:var(--stg-ink-4,#a6a59b)}#page-sequencer .drumseq-app .ds-track-row.is-solo-dim{opacity:.35}#page-sequencer .drumseq-app .ds-track-row.is-muted:not(.is-solo-dim){opacity:.55}#page-sequencer .drumseq-app .ds-track-color-bar{align-self:stretch;border-radius:0;flex-shrink:0;height:auto;width:4px}#page-sequencer .drumseq-app .ds-track-name{color:var(--stg-ink-2,#38382f);font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}#page-sequencer .drumseq-app .ds-track-name.editing{background:var(--stg-paper,#fff);border:1px solid rgba(22,26,20,.2);border-radius:var(--stg-r-sm,8px);color:var(--stg-ink,#161a14);font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:10px;letter-spacing:0;padding:2px 6px;text-transform:none}#page-sequencer .drumseq-app .ds-track-btns{gap:2px;opacity:0;transition:opacity .1s}#page-sequencer .drumseq-app .ds-track-row:focus-within .ds-track-btns,#page-sequencer .drumseq-app .ds-track-row:hover .ds-track-btns{opacity:1}#page-sequencer .drumseq-app .ds-track-btn{background:transparent;border:none;border-radius:var(--stg-r-pill,9999px);color:var(--stg-ink-4,#a6a59b);font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:8px;font-weight:700;height:20px;letter-spacing:0;min-width:20px;width:20px}#page-sequencer .drumseq-app .ds-track-btn:hover{background:rgba(22,26,20,.08);border:none;color:var(--stg-ink,#161a14)}#page-sequencer .drumseq-app .ds-track-btn.mute-active{background:var(--stg-danger,#b44a3a);border:none;color:var(--stg-paper,#fff)}#page-sequencer .drumseq-app .ds-track-btn.solo-active{background:var(--stg-accent,#d9f274);border:none;color:var(--stg-ink,#161a14)}#page-sequencer .drumseq-app .ds-track-edit-btn{font-size:7px;letter-spacing:.04em;min-width:34px;padding:0 5px;width:auto}#page-sequencer .drumseq-app .ds-track-delete-btn{color:var(--stg-ink-4,#a6a59b);font-size:13px;font-weight:600}#page-sequencer .drumseq-app .ds-track-delete-btn:hover{background:rgba(180,74,58,.12);border:none;color:var(--stg-danger,#b44a3a)}#page-sequencer .drumseq-app .ds-track-add-row{border-top:1px solid rgba(22,26,20,.08);gap:6px;padding:8px}#page-sequencer .drumseq-app .ds-add-track-select{border:1px solid rgba(22,26,20,.1);border-radius:var(--stg-r-sm,8px);font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:11px;font-weight:500;padding:6px 8px}#page-sequencer .drumseq-app .ds-add-track-select,#page-sequencer .drumseq-app .ds-add-track-select option{background:var(--stg-paper,#fff);color:var(--stg-ink,#161a14)}#page-sequencer .drumseq-app .ds-add-track-btn{background:transparent;border:1.5px dashed rgba(22,26,20,.2);border-radius:var(--stg-r-sm,8px);color:var(--stg-ink-4,#a6a59b);font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:11px;font-weight:500;letter-spacing:.03em;padding:7px 8px}#page-sequencer .drumseq-app .ds-add-track-btn:hover{background:rgba(22,26,20,.03);border-color:rgba(22,26,20,.35);color:var(--stg-ink,#161a14)}#page-sequencer .drumseq-app .ds-grid-area{background:var(--stg-paper,#fff)}#page-sequencer .drumseq-app .ds-timeline-canvas{background:var(--stg-paper,#fff);border-bottom:1px solid rgba(22,26,20,.1)}#page-sequencer .drumseq-app .ds-grid-scroll::-webkit-scrollbar{height:8px}#page-sequencer .drumseq-app .ds-grid-scroll::-webkit-scrollbar-track{background:var(--stg-paper-deep,#f3f2ee)}#page-sequencer .drumseq-app .ds-grid-scroll::-webkit-scrollbar-thumb{background:rgba(22,26,20,.18);border:2px solid var(--stg-paper-deep,#f3f2ee);border-radius:4px}#page-sequencer .drumseq-app .ds-grid-scroll::-webkit-scrollbar-thumb:hover{background:rgba(22,26,20,.28)}#page-sequencer .drumseq-app .ds-grid-canvas{background:var(--stg-paper,#fff)}#page-sequencer .drumseq-app .ds-velocity-popup{background:var(--stg-paper,#fff);border:1px solid rgba(22,26,20,.12);border-radius:var(--stg-r-md,16px);box-shadow:var(--stg-lift,0 4px 24px rgba(22,26,20,.1))}#page-sequencer .drumseq-app .ds-vel-label{color:var(--stg-ink-4,#a6a59b);font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:9px;font-weight:700;letter-spacing:.1em}#page-sequencer .drumseq-app .ds-vel-slider{accent-color:var(--stg-ink,#161a14)}#page-sequencer .drumseq-app .ds-vel-value{color:var(--stg-ink,#161a14)}#page-sequencer .drumseq-app .ds-status-bar{background:var(--stg-paper,#fff);border-top:1px solid rgba(22,26,20,.08);height:var(--ds-status-h);min-height:var(--ds-status-h);padding:0 16px}#page-sequencer .drumseq-app .ds-status-text{color:var(--stg-ink-4,#a6a59b);font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:10px;font-weight:500;letter-spacing:0}@media (max-width:1100px){#page-sequencer .drumseq-app{--ds-panel-w:200px}}@media (max-width:900px){#page-sequencer .drumseq-app{--ds-panel-w:168px}#page-sequencer .drumseq-app .ds-track-btns{opacity:1}#page-sequencer .drumseq-app .ds-track-edit-btn{font-size:6px;min-width:28px;padding:0 3px}}@media (max-width:768px){#page-sequencer.page{padding:var(--sp-4,16px) var(--sp-4,16px) var(--sp-7,48px)}#page-sequencer .floating-header{align-items:stretch;flex-direction:column}#page-sequencer .header-controls{justify-content:flex-start}}#page-sequencer .sequencer-comments-separator{display:none}#page-sequencer .sequencer-comments-panel.cmt-sec{background:transparent;border:none;border-radius:0;border-top:1px solid var(--stg-border,rgba(22,26,20,.08));margin:var(--sp-5,24px) 0 var(--sp-7,48px);max-width:none;padding:var(--sp-4,16px) 0 0;width:100%}#page-sequencer .cmt-sec .head{align-items:baseline;display:flex;gap:var(--sp-2,8px);margin-bottom:4px}#page-sequencer #sequencer-comments-title,#page-sequencer .cmt-sec .head h2{color:var(--stg-ink,#161a14);font-family:var(--font-display,"Fraunces",Georgia,serif);font-size:22px;font-weight:400;letter-spacing:-.02em;margin:0;text-transform:none}#page-sequencer .cmt-sec .head .cnt,#page-sequencer .sequencer-comments-count{background:var(--stg-paper-deep,#f3f2ee);border:none;border-radius:var(--stg-r-pill,9999px);color:var(--stg-ink-3,#6b6b5f);font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:11px;font-variant-numeric:tabular-nums;font-weight:500;padding:2px 8px}#page-sequencer .cmt-sec .hint,#page-sequencer .sequencer-comments-panel__hint{color:var(--stg-ink-3,#6b6b5f);font-size:13px;margin:0 0 var(--sp-4,16px);opacity:1}#page-sequencer .pattern-comments-list{display:flex;flex-direction:column;gap:6px;margin-top:0;max-height:none;overflow:visible}#page-sequencer .pattern-comment-row{background:var(--stg-paper-deep,#f3f2ee);border:none;border-radius:var(--stg-r-lg,24px);box-shadow:none;color:var(--stg-ink,#161a14);margin-bottom:6px;padding:var(--sp-3,12px)}#page-sequencer .pattern-comment-row--hidden{opacity:.55}#page-sequencer .pattern-comment-row__main{align-items:start;display:grid;gap:var(--sp-3,12px);grid-template-columns:32px 1fr}#page-sequencer .pattern-comment-avatar{background:#a3c4d1;border-radius:999px;color:var(--stg-ink,#161a14);display:grid;flex-shrink:0;font-family:var(--font-display,"Fraunces",Georgia,serif);font-size:13px;font-weight:400;height:32px;place-items:center;width:32px}#page-sequencer .pattern-comment-row:nth-child(3n+1) .pattern-comment-avatar{background:#a3c4d1}#page-sequencer .pattern-comment-row:nth-child(3n+2) .pattern-comment-avatar{background:#d4c4a8}#page-sequencer .pattern-comment-row:nth-child(3n) .pattern-comment-avatar{background:#8db89a}#page-sequencer .pattern-comment-row--reply .pattern-comment-avatar{font-size:12px;height:28px;width:28px}#page-sequencer .pattern-comment-content{font-size:14px;line-height:1.5;min-width:0}#page-sequencer .pattern-comment-meta{align-items:baseline;display:flex;flex-wrap:wrap;gap:var(--sp-2,8px);margin-bottom:2px}#page-sequencer .pattern-comment-author-link{color:var(--stg-ink,#161a14);font-family:var(--font-display,"Fraunces",Georgia,serif);font-size:15px;font-weight:400;letter-spacing:-.01em;text-decoration:none}#page-sequencer .pattern-comment-author-link:hover{text-decoration:underline}#page-sequencer .pattern-comment-time{color:var(--stg-ink-4,#a6a59b);font-size:11px;font-weight:400;letter-spacing:0}#page-sequencer .pattern-comment-body{color:var(--stg-ink-2,#38382f);font-size:14px;line-height:1.5;margin:0;max-width:55ch}#page-sequencer .pattern-comment-body--system{color:var(--stg-ink-3,#6b6b5f);font-style:italic}#page-sequencer .pattern-comment-actions{align-items:center;display:flex;flex-wrap:wrap;gap:6px 10px;margin-top:var(--sp-2,8px)}#page-sequencer .pattern-comment-action,#page-sequencer .pc-reaction-btn{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-weight:500;padding:4px 8px}#page-sequencer .pattern-comment-action:hover,#page-sequencer .pc-reaction-btn:hover{background:var(--stg-paper,#fff);color:var(--stg-ink,#161a14)}#page-sequencer .pattern-comment-action--danger:hover{background:rgba(180,74,58,.12);color:var(--stg-danger,#b44a3a)}#page-sequencer .pc-reaction-btn.pc-reaction-active{background:var(--stg-paper,#fff);color:var(--stg-ink,#161a14)}#page-sequencer .pattern-comment-replies{border-left:1px solid var(--stg-border,rgba(22,26,20,.08));display:flex;flex-direction:column;gap:6px;grid-column:1/-1;margin:0;padding:var(--sp-2,8px) 0 0 var(--sp-4,16px)}#page-sequencer .pattern-comment-row--reply{background:var(--stg-paper,#fff);box-shadow:inset 0 0 0 1px rgba(22,26,20,.05)}#page-sequencer .pattern-comments-loading{color:var(--stg-ink-3,#6b6b5f);font-size:13px;margin:0 0 var(--sp-3,12px)}#page-sequencer .pc-inline-toggle-btn.tm-profile-btn{background:var(--stg-paper-deep,#f3f2ee);border:none;border-radius:var(--stg-r-pill,9999px);color:var(--stg-ink,#161a14);cursor:pointer;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:11px;font-weight:600;letter-spacing:.08em;margin-bottom:var(--sp-3,12px);padding:10px 16px;text-transform:uppercase}#page-sequencer .pc-inline-toggle-btn.tm-profile-btn:hover{background:var(--stg-paper,#fff)}#page-sequencer .pattern-comments-composer{align-items:start;background:var(--stg-paper,#fff);border-radius:var(--stg-r-lg,24px);box-shadow:inset 0 0 0 1px rgba(22,26,20,.06);display:grid;gap:var(--sp-3,12px);grid-template-columns:32px 1fr;margin-bottom:var(--sp-3,12px);padding:var(--sp-3,12px)}#page-sequencer .pattern-comments-composer--inline-reply{background:var(--stg-paper-deep,#f3f2ee);margin-left:var(--sp-4,16px)}#page-sequencer .pattern-comments-composer__content{display:flex;flex-direction:column;gap:var(--sp-2,8px)}#page-sequencer .pattern-comments-textarea{background:var(--stg-paper-deep,#f3f2ee);border:none;border-radius:var(--stg-r-md,16px);color:var(--stg-ink,#161a14);font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:14px;min-height:4.5rem;padding:10px 12px;resize:vertical;width:100%}#page-sequencer .pattern-comments-textarea:focus{outline:2px solid var(--stg-ink,#161a14);outline-offset:-1px}#page-sequencer .pc-composer-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}#page-sequencer .pc-composer-actions .modal-btn.primary{background:var(--stg-ink,#161a14);border:none;border-radius:var(--stg-r-pill,9999px);color:var(--stg-paper,#fff);cursor:pointer;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:12px;font-weight:600;padding:8px 16px}#page-sequencer .pc-composer-actions .modal-btn.primary:hover{opacity:.9}.modal-overlay.modal-overlay--tutorial{align-items:center;backdrop-filter:none;background:transparent;pointer-events:none;z-index:calc(var(--tm-modal-overlay-z, 1200) + 100)}.tutorial-panel{background:var(--stg-paper,#faf6ee);border:1px solid rgba(22,26,20,.12);border-radius:20px;box-shadow:0 8px 32px rgba(22,26,20,.18);max-width:calc(100vw - 32px);padding:32px 32px 28px;pointer-events:auto;position:relative;width:460px;z-index:2}.tutorial-step-badge{align-items:center;display:flex;gap:8px;margin-bottom:16px}.tutorial-step-num{align-items:center;background:var(--stg-pop-lime,#c8f53c);border-radius:50%;color:var(--stg-ink,#1a1408);display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:22px;justify-content:center;width:22px}.tutorial-step-of{color:var(--stg-ink-muted,#6b6b5f);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.tutorial-title{color:var(--stg-ink,#1a1408);font-family:var(--stg-font-display,"Fraunces",Georgia,serif);font-size:22px;font-weight:400;letter-spacing:-.01em;line-height:1.2;margin:0 0 10px}.tutorial-body{color:var(--stg-ink-muted,#6b6b5f);font-size:14px;line-height:1.6;margin:0 0 24px}.tutorial-footer{display:flex;flex-direction:column;gap:12px}.tutorial-dots{display:flex;gap:6px;justify-content:center}.tutorial-dot{background:rgba(22,26,20,.15);border-radius:50%;display:inline-block;height:7px;transition:background .2s;width:7px}.tutorial-dot.active{background:var(--stg-pop-lime,#c8f53c)}.tutorial-actions{align-items:center;display:flex;justify-content:space-between}.tutorial-next-btn{background:var(--stg-ink,#1a1408);border:none;border-radius:10px;color:var(--stg-paper,#faf6ee);cursor:pointer;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:14px;font-weight:600;padding:10px 20px;transition:background .15s,transform .1s}.tutorial-next-btn:hover{background:#2c2c1a;transform:translateY(-1px)}.tutorial-next-btn:focus-visible{outline:3px solid var(--stg-pop-lime,#c8f53c);outline-offset:2px}.tutorial-next-btn.is-last{background:var(--stg-pop-lime,#c8f53c);color:var(--stg-ink,#1a1408)}.tutorial-next-btn.is-last:hover{background:#b8e02a}.tutorial-next-btn.is-last:focus-visible{outline-color:var(--stg-ink,#1a1408)}.tutorial-skip-btn{background:none;border:none;color:rgba(22,26,20,.4);cursor:pointer;font-size:13px;padding:4px 0;text-decoration:none;transition:color .15s}.tutorial-skip-btn:hover{color:var(--stg-ink-muted,#6b6b5f);text-decoration:underline}.tutorial-spotlight{border-radius:4px;outline:3px solid var(--stg-pop-lime,#c8f53c)!important;outline-offset:4px;position:relative;z-index:calc(var(--tm-modal-overlay-z, 1200) + 99)}@media (max-width:520px){.tutorial-panel{padding:24px 22px 20px;width:calc(100vw - 32px)}.tutorial-title{font-size:19px}}