.page_controlsCard__jp3Lt{position:relative;padding:12px}.page_authGateCard__EPb5Q,.page_controlsCard__jp3Lt{display:grid;gap:12px;border-radius:16px;border:1px solid var(--border-color);background:color-mix(in srgb,var(--panel) 97%,transparent)}.page_authGateCard__EPb5Q{max-width:560px;padding:18px}.page_authGateCard__EPb5Q h1,.page_authGateCard__EPb5Q p{margin:0}.page_authGateCard__EPb5Q h1{font-size:1.35rem;line-height:1.05}.page_authGateCard__EPb5Q p{color:var(--muted)}.page_authGateActions__pa_ih{display:flex;flex-wrap:wrap;gap:8px}.page_controlsMain__66k1B{display:grid;gap:12px}.page_transportHeader__B4nru{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}.page_transportRow__OlK0Y{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.page_transportPlaybackScope__GvzmO{display:inline-flex;align-items:center;gap:3px;padding:2px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border-color) 72%,transparent);background:color-mix(in srgb,var(--panel) 84%,transparent);justify-self:end}.page_transportToggleButton__ij33K{width:38px;min-width:38px;height:38px;padding:0;border-radius:10px;display:grid;place-items:center}.page_transportToggleIcon__5ufjp{width:15px;height:15px;display:block}.page_transportToggleIcon__5ufjp>svg{width:100%;height:100%;display:block}.page_transportActionButton__VyHIC{min-width:0;white-space:nowrap}.page_roomRow__I8Xma{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.page_roomMeta__w4ZFl{display:flex;align-items:center;gap:8px;min-width:0;color:var(--muted);font-size:12px;font-weight:800}.page_roomPill__1mItO{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid color-mix(in srgb,#0fc2a2 42%,var(--border-color) 58%);background:color-mix(in srgb,#0fc2a2 13%,var(--panel-soft) 87%);color:color-mix(in srgb,#07967a 82%,var(--text) 18%);white-space:nowrap}.page_isPrivateRoomPill__lRIZy{border-color:color-mix(in srgb,#7c83ff 44%,var(--border-color) 56%);background:color-mix(in srgb,#7c83ff 13%,var(--panel-soft) 87%);color:color-mix(in srgb,#6168ee 82%,var(--text) 18%)}.page_roomActions__NTSSE{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.page_roomNotice__50LXY{grid-column:1/-1;margin:-2px 0 0;color:var(--muted);font-size:12px}.page_transportButtonIcon__LlB8P,.page_transportButtonLabelCompact__w2Rxg{display:none}.page_recentChangesToggle__1_lfr{width:34px;min-width:34px;height:34px;padding:0;border-radius:10px;display:grid;place-items:center}.page_isRecentChangesToggleActive__1jStX{border-color:rgba(15,194,162,.66);background:linear-gradient(180deg,rgba(15,194,162,.18),rgba(15,194,162,.06));color:color-mix(in srgb,#08aa7a 85%,var(--text) 15%)}.page_recentChangesToggleIcon__zWE3t{width:14px;height:14px;display:block}.page_recentChangesToggleIcon__zWE3t>svg{width:100%;height:100%;display:block}.page_tempoRow__Ao1Db{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;align-items:end}.page_tempoField__DZi3a,.page_tempoNumberField__gKXPE{display:grid;gap:6px}.page_tempoField__DZi3a>span,.page_tempoNumberField__gKXPE>span{color:var(--muted);font-size:12px;font-weight:700}.page_tempoField__DZi3a input[type=range],.page_tempoNumberField__gKXPE input{width:100%;min-height:38px;border-radius:10px;border:1px solid var(--border-color);background:var(--panel-soft);color:var(--text);padding:8px 10px}.page_tempoField__DZi3a input[type=range]{border:none;background:transparent;padding:0;min-height:30px}.page_tempoStepper__D0JOL{display:grid;grid-template-columns:auto auto;align-items:end;gap:6px}.page_tempoStepperValue__xneIa{min-width:56px;min-height:38px;border-radius:10px;border:1px solid var(--border-color);background:var(--panel-soft);color:var(--text);display:grid;place-items:center;padding:0 8px;font-size:15px;font-weight:900;font-variant-numeric:tabular-nums}.page_tempoStepperButtons__7RbRs{display:grid;gap:4px}.page_tempoStepButton__J6K8i{width:28px;height:17px;padding:0;border-radius:6px;border:1px solid color-mix(in srgb,var(--border-color) 78%,transparent);background:color-mix(in srgb,var(--panel-soft) 92%,transparent);color:color-mix(in srgb,var(--text) 88%,var(--muted) 12%);font-size:10px;line-height:1;font-weight:900;cursor:pointer}.page_tempoStepButton__J6K8i:hover{transform:translateY(-1px);box-shadow:0 5px 10px rgba(0,0,0,.1)}.page_tempoStepButton__J6K8i:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.page_controlsRecentPopover__D5Yva{position:absolute;right:12px;top:56px;width:min(320px,calc(100% - 24px));border-radius:12px;border:1px solid color-mix(in srgb,var(--border-color) 72%,transparent);background:color-mix(in srgb,var(--panel) 94%,transparent);padding:8px;display:grid;gap:8px;box-shadow:0 14px 24px rgba(0,0,0,.18);backdrop-filter:blur(3px);z-index:20}.page_controlsRecentEmpty__70OOe{margin:0;color:var(--muted);font-size:12px}.page_controlsRecentList__brj8S{margin-top:0;max-height:132px;overflow-y:auto;padding-right:2px;scrollbar-width:thin}.page_patternLibraryCard__pVwwm{display:grid;gap:12px;padding:12px;border-radius:16px;border:1px solid var(--border-color);background:color-mix(in srgb,var(--panel) 97%,transparent)}.page_patternLibraryHead__74BYB{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.page_patternLibraryHead__74BYB h2{margin:0;font-size:1rem}.page_patternLibraryHead__74BYB p{margin:6px 0 0;color:var(--muted);max-width:60ch}.page_patternSaveForm__plsPz{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:10px;align-items:end}.page_patternNameField__K2vlZ{display:grid;gap:6px;min-width:0}.page_patternNameField__K2vlZ>span{color:var(--muted);font-size:12px;font-weight:700}.page_patternNameField__K2vlZ input{width:100%;min-width:0;min-height:38px;border-radius:10px;border:1px solid var(--border-color);background:var(--panel-soft);color:var(--text);padding:8px 10px}.page_patternPublicField__UbTRt{min-height:38px;display:inline-flex;align-items:center;gap:8px;min-width:0;padding:0 2px;color:var(--text);font-size:13px;font-weight:700}.page_patternPublicField__UbTRt input[type=checkbox]{width:22px;min-width:22px;height:22px;flex:0 0 22px;margin:0;padding:0;accent-color:var(--accent)}.page_patternPublicField__UbTRt span{min-width:0}.page_patternLibraryList__g6_DK{display:grid;gap:8px}.page_patternLibraryItem__BJ2Ap{display:grid;gap:10px;border-radius:12px;border:1px solid color-mix(in srgb,var(--border-color) 74%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--panel-soft) 95%,transparent),color-mix(in srgb,var(--panel) 92%,#000 8%));padding:10px}.page_patternLibraryItemMeta__X_hSA{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-wrap:wrap;min-width:0}.page_patternLibraryItemMeta__X_hSA>div{min-width:0}.page_patternLibraryItemMeta__X_hSA strong{display:block;font-size:14px}.page_patternLibraryItemMeta__X_hSA p{margin:4px 0 0;color:var(--muted);font-size:12px}.page_patternVisibilityPill__TQNZP{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border-color) 78%,transparent);background:color-mix(in srgb,var(--panel) 78%,transparent);color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.page_isPatternVisibilityPublic__3kILz,.page_patternVisibilityPill__TQNZP.page_isPatternVisibilityPublic__3kILz{border-color:rgba(15,194,162,.5);background:rgba(15,194,162,.1);color:color-mix(in srgb,#08aa7a 84%,var(--text) 16%)}.page_patternLibraryEmpty__Jxbnd,.page_patternStepSummary__5kYYV{margin:0;color:var(--muted);font-size:13px;overflow-wrap:anywhere}.page_patternLibraryActions__K53zK{display:flex;flex-wrap:wrap;gap:8px}.page_gridShell__sTqae{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}.page_gridScrollerShell__Xh5Zo{position:relative}.page_sequencerPager__7J1yX{position:absolute;top:10px;right:10px;z-index:2;display:grid;justify-items:center;gap:6px;padding:6px;border-radius:14px;border:1px solid color-mix(in srgb,var(--border-color) 76%,transparent);background:color-mix(in srgb,var(--panel-soft) 94%,transparent);box-shadow:0 10px 24px rgba(0,0,0,.12);backdrop-filter:blur(10px)}.page_sequencerPagerButtons__IlWDW{display:inline-flex;align-items:center;gap:4px}.page_sequencerPlaybackScopeButton__69CQ3{min-width:40px;height:22px;padding:0 8px;border-radius:999px;border:1px solid transparent;background:transparent;color:color-mix(in srgb,var(--text) 72%,var(--muted) 28%);font-size:10px;font-weight:800;line-height:1;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.page_isSequencerPlaybackScopeButtonActive__hJ6S_{border-color:color-mix(in srgb,var(--border-color) 72%,transparent);background:color-mix(in srgb,var(--panel-soft) 92%,transparent);color:color-mix(in srgb,var(--text) 94%,var(--muted) 6%)}.page_sequencerPagerButton__TrDXb{width:24px;height:24px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border-color) 72%,transparent);background:color-mix(in srgb,var(--panel) 88%,transparent);color:color-mix(in srgb,var(--text) 86%,var(--muted) 14%);font-size:11px;font-weight:900;line-height:1;cursor:pointer}.page_sequencerPagerButton__TrDXb:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 10px rgba(0,0,0,.1)}.page_sequencerPagerButton__TrDXb:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.page_sequencerPagerValue__X2AWh{min-width:0;text-align:center;font-variant-numeric:tabular-nums;font-size:12px;font-weight:900;color:color-mix(in srgb,var(--text) 88%,var(--muted) 12%)}.page_gridScroller__rjjhX{overflow-x:auto;border-radius:18px;border:1px solid color-mix(in srgb,var(--border-color) 82%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 97%,transparent),color-mix(in srgb,var(--panel) 92%,#000 8%));box-shadow:0 14px 32px rgba(0,0,0,.08)}.page_stepGrid__TN5XJ{--track-col:96px;--step-size:26px;--grid-gap:4px;--grid-pad:8px;display:grid;grid-template-columns:var(--track-col) repeat(var(--cn-step-count),var(--step-size));gap:var(--grid-gap);padding:var(--grid-pad);min-width:calc(var(--track-col) + (var(--cn-step-count) * var(--step-size)) + ((var(--cn-step-count) + 1) * var(--grid-gap)) + (var(--grid-pad) * 2))}.page_gridHeadSpacer__T_vlr{min-height:24px}.page_stepHeadCell__BJE54{min-height:24px;border-radius:8px;display:grid;place-items:center;font-size:10px;font-weight:800;color:var(--muted);background:color-mix(in srgb,var(--panel-soft) 85%,transparent);border:1px solid color-mix(in srgb,var(--border-color) 68%,transparent)}.page_stepHeadCell__BJE54.page_isMeasureHead__H4fMA{color:color-mix(in srgb,var(--text) 84%,var(--muted) 16%);border-color:color-mix(in srgb,var(--border-color) 88%,transparent);background:color-mix(in srgb,var(--panel-soft) 94%,transparent)}.page_stepHeadCell__BJE54.page_isPlayhead__BrYMc{color:#fff;background:linear-gradient(180deg,#0fc2a2,#0c9a82);border-color:rgba(6,121,101,.9);box-shadow:0 0 0 2px rgba(15,194,162,.16)}.page_trackLabelCell__oDEHc{min-height:var(--step-size);border-radius:10px;border:1px solid color-mix(in srgb,var(--border-color) 68%,transparent);background:color-mix(in srgb,var(--panel-soft) 90%,transparent);padding:5px 7px;display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:6px}.page_trackSwatch__Em558{width:10px;height:10px;border-radius:999px;display:inline-block;box-shadow:0 0 0 2px rgba(255,255,255,.28)}.page_trackName__09GcC{font-weight:800;font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page_trackName__09GcC.page_isTrackLabelMuted__3gpRE{opacity:.52}.page_trackModeButtons__uvJdl{display:inline-flex;align-items:center;gap:4px;justify-self:end}.page_trackModeButton__YLZrN{width:18px;height:18px;border-radius:5px;border:1px solid color-mix(in srgb,var(--border-color) 74%,transparent);background:color-mix(in srgb,var(--panel-soft) 94%,transparent);color:color-mix(in srgb,var(--text) 55%,var(--muted) 45%);padding:0;display:grid;place-items:center;cursor:pointer}.page_trackModeButton__YLZrN:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.page_trackModeButton__YLZrN:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(15,194,162,.18)}.page_trackModeButton__YLZrN.page_isTrackModeButtonActive__w_hTI{border-color:rgba(15,194,162,.72);background:linear-gradient(180deg,rgba(15,194,162,.2),rgba(15,194,162,.08));color:color-mix(in srgb,#09a983 88%,var(--text) 12%)}.page_trackModeIcon__oa39C{width:12px;height:12px;display:block}.page_trackModeIcon__oa39C>svg{width:100%;height:100%;display:block}.page_stepCell__aCnwF{position:relative;min-height:var(--step-size);border-radius:10px;border:1px solid color-mix(in srgb,var(--border-color) 74%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--panel-soft) 94%,transparent),color-mix(in srgb,var(--panel) 92%,#000 8%));color:var(--muted);padding:0;cursor:pointer;overflow:hidden}.page_pianoCell__Cy_kI.page_isMeasureStep__6XXg0:before,.page_stepCell__aCnwF.page_isMeasureStep__6XXg0:before{content:"";position:absolute;left:0;top:1px;bottom:1px;width:2px;border-radius:999px;background:color-mix(in srgb,var(--accent) 48%,var(--border-color) 52%);opacity:.9;pointer-events:none;z-index:2}.page_stepCell__aCnwF:hover{transform:translateY(-1px);box-shadow:0 8px 14px rgba(0,0,0,.08)}.page_soundPanelCard__8SG2A{display:grid;gap:8px;border-radius:14px;border:1px solid color-mix(in srgb,var(--border-color) 78%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--panel-soft) 96%,transparent),color-mix(in srgb,var(--panel) 92%,#000 8%));padding:10px}.page_soundSection__4XmL3{display:grid;gap:8px;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--border-color) 68%,transparent)}.page_soundSection__4XmL3:first-of-type{padding-top:0;border-top:0}.page_soundOptionRow__dyv7m{display:flex;flex-wrap:wrap;gap:8px}.page_soundOptionButton__OCCVp{--cn-sound-knob-color:#0fc2a2;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border-color) 70%,transparent);background:color-mix(in srgb,var(--panel-soft) 94%,transparent);color:color-mix(in srgb,var(--text) 88%,var(--muted) 12%);font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;transition:border-color .12s ease,background .12s ease,color .12s ease,transform .12s ease}.page_soundOptionButton__OCCVp:hover:not(:disabled){transform:translateY(-1px);border-color:color-mix(in srgb,var(--cn-sound-knob-color) 38%,var(--border-color) 62%)}.page_soundOptionButton__OCCVp:disabled{opacity:.58;cursor:not-allowed}.page_soundOptionButton__OCCVp.page_isSoundOptionButtonActive__h1X5p{border-color:color-mix(in srgb,var(--cn-sound-knob-color) 62%,var(--border-color) 38%);background:linear-gradient(180deg,color-mix(in srgb,var(--cn-sound-knob-color) 24%,#fff 76%),color-mix(in srgb,var(--panel) 86%,var(--cn-sound-knob-color) 14%));color:#fff;box-shadow:0 0 0 1px color-mix(in srgb,var(--cn-sound-knob-color) 24%,transparent)}.page_soundKnobGrid__nGb9o{display:grid;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:10px}.page_soundKnobWrap__NEs3T{display:grid;justify-items:center;gap:6px}.page_soundKnobLabel__rN6hj{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.page_soundKnob__EyUT7{--cn-sound-knob-turn:0deg;--cn-sound-knob-color:#0fc2a2;position:relative;width:58px;height:58px;border-radius:999px;border:1px solid color-mix(in srgb,var(--cn-sound-knob-color) 38%,var(--border-color) 62%);background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.3),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--panel-soft) 96%,#fff 4%),color-mix(in srgb,var(--panel) 90%,#000 10%));box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 6px 14px rgba(0,0,0,.1);cursor:ns-resize;touch-action:none}.page_soundKnob__EyUT7:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(15,194,162,.18),inset 0 1px 0 rgba(255,255,255,.18),0 6px 14px rgba(0,0,0,.1)}.page_soundKnob__EyUT7.page_isSoundKnobActive__GySPo{transform:translateY(-1px);box-shadow:0 0 0 2px rgba(15,194,162,.16),inset 0 1px 0 rgba(255,255,255,.18),0 10px 18px rgba(0,0,0,.16)}.page_soundKnob__EyUT7.page_isSoundKnobDisabled__4b2EC{opacity:.58;cursor:not-allowed}.page_soundKnobDial__HChpO{position:absolute;inset:8px;border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,var(--cn-sound-knob-color) 20%,#fff 80%),color-mix(in srgb,var(--cn-sound-knob-color) 35%,#000 65%));box-shadow:inset 0 1px 2px rgba(255,255,255,.22),inset 0 -8px 12px rgba(0,0,0,.12)}.page_soundKnobIndicator__DkFM1{position:absolute;left:50%;top:50%;width:3px;height:18px;border-radius:999px;background:color-mix(in srgb,var(--cn-sound-knob-color) 80%,#fff 20%);transform:translate(-50%,-50%) rotate(var(--cn-sound-knob-turn)) translateY(-15px);box-shadow:0 0 8px color-mix(in srgb,var(--cn-sound-knob-color) 35%,transparent)}.page_soundKnobValue__jLC7q{font-variant-numeric:tabular-nums;font-size:11px;font-weight:800;color:color-mix(in srgb,var(--text) 86%,var(--muted) 14%)}.page_stepCell__aCnwF.page_isPlayhead__BrYMc{border-color:rgba(15,194,162,.85);box-shadow:inset 0 0 0 1px rgba(15,194,162,.55),0 0 0 2px rgba(15,194,162,.12)}.page_stepCell__aCnwF.page_isStepOn__Gz2ZG{color:#fff;border-color:color-mix(in srgb,var(--accent) 55%,var(--border-color) 45%);background:linear-gradient(170deg,rgba(255,255,255,.2),rgba(255,255,255,.02))}.page_stepCell__aCnwF.page_isMuted___9L8j{opacity:.62}.page_stepCell__aCnwF.page_isBassPickerOpen__FFMfI{border-color:rgba(6,214,160,.9);box-shadow:inset 0 0 0 1px rgba(6,214,160,.55),0 0 0 2px rgba(6,214,160,.15)}.page_stepGlow__18sxD{position:absolute;inset:5px;border-radius:6px;opacity:0;filter:saturate(1.1);transition:opacity .12s ease;z-index:1}.page_stepCell__aCnwF.page_isStepOn__Gz2ZG .page_stepGlow__18sxD{opacity:.95}.page_stepCell__aCnwF.page_isPlayhead__BrYMc .page_stepGlow__18sxD{box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 0 18px rgba(255,255,255,.16)}.page_bassStepNote__vzDlM{position:absolute;top:2px;left:2px;right:2px;display:block;text-align:center;font-size:8px;line-height:1;font-weight:900;letter-spacing:.02em;color:color-mix(in srgb,var(--text) 84%,#fff 16%);text-shadow:none;pointer-events:none;white-space:nowrap;z-index:3}.page_stepCell__aCnwF.page_isPlayhead__BrYMc .page_bassStepNote__vzDlM,.page_stepCell__aCnwF.page_isStepOn__Gz2ZG .page_bassStepNote__vzDlM{color:rgba(255,255,255,.96);text-shadow:0 1px 2px rgba(0,0,0,.45)}.page_bassNotePopover__pcure{position:fixed;z-index:1000;width:min(252px,calc(100vw - 20px));border-radius:14px;border:1px solid color-mix(in srgb,var(--border-color) 78%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 98%,transparent),color-mix(in srgb,var(--panel) 93%,#000 7%));box-shadow:0 18px 34px rgba(0,0,0,.18);padding:10px;display:grid;gap:10px}.page_bassNotePopoverHead__OEeK1{display:grid;gap:2px}.page_bassNotePopoverHead__OEeK1 strong{font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.page_bassNotePopoverHead__OEeK1 span{color:var(--muted);font-size:11px;font-weight:700}.page_bassNotePopoverGrid__kl1lg{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.page_bassNoteOption__6DGvJ{min-height:30px;border-radius:8px;border:1px solid color-mix(in srgb,var(--border-color) 72%,transparent);background:color-mix(in srgb,var(--panel-soft) 92%,transparent);color:var(--text);font-size:11px;font-weight:800;padding:0 4px}.page_bassNoteOption__6DGvJ:hover{transform:translateY(-1px);box-shadow:0 6px 12px rgba(0,0,0,.08)}.page_bassNoteOption__6DGvJ.page_isBassNoteOptionSelected__owmGY{border-color:rgba(6,214,160,.7);background:linear-gradient(180deg,rgba(6,214,160,.18),rgba(6,214,160,.06));color:color-mix(in srgb,#08a47d 84%,var(--text) 16%)}.page_bassNotePopoverActions__EiHSk{display:flex;justify-content:flex-end}.page_pianoTrackStack__a3sEg{display:grid;gap:10px}.page_pianoTrackCard__WXBtg{border-radius:16px;border:1px solid color-mix(in srgb,var(--border-color) 82%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 97%,transparent),color-mix(in srgb,var(--panel) 91%,#000 9%));padding:10px;display:grid;gap:8px}.page_pianoTrackHead__mK495{display:flex;align-items:center;justify-content:space-between;gap:10px}.page_pianoTrackTitle__7Z8Ui{display:inline-flex;align-items:center;gap:6px}.page_pianoTrackTitle__7Z8Ui strong{font-size:13px;font-weight:900}.page_pianoTrackHead__mK495>span{color:var(--muted);font-size:11px;font-weight:700}.page_pianoGridScroller__wOusS{--piano-row-size:14px;--piano-head-size:22px;--piano-gap:2px;--piano-pad:6px;--piano-visible-rows:16;overflow:auto;max-height:calc((var(--piano-pad) * 2) + var(--piano-head-size) + (var(--piano-visible-rows) * var(--piano-row-size)) + (var(--piano-visible-rows) * var(--piano-gap)));border-radius:14px;border:1px solid color-mix(in srgb,var(--border-color) 80%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--panel-soft) 93%,transparent),color-mix(in srgb,var(--panel) 90%,#000 10%));overscroll-behavior:contain}.page_pianoGrid__XLV6i{--piano-col:52px;--piano-step-size:26px;display:grid;grid-template-columns:var(--piano-col) repeat(var(--cn-step-count),var(--piano-step-size));gap:var(--piano-gap);padding:var(--piano-pad);min-width:calc(var(--piano-col) + (var(--cn-step-count) * var(--piano-step-size)) + ((var(--cn-step-count) + 1) * var(--piano-gap)) + (var(--piano-pad) * 2))}.page_pianoGridHeadLabel__oMP7I{border-radius:7px;border:1px solid color-mix(in srgb,var(--border-color) 72%,transparent);background:color-mix(in srgb,var(--panel-soft) 86%,transparent);color:var(--muted);font-size:10px;font-weight:800;display:grid;place-items:center;letter-spacing:.03em;left:var(--piano-pad);z-index:7}.page_pianoGridHeadLabel__oMP7I,.page_pianoStepHeadCell__5hQMh{min-height:var(--piano-head-size);position:sticky;top:var(--piano-pad)}.page_pianoStepHeadCell__5hQMh{font-size:9px;border-radius:7px;z-index:6}.page_pianoKeyCell__JiGR1{min-height:var(--piano-row-size);border-radius:0 4px 4px 0;border:1px solid rgba(136,146,160,.45);border-left-width:2px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(220,228,236,.94));color:transparent;display:flex;align-items:center;justify-content:flex-end;padding-right:4px;position:sticky;left:var(--piano-pad);z-index:5}.page_pianoKeyCell__JiGR1.page_isPianoKeySharp__uwoSR{width:72%;justify-self:start;border-radius:0 4px 4px 0;border-color:rgba(19,23,29,.96) rgba(19,23,29,.96) rgba(19,23,29,.96) rgba(10,13,17,.98);background:linear-gradient(180deg,rgba(18,22,29,.96),rgba(6,9,13,.98));box-shadow:inset 0 -1px 0 rgba(255,255,255,.08)}.page_pianoKeyOctaveLabel__2yi_p{color:rgba(49,60,73,.92);font-size:8px;font-weight:900;letter-spacing:.03em;line-height:1;pointer-events:none}.page_pianoCell__Cy_kI{position:relative;min-height:var(--piano-row-size);border-radius:4px;border:1px solid color-mix(in srgb,var(--border-color) 72%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--panel-soft) 94%,transparent),color-mix(in srgb,var(--panel) 92%,#000 8%));padding:0;cursor:pointer;overflow:visible}.page_pianoCell__Cy_kI:hover{box-shadow:0 4px 8px rgba(0,0,0,.08)}.page_pianoCell__Cy_kI.page_isPianoCellContinuation__jVtUB{cursor:default;pointer-events:none}.page_pianoCell__Cy_kI.page_isPianoCellContinuation__jVtUB:hover{transform:none;box-shadow:none}.page_pianoCell__Cy_kI.page_isPianoCellActive__mRGMs{border-color:color-mix(in srgb,var(--accent) 56%,var(--border-color) 44%);background:linear-gradient(170deg,rgba(255,255,255,.22),rgba(255,255,255,.02))}.page_pianoCell__Cy_kI.page_isMuted___9L8j{opacity:.62}.page_pianoCell__Cy_kI.page_isPlayhead__BrYMc{border-color:rgba(15,194,162,.85);box-shadow:inset 0 0 0 1px rgba(15,194,162,.55),0 0 0 2px rgba(15,194,162,.12)}.page_pianoCellGlow__wIYTk{position:absolute;inset:2px;border-radius:3px;opacity:0;filter:saturate(1.1);transition:opacity .12s ease}.page_pianoCell__Cy_kI.page_isPianoCellActive__mRGMs .page_pianoCellGlow__wIYTk{opacity:.95}.page_pianoCell__Cy_kI.page_isPlayhead__BrYMc .page_pianoCellGlow__wIYTk{box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 0 14px rgba(255,255,255,.14)}.page_pianoEventBar__bjpwD{--cn-piano-event-length:1;--cn-piano-event-color:#06d6a0;position:absolute;left:1px;top:1px;height:calc(100% - 2px);width:calc((var(--cn-piano-event-length) * (100% + var(--piano-gap))) - var(--piano-gap) - 2px);min-width:8px;border-radius:3px;border:1px solid color-mix(in srgb,var(--cn-piano-event-color) 65%,#0d1f1a 35%);background:linear-gradient(180deg,color-mix(in srgb,var(--cn-piano-event-color) 74%,#fff 26%),color-mix(in srgb,var(--cn-piano-event-color) 90%,#000 10%));box-shadow:0 2px 6px rgba(0,0,0,.22);display:flex;align-items:center;gap:2px;padding:0 10px 0 2px;cursor:grab;z-index:4;user-select:none;touch-action:none}.page_pianoEventBar__bjpwD:active{cursor:grabbing}.page_pianoEventBar__bjpwD.page_isPianoEventDragging__ciXj1{box-shadow:0 0 0 1px rgba(15,194,162,.65),0 5px 14px rgba(0,0,0,.26);filter:saturate(1.08)}.page_pianoEventBar__bjpwD.page_isPianoEventBusy__iQ9BR{opacity:.72}.page_pianoEventDeleteButton__dmXZ7{width:9px;height:9px;border:none;border-radius:2px;padding:0;margin:0;display:inline-grid;place-items:center;background:rgba(10,15,22,.48);color:rgba(255,255,255,.95);font-size:9px;line-height:1;font-weight:900;cursor:pointer;flex:0 0 auto;opacity:.88}.page_pianoEventDeleteButton__dmXZ7:hover{background:rgba(214,64,64,.78)}.page_pianoEventDeleteButton__dmXZ7:focus-visible{outline:none;box-shadow:0 0 0 1px rgba(255,255,255,.55)}.page_pianoEventLabel__wATOq{display:block;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;line-height:1;font-weight:900;letter-spacing:.02em;color:rgba(255,255,255,.92);pointer-events:none}.page_pianoEventResizeHandle__IbDvE{position:absolute;top:0;right:0;bottom:0;width:10px;border-left:1px solid rgba(0,0,0,.32);border-radius:0 3px 3px 0;background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,.06));pointer-events:none}.page_mixCard__gJqdl{border-radius:16px;border:1px solid var(--border-color);background:color-mix(in srgb,var(--panel) 97%,transparent);padding:10px;display:grid;gap:8px}.page_mixHead__u_Y94{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.page_mixHead__u_Y94 h2{margin:0;font-size:1rem}.page_mixHead__u_Y94 span{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.page_mixList__JOT3w{display:flex;flex-wrap:nowrap;align-items:stretch;gap:6px;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;scrollbar-width:thin}.page_mixRow__Qhwk0{flex:0 0 88px;border:1px solid color-mix(in srgb,var(--border-color) 72%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--panel-soft) 96%,transparent),color-mix(in srgb,var(--panel) 92%,#000 8%));border-radius:12px;padding:6px 5px;display:grid;gap:6px;align-content:start;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.page_mixRow__Qhwk0.page_isMixRowMuted__bqoog{opacity:.72}.page_mixRow__Qhwk0.page_isMixRowSoundActive__5lqU5{border-color:color-mix(in srgb,var(--mix-track-color,#0fc2a2) 48%,var(--border-color) 52%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px color-mix(in srgb,var(--mix-track-color,#0fc2a2) 22%,transparent)}.page_mixTrackLabel__7p07F{display:grid;grid-template-columns:8px minmax(0,1fr);gap:5px;align-items:center}.page_mixTrackNameButton__9wZ7i{width:100%;min-width:0;border:none;background:transparent;padding:0;margin:0;text-align:left;cursor:pointer}.page_mixTrackNameButton__9wZ7i:focus-visible{outline:none}.page_mixTrackNameButton__9wZ7i p{margin:0;font-weight:800;line-height:1.05;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page_mixTrackNameButton__9wZ7i span{color:var(--muted);font-size:8px;line-height:1;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page_mixTrackNameButton__9wZ7i.page_isMixTrackNameButtonActive__PpgMx p,.page_mixTrackNameButton__9wZ7i:focus-visible p,.page_mixTrackNameButton__9wZ7i:hover p{color:color-mix(in srgb,var(--text) 80%,var(--mix-track-color,#0fc2a2) 20%)}.page_mixTrackNameButton__9wZ7i.page_isMixTrackNameButtonActive__PpgMx span,.page_mixTrackNameButton__9wZ7i:focus-visible span,.page_mixTrackNameButton__9wZ7i:hover span{color:color-mix(in srgb,var(--muted) 58%,var(--mix-track-color,#0fc2a2) 42%)}.page_mixTrackNameButton__9wZ7i.page_isMixTrackNameButtonMuted__whfb_ p,.page_mixTrackNameButton__9wZ7i.page_isMixTrackNameButtonMuted__whfb_ span{opacity:.62}.page_mixFaderShell__39I42{display:grid;grid-template-columns:24px;grid-template-areas:"slider" "value";row-gap:4px;justify-content:center;align-items:center;min-height:112px}.page_mixSliderWrap__4JW3G{grid-area:slider;display:grid;grid-template-rows:auto 1fr;justify-items:center;align-content:start;gap:3px}.page_mixSliderLabel__XAK77{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.page_mixSlider___k_Fg{width:22px;height:88px;margin:0;accent-color:var(--mix-track-color,#0fc2a2);writing-mode:vertical-lr;direction:rtl;-webkit-appearance:slider-vertical;appearance:slider-vertical;background:transparent}.page_mixSlider___k_Fg::-webkit-slider-runnable-track{width:7px;height:100%;border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,var(--mix-track-color,#0fc2a2) 36%,#fff 2%),color-mix(in srgb,var(--mix-track-color,#0fc2a2) 72%,#000 28%));border:1px solid color-mix(in srgb,var(--mix-track-color,#0fc2a2) 42%,var(--border-color) 58%)}.page_mixSlider___k_Fg::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:10px;border-radius:999px;margin-left:-5px;border:1px solid color-mix(in srgb,var(--mix-track-color,#0fc2a2) 62%,#000 38%);background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,.04)),var(--mix-track-color,#0fc2a2);box-shadow:0 3px 8px rgba(0,0,0,.22)}.page_mixSlider___k_Fg::-moz-range-track{width:7px;height:100%;border-radius:999px;background:color-mix(in srgb,var(--mix-track-color,#0fc2a2) 72%,#000 28%);border:1px solid color-mix(in srgb,var(--mix-track-color,#0fc2a2) 42%,var(--border-color) 58%)}.page_mixSlider___k_Fg::-moz-range-progress{width:7px;border-radius:999px;background:color-mix(in srgb,var(--mix-track-color,#0fc2a2) 88%,#fff 12%)}.page_mixSlider___k_Fg::-moz-range-thumb{width:18px;height:10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--mix-track-color,#0fc2a2) 62%,#000 38%);background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,.04)),var(--mix-track-color,#0fc2a2);box-shadow:0 3px 8px rgba(0,0,0,.22)}.page_mixActions__cfwtp{display:flex;justify-content:center;gap:4px}.page_mixSoundPanel__OdAOx{margin-top:8px}.page_mixMuteButton__wPE9N,.page_mixSoloButton__tqGCc{min-width:24px;width:24px;height:24px;padding:0;border-radius:7px;font-weight:900;font-size:11px;letter-spacing:.08em}.page_mixVolume__vaMIr{grid-area:value;min-width:0;text-align:center;font-variant-numeric:tabular-nums;font-size:10px;font-weight:800;color:color-mix(in srgb,var(--text) 84%,var(--muted) 16%);padding:3px 4px;border-radius:7px;border:1px solid color-mix(in srgb,var(--border-color) 72%,transparent);background:color-mix(in srgb,var(--panel-soft) 90%,transparent);justify-self:center;width:100%;max-width:34px}.page_rightRail__bVAEd{display:grid;gap:12px}.page_panelTitle__2rfi6{margin:0;color:var(--muted);font-family:var(--cn-font-body);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.page_howList__BDfSy{margin:8px 0 0;padding-left:18px;color:var(--muted);display:grid;gap:4px}.page_statusGrid__bXKR_{margin-top:8px;display:grid;gap:8px}.page_statusGrid__bXKR_ p{margin:0;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.page_statusGrid__bXKR_ p span{color:var(--muted)}.page_statusGrid__bXKR_ p strong{font-variant-numeric:tabular-nums}.page_eventList__luQqv{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:6px}.page_eventList__luQqv li{display:grid;gap:2px;padding:7px 8px;border-radius:10px;background:color-mix(in srgb,var(--panel-soft) 90%,transparent);border:1px solid color-mix(in srgb,var(--border-color) 65%,transparent)}.page_eventList__luQqv li span{font-size:12px}.page_eventList__luQqv li time{color:var(--muted);font-size:11px}@media (max-width:760px){.page_controlsCard__jp3Lt,.page_patternLibraryCard__pVwwm{padding:10px;border-radius:14px}.page_transportHeader__B4nru{grid-template-columns:1fr;gap:8px}.page_transportRow__OlK0Y{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;align-items:stretch}.page_transportPlaybackScope__GvzmO{width:100%;justify-self:stretch;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:3px}.page_roomRow__I8Xma{grid-template-columns:minmax(0,1fr);gap:10px}.page_roomMeta__w4ZFl{flex-wrap:wrap;row-gap:4px}.page_roomActions__NTSSE{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));justify-content:stretch}.page_roomActions__NTSSE .cn-btn-soft{width:100%;min-height:40px}.page_transportToggleButton__ij33K{width:100%;min-width:0;height:40px;border-radius:9px}.page_transportToggleIcon__5ufjp{width:15px;height:15px}.page_transportActionButton__VyHIC{width:100%;min-height:40px;padding:0;border-radius:9px;display:grid;place-items:center;font-size:11px;letter-spacing:.04em;line-height:1}.page_transportButtonLabelCompact__w2Rxg,.page_transportButtonLabelFull__WirlM{display:none}.page_transportButtonIcon__LlB8P{display:block;width:16px;height:16px}.page_transportButtonIcon__LlB8P>svg{width:100%;height:100%;display:block;stroke-width:2.2}.page_recentChangesToggle__1_lfr{width:100%;min-width:0;height:40px;border-radius:9px}.page_recentChangesToggleIcon__zWE3t{width:14px;height:14px}.page_tempoRow__Ao1Db{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px}.page_tempoStepper__D0JOL{grid-template-columns:50px 28px;align-self:end}.page_tempoStepperValue__xneIa{min-width:50px;min-height:34px}.page_tempoStepButton__J6K8i{width:28px;height:16px}.page_controlsRecentPopover__D5Yva{right:8px;top:52px;width:min(300px,calc(100% - 16px))}.page_patternSaveForm__plsPz{grid-template-columns:minmax(0,1fr);align-items:stretch}.page_patternPublicField__UbTRt{width:100%;min-height:34px;white-space:normal;line-height:1.2}.page_patternSaveForm__plsPz>.cn-btn-primary{width:100%;min-width:0;min-height:44px}.page_patternLibraryItemMeta__X_hSA{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}.page_patternVisibilityPill__TQNZP{max-width:100%;white-space:normal;text-align:center;line-height:1.1}.page_patternLibraryActions__K53zK{display:grid;grid-template-columns:minmax(64px,.72fr) minmax(0,1.36fr) minmax(74px,.92fr);gap:8px}.page_patternLibraryActions__K53zK .cn-btn-soft{min-width:0;min-height:42px;padding:8px 6px;white-space:normal;line-height:1.1;text-align:center}.page_stepGrid__TN5XJ{--track-col:82px;--grid-gap:2px;--grid-pad:4px;--step-size:clamp(13px,calc((100vw - 42px - var(--track-col) - ((var(--cn-step-count) + 1) * var(--grid-gap)) - (var(--grid-pad) * 2)) / var(--cn-step-count)),22px)}.page_trackLabelCell__oDEHc{grid-template-columns:10px minmax(0,1fr) auto;grid-template-areas:"dot name controls";padding:4px 5px;gap:4px}.page_trackSwatch__Em558{grid-area:dot;align-self:center}.page_trackName__09GcC{grid-area:name}.page_trackModeButtons__uvJdl{grid-area:controls;gap:3px}.page_soundKnobGrid__nGb9o{grid-template-columns:repeat(2,minmax(0,1fr))}.page_trackModeButton__YLZrN{width:16px;height:16px;border-radius:4px}.page_trackModeIcon__oa39C{width:10px;height:10px}.page_bassNotePopover__pcure{width:min(236px,calc(100vw - 16px));padding:8px;gap:8px}.page_bassStepNote__vzDlM{font-size:clamp(6px,1.8vw,8px);top:1px;letter-spacing:0}.page_bassNotePopoverGrid__kl1lg{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.page_bassNoteOption__6DGvJ{min-height:28px;font-size:10px}.page_pianoTrackHead__mK495{align-items:flex-start;flex-direction:column;gap:4px}.page_pianoGrid__XLV6i{--piano-col:48px;--piano-step-size:clamp(13px,calc((100vw - 50px - var(--piano-col) - ((var(--cn-step-count) + 1) * var(--piano-gap)) - (var(--piano-pad) * 2)) / var(--cn-step-count)),22px)}.page_pianoGridScroller__wOusS{--piano-row-size:clamp(12px,2.3vw,15px);--piano-head-size:20px;--piano-pad:4px}.page_pianoCell__Cy_kI,.page_pianoKeyCell__JiGR1{min-height:var(--piano-row-size)}.page_pianoEventBar__bjpwD{padding-left:1px;gap:3px}.page_pianoEventLabel__wATOq{display:none}.page_pianoEventDeleteButton__dmXZ7{width:10px;height:10px;font-size:9px;opacity:1}.page_mixList__JOT3w{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;overflow:visible;padding-bottom:0}.page_mixRow__Qhwk0{flex:initial;min-width:0;padding:6px 4px}.page_mixTrackLabel__7p07F{grid-template-columns:1fr;justify-items:center;gap:4px}.page_mixTrackNameButton__9wZ7i{text-align:center}.page_mixTrackNameButton__9wZ7i p{font-size:10px;line-height:1;white-space:normal;overflow:visible;text-overflow:clip;text-wrap:balance}.page_mixTrackNameButton__9wZ7i span{display:none}.page_mixFaderShell__39I42{min-height:100px}.page_mixSlider___k_Fg{width:18px;height:76px}.page_mixMuteButton__wPE9N,.page_mixSoloButton__tqGCc{min-width:22px;width:22px;height:22px;font-size:10px}.page_mixVolume__vaMIr{max-width:30px;font-size:9px}.page_mixActions__cfwtp{justify-content:center}.page_sequencerPager__7J1yX{top:8px;right:8px;gap:4px;padding:5px}.page_sequencerPagerButton__TrDXb{width:22px;height:22px;font-size:10px}.page_sequencerPlaybackScopeButton__69CQ3{min-width:34px;height:20px;padding:0 6px;font-size:9px}.page_sequencerPagerValue__X2AWh{font-size:11px}}.cn-root.cn-dookie-theme .page_gridScroller__rjjhX,.cn-root.cn-gay-theme .page_gridScroller__rjjhX{box-shadow:0 14px 28px rgba(0,0,0,.22)}