:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-app-bg:#10141b;--color-panel-bg:#1e222b;--color-active:#3b82f6;--color-primary:#4f46e5;--color-text:#e8edf5;--color-text-muted:color-mix(in srgb, color-mix(in srgb, var(--color-text) 42%, var(--color-panel-bg) 58%) 76%, #949494 24%);--color-text-subtle:color-mix(in srgb, var(--color-text-muted) 58%, var(--color-app-bg) 42%);--color-on-primary:#f4f6fc;--color-on-active:#f8fafc;--color-key-white:#ecebe9;--color-key-border:#bcb9b4;--color-key-black:#141414;--color-key-black-border:#2c2c2c;--color-key-active:color-mix(in srgb, var(--color-active) 38%, var(--color-key-white) 62%);--color-chrome-neutral:color-mix(in srgb, var(--color-panel-bg) 58%, #b2b2b3 42%);--color-chrome-neutral-2:color-mix(in srgb, var(--color-panel-bg) 42%, #808082 58%);--color-active-bg:color-mix(in srgb, var(--color-active) 56%, black);--color-active-glow:color-mix(in srgb, var(--color-active) 35%, transparent);--color-primary-border:color-mix(in srgb, var(--color-primary) 68%, var(--color-chrome-neutral) 32%);--color-panel-border:color-mix(in srgb, var(--color-panel-bg) 72%, var(--color-chrome-neutral) 28%);--color-surface-inset:color-mix(in srgb, var(--color-panel-bg) 55%, var(--color-app-bg) 45%);--color-inset-border:color-mix(in srgb, var(--color-surface-inset) 70%, var(--color-chrome-neutral-2) 30%);--color-button-fill:color-mix(in srgb, var(--color-panel-bg) 62%, var(--color-app-bg) 38%);--color-button-edge:color-mix(in srgb, var(--color-button-fill) 72%, var(--color-chrome-neutral-2) 28%);--color-secondary-outline:color-mix(in srgb, var(--color-panel-border) 58%, var(--color-chrome-neutral-2) 42%);--color-link-border:color-mix(in srgb, var(--color-panel-border) 52%, var(--color-chrome-neutral) 48%);--color-editor-border:color-mix(in srgb, var(--color-panel-bg) 52%, var(--color-app-bg) 48%);--color-editor-fill:color-mix(in srgb, var(--color-app-bg) 48%, var(--color-panel-bg) 52%);--color-action-success-bg:#3d9a56;--color-action-success-bg-hover:#449d5e;--color-action-success-border:#2d7340;--color-action-success-border-hover:#326648;--color-action-success-text:#f4fcf6;--color-action-success-text-hover:#fff;--color-action-success-focus:#5cb878bf;--color-action-danger-bg:color-mix(in srgb, #c94c4c 88%, var(--color-button-fill) 12%);--color-action-danger-bg-hover:#d86969;--color-action-danger-border:color-mix(in srgb, #e07070 55%, var(--color-button-edge) 45%);--color-action-danger-border-hover:color-mix(in srgb, #f09090 50%, var(--color-button-edge) 50%);--color-action-danger-text:#fdf5f5;--color-action-danger-focus:#f0a0a0b3;--color-action-warning-bg:#e4b82a;--color-action-warning-bg-hover:#ebb835;--color-action-warning-border:#b88912;--color-action-warning-border-hover:#a67a0f;--color-action-warning-focus:#f5d060d9;--color-on-warning:#1a1406;--color-action-info-bg:#3a7ab8;--color-action-info-bg-hover:#4186c7;--color-action-info-border:#2d5f92;--color-action-info-border-hover:#285985;--color-action-info-text:#f0f7fc;--color-action-info-text-hover:#fff;--color-action-info-split-border:color-mix(in srgb, var(--color-action-info-border) 72%, transparent 28%);--color-action-info-focus:#6aa8e8bf;--color-action-info-choice-bg:color-mix(in srgb, var(--color-action-info-bg) 22%, var(--color-surface-inset) 78%);--color-action-info-choice-text:#e8f2fc;--color-focus-ring:color-mix(in srgb, var(--color-chrome-neutral-2) 78%, transparent 22%);--color-accent-focus-soft:color-mix(in srgb, var(--color-active) 70%, transparent 30%);--color-playback-ring:#e6c369;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.4}:root[data-theme-text=dark-glyphs]{--color-text:#181b22;--color-text-muted:color-mix(in srgb, color-mix(in srgb, var(--color-text) 50%, var(--color-panel-bg) 50%) 72%, #686766 28%);--color-text-subtle:color-mix(in srgb, var(--color-text-muted) 56%, var(--color-panel-bg) 44%);--color-on-warning:#1a1406;--color-chrome-neutral:color-mix(in srgb, var(--color-panel-bg) 54%, #3a3a3c 46%);--color-chrome-neutral-2:color-mix(in srgb, var(--color-panel-bg) 38%, #28282a 62%);--color-playback-ring:#ac7f18;--color-action-info-choice-text:color-mix(in srgb, var(--color-text) 88%, var(--color-action-info-bg) 12%)}*,:before,:after{box-sizing:border-box}html{max-width:100%;overflow-x:clip}body{max-width:100%;min-height:100vh;color:var(--color-text);background-color:var(--color-app-bg);margin:0;overflow-x:clip}#root{min-width:0;max-width:100%;min-height:100dvh;color:var(--color-text);background-color:var(--color-app-bg);flex-direction:column;display:flex;overflow-x:clip}.srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.appShell{text-align:left;box-sizing:border-box;gap:12px;width:100%;min-width:0;max-width:min(1100px,100%);margin:0 auto;padding:20px;display:grid}.appShell>*{min-width:0;max-width:100%}@media (width>=881px){.appShell{box-sizing:border-box;flex-direction:column;flex:auto;width:100%;min-height:0;display:flex}}.appFooter{box-sizing:border-box;background-color:var(--color-app-bg);border-top:none;min-height:15rem;margin-top:2.5rem;padding:3rem 0 6.5rem}.appFooterInner{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem 1.25rem;width:100%;max-width:100%;display:grid}.appFooterBrand{justify-self:start;min-width:0;line-height:0}.appFooterWordmark{opacity:.88;width:auto;max-width:min(220px,100%);height:clamp(21px,3.8vw,28px);display:block}.appFooterCopyright{text-align:center;letter-spacing:.02em;color:var(--color-text-muted);justify-self:center;margin:0;font-size:.78rem}.appFooterActions{justify-self:end;min-width:0}.appFooterContact{font:inherit;box-sizing:border-box;border:1px solid color-mix(in srgb, var(--color-text-muted) 28%, var(--color-app-bg) 72%);background-color:var(--color-app-bg);color:var(--color-text-muted);cursor:not-allowed;opacity:.75;border-radius:8px;max-width:100%;margin:0;padding:.42rem .9rem;font-size:.8rem;font-weight:600}@media (width<=640px){.appFooterInner{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.appFooterBrand,.appFooterCopyright,.appFooterActions{justify-self:center}}.appHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px 14px;margin:0;display:flex}.appHeaderActions{flex-wrap:wrap;justify-content:flex-end;align-self:flex-start;align-items:center;gap:8px;display:flex}.appHeaderText{min-width:0}.appHeaderTitle{margin:0 0 6px;line-height:0}.appHeaderWordmark{width:auto;max-width:min(100%,300px);height:clamp(28px,5.5vw,40px);display:block}.appHeaderText p{color:var(--color-text-muted);margin:0}.appHeaderTagline{max-width:36rem;font-size:.86rem;line-height:1.45}.appHeaderTaglineShort{display:none}@media (width<=680px){.appHeaderTaglineFull{display:none}.appHeaderTaglineShort{display:inline}}.themeSettingsOpenButton{box-sizing:border-box;border-radius:10px;flex:none;min-width:44px;min-height:44px;margin:0;padding:8px 11px;line-height:1}.themeSettingsOpenButtonIcon{font-size:1.25rem;display:block}.themeSettingsDialog{border:1px solid var(--color-panel-border);background:var(--color-panel-bg);width:min(400px,100%);max-width:calc(100vw - 32px);color:var(--color-text);border-radius:12px;padding:0}.themeSettingsDialog::backdrop{background:#0000008c}.themeSettingsDialogPanel{gap:12px;padding:16px 18px;display:grid}.themeSettingsTitle{margin:0;font-size:1.15rem}.themeSettingsIntro{color:var(--color-text-muted);margin:0;font-size:.86rem}.themeSettingsControlBlock{gap:6px;display:grid}.themeSettingsControlLabel{color:var(--color-text);font-size:.82rem;font-weight:600}.themeSettingsControlHint{margin:0}.themeSettingsSelect{box-sizing:border-box;appearance:none;width:100%;font:inherit;border:1px solid var(--color-inset-border);background-color:var(--color-surface-inset);color:var(--color-text);cursor:pointer;accent-color:var(--color-active);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%238896a8' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round' d='M3 4.5 6 8 9 4.5'/%3E%3C/svg%3E");background-position:right .62rem center;background-repeat:no-repeat;background-size:.68rem .68rem;border-radius:8px;margin:0;padding:9px 2.35rem 9px 11px;font-size:.9rem;font-weight:500;line-height:1.35}:root[data-theme-text=dark-glyphs] .themeSettingsSelect{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23505866' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round' d='M3 4.5 6 8 9 4.5'/%3E%3C/svg%3E")}.themeSettingsSegmented{grid-template-columns:1fr 1fr;gap:6px;display:grid}.themeSettingsSegmentedThree{grid-template-columns:1fr 1fr 1fr}.themeSettingsSegment{border:1px solid var(--color-secondary-outline);color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border-radius:8px;margin:0;padding:8px 10px;font-size:.82rem;font-weight:600}.themeSettingsSegment:hover{background:color-mix(in srgb, var(--color-surface-inset) 70%, var(--color-panel-bg) 30%);color:var(--color-text)}.themeSettingsSegment:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.themeSettingsSegmentActive{border-color:var(--color-primary-border);background:color-mix(in srgb, var(--color-primary) 26%, var(--color-surface-inset) 74%);color:var(--color-on-primary)}.themeSettingsRows{gap:12px;margin:0;padding:0;list-style:none;display:grid}.themeSettingsRow{background:var(--color-surface-inset);border:1px solid var(--color-inset-border);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:10px;display:flex}.themeSettingsRowText label{font-size:.9rem;font-weight:600;display:block}.themeSettingsHint{color:var(--color-text-subtle);margin:4px 0 0;font-size:.76rem}.themeSettingsColorInput{border:1px solid var(--color-inset-border);cursor:pointer;background:0 0;border-radius:8px;flex:none;width:48px;height:36px;padding:0}.themeSettingsFooter{flex-wrap:wrap;justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.chordBuilderLayout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch;gap:16px;min-width:0;max-width:100%;display:grid}.chordBuilderControls{gap:10px;min-width:0;display:grid}.chordBuilderQuickActions{grid-template-columns:minmax(0,auto) minmax(0,1fr);align-items:stretch;gap:8px;min-width:0;display:grid}.chordBuilderQuickActions .secondaryButton,.chordBuilderQuickActions .primaryButton{min-width:0;padding:10px 14px;font-size:.9375rem}.chordBuilderQuickActionsPreview{white-space:nowrap}.chordBuilderQuickActionsAdd{width:100%}.chordBuilderPanel.panel{gap:10px}.chordBuilderPanelHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.chordBuilderPanelHeading{margin:0;font-size:1.1rem}.chordBuilderPanelCollapsed.panel{gap:10px;padding-top:14px;padding-bottom:14px}.chordBuilderPanel.chordBuilderPanelCollapsed .chordBuilderPanelHeader{margin-top:2px;padding-top:2px}.chordBuilderToggleButton{flex-shrink:0}.keyAssistPanel.panel{gap:10px;padding:12px 14px}.keyAssistPanel .chordBuilderKeyAssistStripe{border-bottom:none;gap:14px;margin-bottom:0;padding-block:2px 4px}.chordBuilderKeyAssistStripe{border-bottom:1px solid color-mix(in srgb, var(--color-panel-border) 72%, transparent);gap:16px;min-width:0;margin-bottom:8px;padding-block:6px 14px;display:grid}.keyAssistStripeTop{gap:14px;min-width:0;display:grid}.keyAssistStripeHeaderBar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px 18px;min-width:0;display:flex}.keyAssistStripeTitleRow{align-items:center;gap:8px;min-width:0;display:flex}.keyAssistStripeTitleBlock{flex:200px;gap:6px;min-width:0;display:grid}.keyAssistStripeTitleBlockCollapsed{gap:unset;align-self:center;display:block}.keyAssistStripeCollapsedOneLine{flex-wrap:wrap;flex:auto;align-items:center;gap:0;min-width:0;margin:0;font-size:.86rem;line-height:1.35;display:flex}.keyAssistStripeTitleBlockCollapsed .keyAssistStripeTitle{letter-spacing:.01em;flex:none;font-size:.94rem}.keyAssistStripeCollapsedSep{color:var(--color-text-muted);opacity:.8;-webkit-user-select:none;user-select:none;flex:none;padding:0 .42em;font-size:.65em;font-weight:500;line-height:1;transform:translateY(.04em)}.keyAssistStripeCollapsedKey{min-width:0;color:var(--color-text);flex:0 auto;font-weight:600}.keyAssistStripeCollapsedAssistState{color:var(--color-text-muted);white-space:nowrap;flex:none;font-weight:600}.keyAssistStripeHeaderActions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-self:center;align-items:center;gap:8px 10px;display:inline-flex}.keyAssistStripeCollapseButton{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--color-inset-border) 84%, var(--color-chrome-neutral-2) 16%);background:color-mix(in srgb, var(--color-surface-inset) 88%, var(--color-panel-bg) 12%);width:36px;min-width:36px;height:36px;min-height:36px;color:var(--color-text-muted);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;margin:0;padding:0;line-height:0;display:inline-flex}.keyAssistStripeCollapseButton:hover{border-color:color-mix(in srgb, var(--color-active) 18%, var(--color-inset-border) 82%);color:var(--color-text)}.keyAssistStripeCollapseButton:focus-visible{outline:2px solid var(--color-accent-focus-soft);outline-offset:3px}.keyAssistStripeCollapseCaret{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.keyAssistStripeCollapseCaretSvg{flex-shrink:0;display:block}.keyAssistAssistSwitchWrap{flex:none;align-self:center}.chordBuilderKeyAssistStripeCollapsedPanel{gap:10px;margin-bottom:6px;padding-block:2px 6px}.chordBuilderKeyAssistStripeCollapsedPanel .keyAssistStripeHeaderBar{align-items:center}.keyAssistPanel .chordBuilderKeyAssistStripeCollapsedPanel{margin-bottom:0}.chordBuilderKeyAssistStripeCollapsedPanel.keyAssistStripeCollapsedAssistOn{border-inline-start:4px solid var(--color-active);padding-inline-start:12px}.keyAssistStripeGuidanceShell{box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:10px;gap:14px;min-width:0;padding:10px 12px;transition:background .12s,border-color .12s,box-shadow .12s;display:grid}.keyAssistStripeGuidanceShellAssistOn{background:color-mix(in srgb, var(--color-active) 10%, var(--color-surface-inset) 90%);border-color:color-mix(in srgb, var(--color-active) 32%, var(--color-panel-border) 68%);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-active) 14%, transparent), inset 0 1px 0 color-mix(in srgb, var(--color-active) 7%, transparent)}.keyDetectionBlock{border:1px solid color-mix(in srgb, var(--color-primary) 28%, var(--color-panel-border) 72%);background:color-mix(in srgb, var(--color-primary) 6%, var(--color-surface-inset) 94%);border-radius:8px;gap:6px;min-width:0;padding:10px 12px;display:grid}.keyDetectionBlockMuted{border-color:color-mix(in srgb, var(--color-panel-border) 88%, transparent);background:color-mix(in srgb, var(--color-surface-inset) 92%, transparent)}.keyDetectionBlockTitle{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);margin:0;font-size:.72rem;font-weight:600}.keyDetectionBlockHeadline{color:var(--color-text);margin:0;font-size:.88rem;font-weight:600;line-height:1.35}.keyDetectionBlockMeta{color:var(--color-text-muted);margin:0;font-size:.78rem;line-height:1.4}.keyDetectionBlockConfidence{color:color-mix(in srgb, var(--color-text) 88%, var(--color-text-muted) 12%);font-weight:600}.keyDetectionBlockMessage{color:var(--color-text-muted);margin:0;font-size:.8rem;line-height:1.45}.keyDetectionBlockActions{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.keyDetectionBlockButton{white-space:nowrap;padding:4px 10px;font-size:.78rem}.keyAssistAssistSwitch{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--color-inset-border) 84%, var(--color-chrome-neutral-2) 16%);background:color-mix(in srgb, var(--color-surface-inset) 85%, var(--color-panel-bg) 15%);cursor:pointer;font:inherit;color:var(--color-text);border-radius:999px;align-items:center;gap:10px;margin:0;padding:5px 10px 5px 6px;display:inline-flex}.keyAssistAssistSwitch:focus-visible{outline:2px solid var(--color-accent-focus-soft);outline-offset:3px}.keyAssistAssistSwitch:hover{border-color:color-mix(in srgb, var(--color-active) 22%, var(--color-inset-border) 78%)}.keyAssistAssistSwitch.isAssistOn{border-color:color-mix(in srgb, var(--color-active) 48%, var(--color-inset-border) 52%);background:color-mix(in srgb, var(--color-active-bg) 28%, var(--color-surface-inset) 72%)}.keyAssistAssistSwitchTrack{box-sizing:border-box;background:color-mix(in srgb, var(--color-chrome-neutral) 42%, var(--color-surface-inset) 58%);border-radius:999px;width:38px;height:22px;position:relative}.keyAssistAssistSwitch.isAssistOn .keyAssistAssistSwitchTrack{background:var(--color-active-bg);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-active) 55%, transparent), inset 0 1px 0 color-mix(in srgb, var(--color-panel-bg) 35%, transparent)}.keyAssistAssistSwitchThumb{background:color-mix(in srgb, var(--color-panel-bg) 94%, var(--color-text-muted) 6%);width:16px;height:16px;box-shadow:0 1px 2px #00000029, 0 0 0 1px color-mix(in srgb, var(--color-inset-border) 65%, transparent);border-radius:50%;transition:transform 90ms;position:absolute;top:3px;left:3px}.keyAssistAssistSwitch.isAssistOn .keyAssistAssistSwitchThumb{transform:translate(16px)}.keyAssistAssistSwitchLabel{font-size:.785rem;font-weight:650}.keyAssistStripeTitle{letter-spacing:.02em;color:var(--color-text);font-size:1rem;font-weight:700}.keyAssistStripeHint{color:var(--color-text-muted);max-width:44rem;margin:0;font-size:.8rem;line-height:1.43}.keyAssistStripeControlsGrid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:12px 14px;display:grid}.chordBuilderKeyAssistStripe .keyAssistTransportField{min-width:0}.chordBuilderKeyAssistStripe .keyAssistTransportField .appSelect{width:100%}@media (width<=620px){.keyAssistStripeControlsGrid{grid-template-columns:1fr}}.keyAssistTransposeBanner{border:1px solid color-mix(in srgb, var(--color-active) 28%, var(--color-inset-border));background:color-mix(in srgb, var(--color-active) 6%, var(--color-surface-inset));border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;min-width:0;padding:10px 12px;display:flex}.keyAssistTransposeBannerText{min-width:0;color:var(--color-text-muted);flex:12rem;margin:0;font-size:.78rem;line-height:1.35}.keyAssistTransposeBannerText strong{color:var(--color-text);font-weight:600}.keyAssistTransposeBannerActions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px 12px;display:flex}.keyAssistTransposeBannerTranspose{padding:7px 12px;font-size:.8125rem}.keyAssistTransposeBannerDismiss{font-size:.8125rem}.keyAssistSuggestions{gap:10px;min-width:0;display:grid}.keyAssistSuggestionsHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 10px;display:flex}.keyAssistSuggestNextButton{min-height:30px;padding:5px 10px;font-size:.74rem;font-weight:600}.keyAssistNextSuggestHint{color:var(--color-text-muted);margin:0;font-size:.76rem;line-height:1.35}.keyAssistSuggestionsLabel{color:var(--color-text-muted);font-size:.78rem;font-weight:600}.keyAssistSuggestionsLabel--next{margin-top:2px}.keyAssistChipRow{flex-wrap:wrap;align-items:stretch;gap:9px;display:flex}.keyAssistChip{vertical-align:top;border:1px solid color-mix(in srgb, var(--color-inset-border) 86%, var(--color-chrome-neutral-2) 14%);background:color-mix(in srgb, var(--color-surface-inset) 92%, var(--color-panel-bg) 8%);border-radius:8px;align-items:stretch;min-height:34px;display:inline-flex;overflow:hidden}.keyAssistChipPlay,.keyAssistChipAdd{box-sizing:border-box;min-width:34px;color:color-mix(in srgb, var(--color-text-muted) 94%, var(--color-active) 6%);cursor:pointer;background:0 0;border:none;flex:none;place-items:center;margin:0;padding:0 8px;font-family:inherit;font-size:.74rem;line-height:1;display:grid}.keyAssistChipPlay:hover:not(:disabled),.keyAssistChipAdd:hover:not(:disabled){color:var(--color-text);background:color-mix(in srgb, var(--color-active) 11%, transparent)}.keyAssistChipPlay:focus-visible,.keyAssistChipAdd:focus-visible{outline:2px solid var(--color-accent-focus-soft);outline-offset:-4px;z-index:1}.keyAssistChipBody{border:none;border-inline:1px solid color-mix(in srgb, var(--color-inset-border) 76%, transparent);cursor:pointer;min-width:0;color:var(--color-text);letter-spacing:.015em;white-space:nowrap;background:0 0;flex:auto;justify-content:center;align-items:center;gap:.35em;margin:0;padding:5px 10px;font-family:inherit;font-size:.78rem;font-weight:600;display:inline-flex}.keyAssistChipRoman{letter-spacing:.03em;color:var(--color-active);flex-shrink:0;font-weight:650}.keyAssistChipSep{color:color-mix(in srgb, var(--color-text-muted) 88%, var(--color-text) 12%);flex-shrink:0;font-weight:600}.keyAssistChipAbbrev{text-overflow:ellipsis;min-width:0;color:var(--color-text);font-weight:600;overflow:hidden}.keyAssistChipBody--next{flex-wrap:wrap;gap:.4em .5em}.keyAssistChipRole{border:1px solid color-mix(in srgb, var(--color-active) 28%, var(--color-inset-border) 72%);background:color-mix(in srgb, var(--color-active) 10%, transparent);color:color-mix(in srgb, var(--color-text) 82%, var(--color-active) 18%);letter-spacing:.02em;border-radius:999px;flex-shrink:0;padding:2px 6px;font-size:.68rem;font-weight:650;line-height:1.2}.keyAssistChipAddGlyph{text-align:center;min-width:.72em;font-size:.82rem;line-height:1;display:inline-block}.keyAssistChipAdd.keyAssistChipAdd--added{color:var(--color-active);background:color-mix(in srgb, var(--color-active) 12%, transparent)}.keyAssistChipAdd.keyAssistChipAdd--added:hover:not(:disabled){color:var(--color-active);background:color-mix(in srgb, var(--color-active) 18%, transparent)}@keyframes keyAssistChipAddedRing{0%{box-shadow:0 0 #0000}24%{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-active) 30%, transparent)}to{box-shadow:0 0 #0000}}.keyAssistChip.keyAssistChip--addFlash{animation:.78s ease-out keyAssistChipAddedRing}@media (prefers-reduced-motion:reduce){.keyAssistChip.keyAssistChip--addFlash{animation:none}}.keyAssistChipBody:hover{background:color-mix(in srgb, var(--color-active) 9%, transparent)}.keyAssistChipBody:focus-visible{outline:2px solid var(--color-accent-focus-soft);outline-offset:-6px;z-index:1}.keyAssistDraftHint{margin:4px 0 0;font-size:.805rem;font-weight:600;line-height:1.35}.keyAssistDraftHint.isInKey{color:var(--color-active)}.keyAssistDraftHint.isOutsideKey{color:var(--color-text-muted);font-weight:500}.chordBuilderPanel .chordBuilderControls>.field>span{font-size:.8125rem}.chordBuilderPreviewColumn{flex-direction:column;align-self:stretch;gap:12px;min-width:0;min-height:0;display:flex}.chordBuilderPreviewColumn .preview{flex:0 auto;min-height:0}.previewChordGrow{flex:0;width:100%}@media (width>=881px){.chordBuilderPanel:not(.chordBuilderPanelCollapsed){flex:0 auto;grid-template-rows:auto auto auto;display:grid}.chordBuilderPanel.chordBuilderPanelCollapsed{flex:none}.chordBuilderPreviewColumn{flex:auto}.chordBuilderPreviewColumn .preview{flex:auto;align-self:stretch;height:auto;min-height:0}}.chordBuilderPreviewColumn .preview{flex-direction:column;display:flex}.chordBuilderPreviewColumn .preview .miniKeyboardWrapChordBuilder{flex-direction:column;flex:auto;min-height:0;margin-top:2px;display:flex}.chordBuilderPreviewColumn .preview .miniKeyboardWrapChordBuilder .miniKeyboardScroll{flex-direction:column;flex:auto;min-height:0;display:flex}.chordBuilderPreviewColumn .preview .miniKeyboardWrapChordBuilder .miniKeyboardOverviewBlock{flex:none}.chordBuilderPreviewColumn .miniKeyboardWrap{align-self:stretch;width:100%}.chordBuilderPreviewColumn .miniKeyboard[data-size-context=chordBuilder][data-range-preset="2"]{height:clamp(76px,22vh,128px);min-height:76px}.chordBuilderPreviewColumn .miniKeyboard[data-size-context=chordBuilder][data-range-preset="3"]{height:clamp(68px,18vh,108px);min-height:68px}.chordBuilderPreviewColumn .miniKeyboard[data-size-context=chordBuilder][data-range-preset="4"]{height:clamp(58px,15vh,92px);min-height:58px}.chordBuilderPreviewColumn .miniKeyboard[data-size-context=chordBuilder] .miniKeyboardBlack{height:58%}.chordBuilderPreviewColumn .miniKeyboard[data-size-context=chordBuilder] .miniKey.black{height:100%}@media (width<=880px){.chordBuilderLayout,.chordBuilderQuickActions{grid-template-columns:1fr}.chordBuilderQuickActionsAdd{order:-1}}.progressionChordEditor{border:1px solid var(--color-editor-border);background:var(--color-editor-fill);box-sizing:border-box;border-radius:8px;gap:6px;min-width:0;max-width:100%;margin-top:4px;padding:8px 10px;display:grid;overflow-x:clip}.progressionChordEditor.progressionInspectorMultiRoot{box-sizing:border-box;flex-direction:column;min-height:min(32rem,82vh);display:flex}.progressionInspectorMultiBody{flex-direction:column;flex:none;gap:10px;min-height:0;padding:8px 2px 12px;display:flex}.progressionInspectorMultiLead{color:var(--color-text);margin:0;font-size:.95rem;font-weight:600}.progressionInspectorMultiHint{color:var(--color-text-muted);max-width:40rem;margin:0;font-size:.82rem;line-height:1.45}.progressionChordEditorTitle{border-bottom:1px solid var(--color-inset-border);letter-spacing:.02em;color:color-mix(in srgb, var(--color-text) 92%, var(--color-text-muted) 8%);margin:0;padding-bottom:4px;font-size:.88rem;font-weight:600}.progressionInspectorSelectedRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 10px;min-width:0;display:flex}.progressionInspectorSelectedLabel{color:var(--color-text);font-size:.82rem;font-weight:600}.progressionInspectorPreviewButton{border-radius:7px;flex:none;padding:6px 10px;font-size:.78rem}.stickyProgressionRailEditorBody .progressionInspectorSelectedRow--stickyRailBulk{min-height:2rem}@media (width<=520px){.progressionInspectorSelectedRow{flex-direction:column;align-items:stretch}.progressionInspectorPreviewButton{box-sizing:border-box;width:100%}}.progressionChordEditorBody{grid-template-columns:minmax(0,1.12fr) minmax(216px,.92fr);align-items:start;gap:10px;min-width:0;display:grid}.progressionChordEditorControls{gap:6px;min-width:0;display:grid}.progressionChordEditorPreview{min-width:0}.progressionChordEditor .field{gap:4px}.progressionChordEditor .field>span{font-size:.74rem}.chordBuilderPanel .chordBuilderQualityRow.optionButtonGroupCompact,.chordBuilderPanel .chordBuilderModifierGrid.modifierGrid{box-sizing:border-box;width:100%}.chordBuilderPanel .chordBuilderModifierGrid .modifier{box-sizing:border-box;white-space:nowrap;border-radius:6px;padding:5px 6px;font-size:.8125rem;line-height:1.25;position:relative;overflow:hidden}@media (width>=881px){.chordBuilderPanel .chordBuilderQualityRow.optionButtonGroupCompact{flex-wrap:nowrap;gap:5px 6px}.chordBuilderPanel .chordBuilderQualityRow .optionButtonCompact{text-align:center;flex:1 1 0;width:auto;min-width:0}.chordBuilderPanel .chordBuilderModifierGrid.modifierGrid{flex-wrap:nowrap;gap:4px}.chordBuilderPanel .chordBuilderModifierGrid .modifier{text-align:center;flex:auto;min-width:min-content}.chordBuilderPanel .chordBuilderModifierGrid .modifier.modifierKeyAssistHint:not(.isActive):before{width:auto;max-width:none;height:2px;left:14%;right:14%;transform:none}.chordBuilderPanel .chordBuilderModifierGrid .modifier.modifierKeyAssistHint.isActive:before{width:auto;max-width:none;height:2.25px;left:12%;right:12%;transform:none}.chordBuilderPanel .chordBuilderQualityRow .optionButton.optionButtonDiatonicQualityHint:not(.isActive):before,.chordBuilderPanel .chordBuilderQualityRow .optionButton.optionButtonDiatonicQualityHint.isActive:before{height:3px}}@media (width<=880px){.chordBuilderPanel .chordBuilderQualityRow.optionButtonGroupCompact,.chordBuilderPanel .chordBuilderModifierGrid.modifierGrid{flex-wrap:wrap}.chordBuilderPanel .chordBuilderQualityRow .optionButtonCompact,.chordBuilderPanel .chordBuilderModifierGrid .modifier{flex:auto;min-width:2.75rem}}.chordBuilderPanel .advancedVoicing{flex-wrap:wrap;align-items:end;gap:8px 10px;display:flex}.chordBuilderPanel .advancedVoicing .field{box-sizing:border-box;min-width:0;max-width:100%}.chordBuilderPanel .advancedVoicing .field:first-child{flex:136px;min-width:min(100%,136px)}.chordBuilderPanel .advancedVoicing .field:nth-child(2){flex:2 200px;min-width:min(100%,200px)}.chordBuilderPanel .advancedVoicing .field:nth-child(3){flex:120px;min-width:min(100%,120px)}.chordBuilderPanel .advancedVoicingVoicingGrid.optionButtonGroupCompact,.chordBuilderPanel .advancedVoicingOctaveGrid.optionButtonGroupCompact,.chordBuilderPanel .advancedVoicingInversionGrid.optionButtonGroupCompact{gap:4px 5px}.chordBuilderPanel .advancedVoicingVoicingGrid .optionButtonCompact,.chordBuilderPanel .advancedVoicingOctaveGrid .optionButtonCompact,.chordBuilderPanel .advancedVoicingInversionGrid .optionButtonCompact{padding:4px 3px;font-size:.75rem}@media (width<=880px){.chordBuilderPanel .advancedVoicing .field{flex:100%;min-width:100%}}.progressionChordEditor .optionButtonGroupRoot{gap:5px 6px;width:100%}.progressionChordEditor .progressionInspectorBassModeGrid.optionButtonGroup.optionButtonGroupCompact{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:100%;display:grid}.progressionChordEditor .progressionInspectorBassModeGrid .optionButtonCompact{min-width:0;padding:5px 4px;font-size:.72rem}.progressionInspectorBassModeHint{color:var(--color-text-muted);margin:-4px 0 10px;font-size:.72rem;line-height:1.35}.progressionChordEditor .progressionInspectorQualityGrid.optionButtonGroup.optionButtonGroupCompact{grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;gap:5px 6px;width:100%;display:grid}.progressionChordEditor .progressionInspectorQualityGrid .optionButtonCompact{box-sizing:border-box;width:100%;min-width:0}.progressionChordEditor .progressionInspectorModifierGrid.modifierGrid{grid-template-columns:repeat(13,minmax(0,1fr));align-items:stretch;gap:4px;width:100%;display:grid}.progressionChordEditor .progressionInspectorModifierGrid .modifier{box-sizing:border-box;border-radius:5px;justify-self:stretch;width:100%;min-width:0;padding:5px 4px;font-size:.73rem}@media (width<=720px){.progressionChordEditor .progressionInspectorModifierGrid.modifierGrid{grid-template-columns:repeat(auto-fill,minmax(2.65rem,1fr))}}@media (width<=520px){.progressionChordEditor .progressionInspectorQualityGrid.optionButtonGroup.optionButtonGroupCompact{grid-template-columns:repeat(3,minmax(0,1fr))}}.progressionChordEditor .optionButtonGroupRoot .optionButton{padding:9px 8px 10px;font-size:.78rem}.progressionChordEditor .optionButtonRootRomanPinned{top:3px;max-width:44%;inset-inline-end:6px}.progressionChordEditor .optionButtonGroupCompact{gap:4px 5px}.progressionChordEditor .optionButtonCompact{border-radius:5px;min-width:32px;padding:4px 6px;font-size:.73rem}.progressionChordEditor .advancedVoicing{grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);gap:6px 10px}.progressionChordEditor .advancedVoicingVoicingGrid.optionButtonGroupCompact,.progressionChordEditor .advancedVoicingOctaveGrid.optionButtonGroupCompact,.progressionChordEditor .advancedVoicingInversionGrid.optionButtonGroupCompact{gap:4px 5px}.progressionChordEditor .voicingHeader .linkButton{border-radius:6px;padding:4px 7px;font-size:.71rem}.progressionChordEditor .voicePositionSliderBlock{gap:5px}.progressionChordEditor .voicePositionLabel{font-size:.8rem}.progressionChordEditor .voicePositionSliderRow .voicePositionEndpoint{width:26px;font-size:.67rem}.progressionChordEditor .voicePositionSlider{height:24px}.progressionChordEditor .voicePositionHint{font-size:.72rem}.progressionChordEditorPreview{flex-direction:column;min-height:0;display:flex}.progressionChordEditorPreview .preview{flex-direction:column;flex:auto;min-height:0;display:flex}.progressionChordEditorPreview .preview .miniKeyboardWrapInspector{flex-direction:column;flex:auto;min-height:0;margin-top:2px;display:flex}.progressionChordEditorPreview .preview .miniKeyboardWrapInspector .miniKeyboardScroll{flex-direction:column;flex:auto;min-height:0;display:flex}.progressionChordEditorPreview .preview .miniKeyboardWrapInspector .miniKeyboardOverviewBlock{flex:none}.progressionChordEditor .miniKeyboard[data-size-context=progressionInspector][data-range-preset="2"]{height:clamp(64px,14vh,96px);min-height:64px}.progressionChordEditor .miniKeyboard[data-size-context=progressionInspector][data-range-preset="3"]{height:clamp(56px,12vh,84px);min-height:56px}.progressionChordEditor .miniKeyboard[data-size-context=progressionInspector][data-range-preset="4"]{height:clamp(50px,10vh,72px);min-height:50px}.progressionChordEditor .miniKeyboard[data-size-context=progressionInspector] .miniKeyboardBlack{height:62%}.progressionChordEditor .miniKeyboard[data-size-context=progressionInspector] .miniKey.black{height:100%}.progressionChordEditor .miniKeyboardOverviewRail{height:38px}@media (width<=780px){.progressionChordEditorBody{grid-template-columns:1fr}}.progressionAssist{border:1px solid color-mix(in srgb, var(--color-inset-border) 88%, var(--color-chrome-neutral-2) 12%);background:color-mix(in srgb, var(--color-surface-inset) 90%, var(--color-panel-bg) 10%);border-radius:10px;gap:8px;min-width:0;padding:10px 12px;display:grid}.progressionAssist--assistOn{border-color:color-mix(in srgb, var(--color-active) 32%, var(--color-inset-border) 68%);background:color-mix(in srgb, var(--color-active) 6%, var(--color-surface-inset) 94%)}.progressionAssistHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;min-width:0;display:flex}.progressionAssistBody{gap:8px;min-width:0;display:grid}.progressionAssistTitle{color:var(--color-text);letter-spacing:.01em;flex:auto;min-width:0;margin:0;font-size:.82rem;font-weight:650;line-height:1.25}.progressionAssistCollapseButton{border:1px solid color-mix(in srgb, var(--color-inset-border) 80%, transparent);background:color-mix(in srgb, var(--color-surface-inset) 88%, transparent);color:var(--color-text-muted);cursor:pointer;border-radius:6px;flex-shrink:0;place-items:center;margin:0;padding:4px 6px;font-family:inherit;display:grid}.progressionAssistCollapseButton:hover{color:var(--color-text);border-color:var(--color-inset-border);background:color-mix(in srgb, var(--color-active) 10%, transparent)}.progressionAssistCollapseButton:focus-visible{outline:2px solid var(--color-accent-focus-soft);outline-offset:2px}.progressionAssistCollapseCaret{place-items:center;line-height:0;display:grid}.progressionAssistCollapseCaretSvg{display:block}.progressionAssistContext{color:var(--color-text-muted);word-break:break-word;margin:0;font-size:.76rem;line-height:1.35}.progressionAssistNextSection{gap:4px;min-width:0;display:grid}.progressionAssistNextTitle{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);margin:0;font-size:.72rem;font-weight:600}.progressionAssistNextHint{color:var(--color-text-muted);margin:0;font-size:.8rem;line-height:1.45}.progressionAssistChipRow{margin-top:0}@media (width<=520px){.progressionAssistChipRow{gap:8px}}.progressionWorkingTitleRow{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px 10px;min-width:0;display:flex}.progressionWorkingTitleGroup{flex-direction:row;flex:auto;align-items:center;gap:4px;min-width:0;max-width:min(100%,28rem);display:flex}.progressionWorkingTitleRow .progressionDocumentHeaderDocActions{flex:none;margin-left:auto}.progressionWorkingTitleRow .progressionRailPinButton{flex:none;margin-left:0}.progressionWorkingTitleText{min-width:0;max-width:100%;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;font-size:.88rem;font-weight:650;line-height:1.25;overflow:hidden}.progressionWorkingTitleText--placeholder{color:var(--color-text-muted);font-weight:550}.progressionWorkingTitleInput{flex:auto;min-width:0;max-width:100%}.panel.progressionPanel{gap:10px}.progressionPanelScrollBlock,.progressionProjectRow{min-width:0;max-width:100%}.progressionTimelineTransportRow{margin-top:0}.progressionTrackStack{border-top:1px solid color-mix(in srgb, var(--color-inset-border) 82%, transparent);flex-direction:column;gap:10px;min-width:0;max-width:100%;margin-top:4px;padding-top:10px;display:flex}@media (width>=881px){.panel.progressionPanel{flex-direction:column;flex:auto;min-height:0;display:flex}.progressionPanelHeader{flex-shrink:0}.progressionPanelScrollBlock{flex-direction:column;flex:0 auto;gap:10px;min-width:0;display:flex}.progressionPanelScrollBlock .timelineSelectHint,.appHeader{flex-shrink:0}.progressionChordEditor{flex:0 auto;grid-template-rows:auto auto auto;align-self:stretch;margin-top:0;display:grid}.progressionChordEditorBody{align-self:stretch;align-items:stretch}.progressionChordEditorControls{align-self:stretch}.progressionChordEditorPreview{flex-direction:column;align-self:stretch;height:100%;min-height:0;display:flex}.progressionChordEditorPreview .preview{flex:auto;height:100%;min-height:0}}.progressionPanelHeader{flex-direction:column;align-items:stretch;gap:8px;display:flex}.progressionDocumentHeaderTitleRow{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;width:100%;min-width:0;display:flex}.progressionDocumentHeaderTitleRow .progressionPanelTitle{flex:0 auto;min-width:0;margin:0}.progressionDocumentHeaderTitleRow>.progressionDocumentHeaderDocActions{box-sizing:border-box;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;min-width:0;margin-left:auto;display:inline-flex}.progressionDocumentHeaderToolbarRow{box-sizing:border-box;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px 16px;width:100%;min-width:0;display:flex}.progressionDocumentHeaderGlobalControls{flex-wrap:wrap;flex:0 auto;align-items:center;gap:8px 12px;min-width:0;display:flex}.progressionDocumentHeaderTransportControls{flex:none;justify-content:flex-end;align-items:center;min-width:0;max-width:100%;margin-left:auto;display:flex}.workspaceModeWarnings{gap:6px;width:100%;padding:2px 0 0;display:grid}.workspaceModeWarning{border:1px solid color-mix(in srgb, var(--color-inset-border) 76%, var(--color-active) 24%);background:color-mix(in srgb, var(--color-surface-inset) 86%, var(--color-active) 14%);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;margin:0;padding:7px 9px;display:flex}.workspaceModeWarningMessage{color:var(--color-text-muted);margin:0;font-size:.76rem}.workspaceModeWarningAction.secondaryButton{flex:none;min-height:28px;padding:4px 9px;font-size:.74rem}.progressionPlaybackEditNotice{border:1px solid color-mix(in srgb, var(--color-inset-border) 82%, var(--color-text-muted) 18%);background:color-mix(in srgb, var(--color-surface-inset) 92%, var(--color-text-muted) 8%);color:var(--color-text-muted);border-radius:8px;flex-shrink:0;margin:0;padding:6px 9px;font-size:.76rem;line-height:1.35}.progressionDocumentHeaderTransportControls .progressionTransportHeaderActions.progressionTransportHeaderActions--headerRow{flex-wrap:nowrap;flex:none;gap:7px;min-width:0;max-width:100%;margin-left:0}label.field.progressionHeaderInlineField{flex-direction:row;align-items:center;gap:6px;min-height:0;margin:0;display:inline-flex}.progressionDocumentHeaderGlobalControls .progressionHeaderVolumeControl,.progressionDocumentHeaderGlobalControls .progressionHeaderTempoControl{min-height:0;padding:0}label.field.progressionHeaderInlineField>span{letter-spacing:.03em;text-transform:none;color:var(--color-text-muted);white-space:nowrap;flex:none;font-size:.72rem;font-weight:650}.progressionDocumentHeaderVolume.progressionHeaderVolumeControl{flex:none;min-width:min-content;min-height:0;padding:0}.progressionDocumentHeaderVolume.progressionHeaderVolumeControl input[type=range]{vertical-align:middle;width:7.75rem;min-width:5.5rem;max-width:min(7.75rem,32vw);height:1.15rem;accent-color:var(--color-active);margin:0;padding:0}.progressionSequencerTempoField{flex:none;margin:0}.progressionSequencerTempoField>span{font-size:.72rem}.progressionSequencerTempoInput{box-sizing:border-box;width:4.1rem;min-width:4.1rem;max-width:100%;padding:4px 6px;font-size:.85rem}.progressionDocumentHeaderDocActions--compact{gap:6px}.progressionDocumentHeaderDocActions--compact .secondaryButton{min-height:30px;padding:5px 10px;font-size:.78rem;font-weight:650;line-height:1.2}.progressionDocumentHeaderDocActions--headerBar{align-items:center}.progressionDocumentHeaderDocActions--headerBar.progressionDocumentHeaderDocActions--compact .secondaryButton{box-sizing:border-box;justify-content:center;align-items:center;height:34px;min-height:34px;padding:0 11px;font-size:.78rem;font-weight:650;line-height:1.15;display:inline-flex}.progressionDocumentHeaderDocActions{flex-wrap:wrap;align-items:stretch;gap:8px;display:inline-flex}.progressionDocumentHeaderDocActions .secondaryButton{flex:0 auto}.progressionDocumentHeaderVolume.progressionHeaderVolumeControl,.progressionDocumentHeaderTempo.progressionHeaderTempoControl{min-height:0}.progressionPanelTitle{margin:0;font-size:1.1rem;line-height:1.3}html[data-glow=on] .progressionDocumentHeaderTitleRow,html[data-glow=on] .progressionDocumentHeaderToolbarRow{box-shadow:none}.progressionTransportTrackShell{box-sizing:border-box;flex-direction:column;gap:0;width:100%;min-width:0;display:flex}.progressionTransportTrackShellPanel{box-sizing:border-box;width:100%;min-width:0}.progressionTransportMobileSectionHeader{display:none}.progressionTransportMobileSectionTitle{flex:auto;min-width:0}.progressionTransportMobileSectionCaret{flex-shrink:0}.progressionTransportChordStack{box-sizing:border-box;background:var(--color-surface-inset);border:1px solid var(--color-inset-border);border-radius:8px;flex-direction:column;align-items:stretch;gap:0;width:100%;min-width:0;padding:7px 10px 8px;display:flex}.progressionChordLayersSection{border-bottom:none;min-width:0;margin:0;padding:0}.progressionChordLayersSectionHeader{border-bottom:1px solid color-mix(in srgb, var(--color-inset-border) 88%, var(--color-text-muted) 8%);justify-content:space-between;align-items:flex-start;gap:10px 12px;min-width:0;margin-bottom:8px;padding-bottom:8px;display:flex}.progressionChordLayersSectionHeaderText{flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex}.progressionChordLayersSectionTitle{letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-muted);margin:0;font-size:.72rem;font-weight:700;line-height:1.25}.progressionChordLayersSectionHelper{color:color-mix(in srgb, var(--color-text-muted) 92%, var(--color-text) 8%);max-width:42rem;margin:0;font-size:.72rem;line-height:1.35}.progressionChordLayersList{flex-direction:column;gap:8px;width:100%;min-width:0;display:flex}.progressionChordLayerRow{border:1px solid color-mix(in srgb, var(--color-inset-border) 92%, var(--color-text-muted) 8%);background:color-mix(in srgb, var(--color-surface-inset) 94%, var(--color-panel-bg) 6%);box-sizing:border-box;cursor:default;-webkit-tap-highlight-color:transparent;border-radius:7px;flex-direction:column;gap:6px;min-width:0;padding:7px 8px 8px;display:flex;overflow-x:hidden}.progressionChordLayerRowHeader{cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:5px;flex-wrap:wrap;align-items:center;gap:6px 8px;width:100%;min-width:0;display:flex}.progressionChordLayerRowHeader:focus{outline:none}.progressionChordLayerRowHeader:focus-visible{outline:2px solid var(--color-accent-focus-soft);outline-offset:2px}.progressionChordLayerRow:focus,.progressionChordLayerRow:focus-visible{outline:none}.progressionChordLayerRow--active{border-color:color-mix(in srgb, var(--color-active) 42%, var(--color-inset-border) 58%);background:color-mix(in srgb, var(--color-active) 9%, var(--color-surface-inset) 91%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-active) 14%, transparent)}.progressionChordLayerRow--muted:not(.progressionChordLayerRow--active){opacity:.88}.progressionChordLayerRow--muted.progressionChordLayerRow--active{opacity:.94}.progressionChordLayerRow--solo{box-shadow:inset 3px 0 0 color-mix(in srgb, var(--color-primary) 58%, var(--color-inset-border) 42%)}.progressionChordLayerRow--active.progressionChordLayerRow--solo{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-active) 14%, transparent), inset 3px 0 0 color-mix(in srgb, var(--color-primary) 58%, var(--color-inset-border) 42%)}.progressionChordLayerRow [data-layer-interactive]{cursor:auto;-webkit-tap-highlight-color:transparent}.progressionChordLayerRowHeaderPrimary{flex:9rem;min-width:0}.progressionChordLayerRowHeaderControls{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.progressionChordLayerMsGroup{align-items:center;gap:4px;display:inline-flex}.progressionChordLayerMsButton{box-sizing:border-box;letter-spacing:.02em;border:1px solid color-mix(in srgb, var(--color-inset-border) 82%, var(--color-text-muted) 18%);background:color-mix(in srgb, var(--color-surface-inset) 88%, var(--color-panel-bg) 12%);width:1.85rem;min-width:1.85rem;height:1.55rem;color:var(--color-text-muted);cursor:pointer;border-radius:5px;margin:0;padding:0;font-family:inherit;font-size:.68rem;font-weight:750;line-height:1}.progressionChordLayerMsButton:hover{color:var(--color-text);border-color:color-mix(in srgb, var(--color-active) 28%, var(--color-inset-border) 72%)}.progressionChordLayerMsButton--muteOn{background:var(--color-action-info-bg);border-color:var(--color-action-info-border);color:var(--color-action-info-text)}.progressionChordLayerMsButton--muteOn:hover{background:var(--color-action-info-bg-hover);border-color:var(--color-action-info-border-hover);color:var(--color-action-info-text-hover)}.progressionChordLayerMsButton--muteOn:focus-visible{outline:2px solid var(--color-action-info-focus);outline-offset:1px}.progressionChordLayerMsButton--soloOn{background:var(--color-action-warning-bg);border-color:var(--color-action-warning-border);color:var(--color-on-warning)}.progressionChordLayerMsButton--soloOn:hover{background:var(--color-action-warning-bg-hover);border-color:var(--color-action-warning-border-hover);color:var(--color-on-warning)}.progressionChordLayerMsButton--soloOn:focus-visible{outline:2px solid var(--color-action-warning-focus);outline-offset:1px}.progressionChordLayerRowTitleGroup{flex-direction:row;flex:6rem;justify-content:flex-start;align-items:center;gap:4px;min-width:0;display:flex}.progressionChordLayerRowName{min-width:0;max-width:100%;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;font-size:.8rem;font-weight:650;line-height:1.25;display:block;overflow:hidden}.progressionChordLayerMini--renameByTitle{flex-shrink:0}.progressionChordLayerMini--dup{white-space:nowrap;max-width:100%}.progressionChordLayerDupLabel--compact{display:none}@media (width<=420px){.progressionChordLayerDupLabel--full{display:none}.progressionChordLayerDupLabel--compact{display:inline}}.progressionChordLayerRowActions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:2px;margin-left:auto;display:inline-flex}.progressionChordLayerRenameInput--row{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.progressionChordLayerRowMain{width:100%;min-width:0}.progressionChordLayerSoundBody{flex:12rem;min-width:0}.progressionChordLayerSoundPanel{flex-direction:column;align-items:stretch;gap:6px}.progressionChordLayerCoreRow{width:100%;min-width:0}.progressionChordLayerFxBox{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--color-inset-border) 90%, var(--color-text-muted) 8%);background:color-mix(in srgb, var(--color-panel) 92%, var(--color-text-muted) 4%);border-radius:6px;width:100%;min-width:0;overflow:hidden}.progressionChordLayerFxHeaderRow{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.progressionChordLayerFxHeader{min-width:0;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:0;flex:auto;align-items:center;gap:6px 8px;margin:0;padding:5px 8px;font-size:.72rem;line-height:1.25;transition:background-color .12s;display:flex}.progressionChordLayerFxBypassButton{box-sizing:border-box;height:1.55rem;font:inherit;letter-spacing:.02em;white-space:nowrap;border:1px solid color-mix(in srgb, var(--color-inset-border) 82%, var(--color-text-muted) 18%);background:color-mix(in srgb, var(--color-surface-inset) 88%, var(--color-panel-bg) 12%);color:var(--color-text-muted);cursor:pointer;border-radius:5px;flex:none;margin:4px 6px 4px 0;padding:0 8px;font-size:.68rem;font-weight:650;line-height:1}.progressionChordLayerFxBypassButton:hover{color:var(--color-text);border-color:color-mix(in srgb, var(--color-active) 28%, var(--color-inset-border) 72%)}.progressionChordLayerFxBypassButton--on{background:color-mix(in srgb, var(--color-active) 22%, var(--color-surface-inset) 78%);border-color:color-mix(in srgb, var(--color-active) 55%, var(--color-inset-border) 45%);color:var(--color-active)}.progressionChordLayerFxBypassButton--on:hover{background:color-mix(in srgb, var(--color-active) 30%, var(--color-surface-inset) 70%);border-color:color-mix(in srgb, var(--color-active) 65%, var(--color-inset-border) 35%)}.progressionChordLayerFxBypassButton:focus{outline:none}.progressionChordLayerFxBypassButton:focus-visible{outline:2px solid var(--color-accent-focus-soft);outline-offset:1px}.progressionChordLayerFxBox--bypassed .progressionChordLayerFxBody{opacity:.72}.progressionChordLayerFxBox--bypassed .progressionChordLayerFxSummary{color:var(--color-active);font-weight:600}.progressionChordLayerFxHeader:hover{background:color-mix(in srgb, var(--color-accent) 7%, transparent)}.progressionChordLayerFxHeader:focus{outline:none}.progressionChordLayerFxHeader:focus-visible{outline:2px solid color-mix(in srgb, var(--color-accent) 72%, transparent);outline-offset:-2px}.progressionChordLayerFxHeaderCaret{opacity:.78;border-bottom:1.5px solid;border-right:1.5px solid;flex-shrink:0;width:.42em;height:.42em;transition:transform .15s;display:inline-block;transform:rotate(-45deg)}.progressionChordLayerFxBox--open .progressionChordLayerFxHeaderCaret{transform:rotate(45deg)}.progressionChordLayerFxHeaderLabel{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);flex-shrink:0;font-size:.68rem;font-weight:600}.progressionChordLayerFxBox--off .progressionChordLayerFxSummary{color:var(--color-text-muted);font-style:normal}.progressionChordLayerFxSummary{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:color-mix(in srgb, var(--color-text) 88%, var(--color-accent) 12%);flex:auto;font-size:.7rem;overflow:hidden}.progressionChordLayerFxHeaderEditing{min-width:0;color:var(--color-text-muted);white-space:nowrap;flex:auto;font-size:.66rem;font-style:italic;font-weight:450}.progressionChordLayerFxBody{box-sizing:border-box;background:color-mix(in srgb, var(--color-surface-inset) 35%, transparent);flex-direction:column;gap:6px;min-width:0;max-width:100%;padding:7px 6px 6px;display:flex}.progressionChordLayerFxSettings{box-sizing:border-box;gap:4px 5px;width:100%;padding-top:0}.progressionChordLayerFxSettings .appSelect{max-width:100%}.progressionChordLayerFxSettings .progressionTransportField>span{font-size:.66rem}.progressionChordLayerFxSettings .appSelect .appSelectTrigger.progressionTransportSelect{min-height:30px;padding:4px 7px 4px 6px;font-size:.72rem;line-height:1.25}.progressionChordLayerFxSettings .progressionTransportDistortionField .appSelect .appSelectTrigger.progressionTransportSelect{min-width:4.35rem}.progressionChordLayerFxSettings .progressionTransportDistortionStrengthField .appSelect .appSelectTrigger.progressionTransportSelect{min-width:3.15rem}.progressionChordLayerFxSettings .progressionTransportMotionField .appSelect .appSelectTrigger.progressionTransportSelect{min-width:5.85rem}.progressionChordLayerFxSettings .progressionTransportChorusField .appSelect .appSelectTrigger.progressionTransportSelect{min-width:4.15rem}.progressionChordLayerFxSettings .progressionTransportDelayField .appSelect .appSelectTrigger.progressionTransportSelect{min-width:5.1rem}.progressionChordLayerFxSettings .progressionTransportDelaySubField .appSelect .appSelectTrigger.progressionTransportSelect{min-width:3.2rem}.progressionChordLayerFxSettings .progressionTransportReverbField .appSelect .appSelectTrigger.progressionTransportSelect{min-width:4.15rem}.progressionChordLayerFxModuleGroup{flex-wrap:wrap;grid-column:1/-1;align-items:flex-end;gap:6px 10px;width:100%;min-width:0;display:flex}.progressionChordLayerFxModuleLabel{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);flex:0 0 100%;font-size:.66rem;font-weight:650;line-height:1.2}.progressionChordLayerFxModuleFields{flex-wrap:wrap;flex:auto;align-items:flex-end;gap:6px 8px;min-width:0;display:flex}.progressionChordLayerFxModuleModeTag{text-transform:none;letter-spacing:0;color:color-mix(in srgb, var(--color-active) 72%, var(--color-text-muted) 28%);font-weight:450}.progressionChordLayerFxAdvanced{box-sizing:border-box;width:100%;min-width:0}.progressionChordLayerFxAdvancedToggle{border:1px solid color-mix(in srgb, var(--color-inset-border) 70%, transparent);background:color-mix(in srgb, var(--color-surface-inset) 55%, transparent);width:100%;color:var(--color-text-muted);letter-spacing:.03em;text-transform:uppercase;cursor:pointer;box-sizing:border-box;border-radius:6px;align-items:center;gap:6px;margin:0;padding:5px 6px;font-size:.68rem;font-weight:600;display:flex}.progressionChordLayerFxAdvancedToggle:hover{color:var(--color-text);border-color:color-mix(in srgb, var(--color-inset-border) 90%, var(--color-active) 10%)}.progressionChordLayerFxAdvancedToggle:focus{outline:none}.progressionChordLayerFxAdvancedToggle:focus-visible{outline:2px solid var(--color-accent-focus-soft);outline-offset:2px}.progressionChordLayerFxAdvancedToggle--open{border-bottom-color:#0000;border-bottom-right-radius:0;border-bottom-left-radius:0}.progressionChordLayerFxAdvancedToggleCaret{border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:5px solid;flex-shrink:0;width:0;height:0;transition:transform .15s}.progressionChordLayerFxAdvancedToggle--open .progressionChordLayerFxAdvancedToggleCaret{transform:rotate(90deg)}.progressionChordLayerFxAdvancedToggleLabel{flex:none}.progressionChordLayerFxAdvancedToggleHint{text-transform:none;letter-spacing:0;color:color-mix(in srgb, var(--color-text-muted) 85%, var(--color-text) 15%);margin-left:auto;font-weight:450}.progressionChordLayerFxAdvancedBody{border:1px solid color-mix(in srgb, var(--color-inset-border) 70%, transparent);background:color-mix(in srgb, var(--color-surface-inset) 42%, transparent);box-sizing:border-box;border-top:none;border-radius:0 0 6px 6px;padding:5px 5px 6px}.progressionChordLayerFxAdvancedModules{flex-wrap:wrap;align-items:flex-start;gap:6px 8px;display:flex}.progressionChordLayerFxAdvancedModule{border:1px solid color-mix(in srgb, var(--color-inset-border) 55%, transparent);background:color-mix(in srgb, var(--color-surface-inset) 50%, transparent);box-sizing:border-box;border-radius:5px;flex-direction:column;flex:none;gap:4px;padding:5px 6px 6px;display:flex}.progressionChordLayerFxAdvancedModuleTitle{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);white-space:nowrap;font-size:.62rem;font-weight:650;line-height:1.15}.progressionChordLayerFxAdvancedModuleKnobs{flex-wrap:nowrap;align-items:flex-end;gap:2px 4px;display:flex}.progressionChordLayerFxAdvancedEmpty{text-align:center;color:color-mix(in srgb, var(--color-text-muted) 90%, var(--color-text) 10%);margin:0;padding:2px 4px 4px;font-size:.64rem;line-height:1.35}.fxKnob{-webkit-user-select:none;user-select:none;flex-direction:column;flex:none;align-items:center;gap:1px;width:44px;display:flex}.fxKnob--disabled{opacity:.45;pointer-events:none}.fxKnobDial{--fx-knob-size:32px;--fx-knob-angle:-135deg;width:var(--fx-knob-size);height:var(--fx-knob-size);cursor:ns-resize;touch-action:none;box-sizing:border-box;background:0 0;border:none;border-radius:50%;margin:0;padding:0;position:relative}.fxKnobDial:focus{outline:none}.fxKnobDial:focus-visible{outline:2px solid var(--color-accent-focus-soft);outline-offset:2px;border-radius:50%}.fxKnobDialRing{border:2px solid color-mix(in srgb, var(--color-inset-border) 65%, var(--color-text-muted) 35%);background:color-mix(in srgb, var(--color-surface-inset) 80%, var(--color-surface) 20%);box-shadow:inset 0 1px 2px #00000038, 0 1px 0 color-mix(in srgb, var(--color-text) 8%, transparent);box-sizing:border-box;border-radius:50%;position:absolute;inset:0}.fxKnobDialPointer{width:2px;height:calc(var(--fx-knob-size) * .34);margin-left:-1px;margin-top:calc(var(--fx-knob-size) * -.34);transform-origin:50% 100%;transform:rotate(var(--fx-knob-angle));background:var(--color-active);box-shadow:0 0 3px color-mix(in srgb, var(--color-active) 45%, transparent);pointer-events:none;border-radius:1px;position:absolute;top:50%;left:50%}.fxKnobLabel{letter-spacing:.02em;color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.58rem;font-weight:600;line-height:1.1;overflow:hidden}.fxKnobValue{font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--color-text-muted) 75%, var(--color-text) 25%);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.56rem;font-weight:500;line-height:1.1;overflow:hidden}.progressionChordLayerFxFilterSliderField{flex:5.5rem;min-width:min(100%,5.5rem);max-width:100%}.progressionChordLayerFxFilterLabel{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.progressionChordLayerFxFilterLabelSep,.progressionChordLayerFxFilterLabelValue{color:color-mix(in srgb, var(--color-text-muted) 88%, var(--color-text) 12%);font-weight:450}.progressionChordLayerFxFilterSliderWrap{--fx-filter-thumb:14px;--fx-filter-track-h:4px;--fx-filter-track-bg:color-mix(in srgb, var(--color-inset-border) 55%, var(--color-surface-inset));--fx-filter-fill-color:var(--color-active);--fx-filter-fill-start:50%;--fx-filter-fill-end:50%;box-sizing:border-box;align-items:center;width:100%;min-width:0;height:30px;display:flex}.progressionChordLayerFxFilterSlider{--fx-filter-thumb:14px;--fx-filter-track-h:4px;--fx-filter-track-bg:color-mix(in srgb, var(--color-inset-border) 55%, var(--color-surface-inset));--fx-filter-fill-color:var(--color-active);width:100%;height:calc(var(--fx-filter-thumb) + 4px);appearance:none;cursor:pointer;background:0 0;margin:0;padding:0}.progressionChordLayerFxFilterSlider:focus{outline:none}.progressionChordLayerFxFilterSlider:focus-visible::-webkit-slider-thumb{outline:2px solid var(--color-accent-focus-soft);outline-offset:2px}.progressionChordLayerFxFilterSlider:focus-visible::-moz-range-thumb{outline:2px solid var(--color-accent-focus-soft);outline-offset:2px}.progressionChordLayerFxFilterSlider::-webkit-slider-runnable-track{height:var(--fx-filter-track-h);border-radius:calc(var(--fx-filter-track-h) / 2);background:linear-gradient(90deg, transparent 0%, transparent var(--fx-filter-fill-start), var(--fx-filter-fill-color) var(--fx-filter-fill-start), var(--fx-filter-fill-color) var(--fx-filter-fill-end), transparent var(--fx-filter-fill-end), transparent 100%), radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--color-text-muted) 50%, transparent) 0 1.5px, transparent 1.6px), var(--fx-filter-track-bg);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-inset-border) 35%, transparent);border:none}.progressionChordLayerFxFilterSlider::-webkit-slider-thumb{-webkit-appearance:none;width:var(--fx-filter-thumb);height:var(--fx-filter-thumb);margin-top:calc((var(--fx-filter-track-h) - var(--fx-filter-thumb)) / 2);border:2px solid color-mix(in srgb, var(--color-panel) 55%, var(--color-active) 45%);background:var(--color-active);border-radius:50%;box-shadow:0 1px 3px #00000047}.progressionChordLayerFxFilterSlider::-moz-range-track{height:var(--fx-filter-track-h);border-radius:calc(var(--fx-filter-track-h) / 2);background:linear-gradient(90deg, transparent 0%, transparent var(--fx-filter-fill-start), var(--fx-filter-fill-color) var(--fx-filter-fill-start), var(--fx-filter-fill-color) var(--fx-filter-fill-end), transparent var(--fx-filter-fill-end), transparent 100%), radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--color-text-muted) 50%, transparent) 0 1.5px, transparent 1.6px), var(--fx-filter-track-bg);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-inset-border) 35%, transparent);border:none}.progressionChordLayerFxFilterSlider::-moz-range-thumb{width:var(--fx-filter-thumb);height:var(--fx-filter-thumb);border:2px solid color-mix(in srgb, var(--color-panel) 55%, var(--color-active) 45%);background:var(--color-active);border-radius:50%;box-shadow:0 1px 3px #00000047}@media (width>=881px){.progressionChordLayerFxSettings{flex-wrap:nowrap;align-items:flex-end}.progressionChordLayerFxSettings>.progressionTransportField{flex:0 auto;min-width:0}.progressionChordLayerFxFilterSliderField{flex:1 1 0;min-width:5.5rem;max-width:none}}.progressionChordLayerFaderWrap,.progressionTrackFaderWrap--bass,.progressionTrackFaderWrap--drums,.progressionTrackFaderWrap--melody{flex-shrink:0;align-self:center;padding:8px 5px}.progressionChordLayerFaderWrap>.progressionTrackFaderMark,.progressionTrackFaderWrap--bass>.progressionTrackFaderMark,.progressionTrackFaderWrap--drums>.progressionTrackFaderMark,.progressionTrackFaderWrap--melody>.progressionTrackFaderMark{display:none}.progressionChordLayerRowMain.progressionTransportChordRow{align-items:center}.progressionChordLayerFaderWrap .progressionTrackFaderSlot,.progressionTrackFaderWrap--bass .progressionTrackFaderSlot,.progressionTrackFaderWrap--drums .progressionTrackFaderSlot,.progressionTrackFaderWrap--melody .progressionTrackFaderSlot{height:5.5rem;min-height:5.5rem;max-height:5.5rem;overflow:hidden}.progressionChordLayerFaderWrap .progressionTrackFaderInput,.progressionTrackFaderWrap--bass .progressionTrackFaderInput,.progressionTrackFaderWrap--drums .progressionTrackFaderInput,.progressionTrackFaderWrap--melody .progressionTrackFaderInput{width:5.5rem;height:1.1rem;margin:0}.progressionTransportChordRow{box-sizing:border-box;flex-wrap:wrap;align-items:flex-end;gap:10px 12px;width:100%;min-width:0;display:flex}.progressionTransportChordBody{flex-flow:wrap;flex:12rem;align-items:flex-end;gap:8px 10px;min-width:0;display:flex}.progressionChordLayerRenameInput{box-sizing:border-box;text-overflow:ellipsis;border:1px solid color-mix(in srgb, var(--color-active) 45%, var(--color-inset-border) 55%);background:color-mix(in srgb, var(--color-surface-inset) 92%, var(--color-panel-bg) 8%);width:min(10rem,46vw);min-width:3.25rem;max-width:min(10rem,46vw);color:var(--color-text);border-radius:6px;margin:0;padding:4px 8px;font-family:inherit;font-size:.76rem;font-weight:600;line-height:1.2;overflow:hidden}.progressionChordLayerRenameInput:focus{outline:2px solid var(--color-accent-focus-soft);outline-offset:0}.progressionChordLayerMini--rename{min-width:1.25rem;padding:2px 3px;font-size:.62rem}.progressionChordLayerMini{color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;margin:0;padding:2px 5px;font-family:inherit;font-size:.65rem;font-weight:600;line-height:1.2}.progressionChordLayerMini:hover{color:var(--color-text);background:color-mix(in srgb, var(--color-active) 8%, transparent)}.progressionChordLayerMini--remove:hover{color:var(--color-danger,#e85a5a)}.progressionChordLayerAddButton{border:1px dashed color-mix(in srgb, var(--color-inset-border) 70%, var(--color-active) 30%);color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:6px;margin:0;padding:4px 10px;font-family:inherit;font-size:.76rem;font-weight:600;line-height:1.2}.progressionChordLayerAddButton:hover{color:var(--color-text);border-style:solid;border-color:color-mix(in srgb, var(--color-active) 35%, var(--color-inset-border) 65%)}.progressionTransportChordRow .progressionTransportChordToolbar{width:auto;min-width:min(100%,14rem);max-width:100%;box-shadow:none;background:0 0;border:none;border-radius:0;flex:auto;padding:0}.progressionTransportChordRow .progressionTransportSettings{width:auto}.progressionTrackFaderWrap{box-sizing:border-box;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:3px;min-height:0;padding:6px 4px;display:flex}.progressionTrackFaderMark{color:var(--color-text-muted);opacity:.75;-webkit-user-select:none;user-select:none;font-size:.55rem;line-height:1}.progressionTrackFaderSlot{flex:none;justify-content:center;align-items:center;width:1.85rem;min-width:1.65rem;min-height:3.1rem;max-height:3.85rem;display:flex;position:relative}.progressionTrackFaderInput{transform-origin:50%;width:4.15rem;height:1.35rem;accent-color:var(--color-active);cursor:pointer;z-index:1;margin:0;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.progressionTrackFaderInput:disabled{cursor:not-allowed;opacity:.45}html[data-glow=on] .progressionTransportChordStack{box-shadow:none}.progressionTransportSourceRow{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 10px;width:100%;min-width:0;display:flex}.progressionTransportSourcePrimary{flex-wrap:wrap;flex:auto;align-items:flex-end;gap:6px 10px;min-width:0;display:flex}@media (width<=880px){.progressionTransportSourceRow{flex-wrap:wrap;align-items:stretch;row-gap:10px}.progressionTransportSourcePrimary{flex:100%;width:100%;min-width:0}.progressionTransportChordBody{flex-wrap:wrap}}.progressionTransportBassRow{background:var(--color-surface-inset);border:1px solid var(--color-inset-border);box-sizing:border-box;border-radius:8px;flex-direction:column;align-items:stretch;gap:8px;width:100%;min-width:0;padding:7px 10px 8px;display:flex}.progressionTransportBassHeader{padding-bottom:2px}.progressionTransportBassHeader .progressionTransportBassLabel{padding-bottom:0}.progressionTransportBassMain{flex-wrap:wrap;align-items:flex-end;gap:10px 12px;width:100%;min-width:0;display:flex}.progressionTransportBassBody{flex-wrap:wrap;flex:12rem;align-items:flex-end;gap:8px 10px;min-width:0;display:flex}.progressionTransportBassRow .progressionTransportBassToolbar{width:auto;min-width:min(100%,12rem);max-width:100%;box-shadow:none;background:0 0;border:none;border-radius:0;flex:auto;padding:0}.progressionTransportBassRow--inactive{border-color:color-mix(in srgb, var(--color-inset-border) 92%, var(--color-text-muted) 8%);isolation:auto}.progressionTransportBassLead{border-right:1px solid color-mix(in srgb, var(--color-inset-border) 88%, var(--color-text-muted) 12%);flex-wrap:wrap;flex:none;align-items:flex-end;gap:6px 8px;min-height:2.35rem;margin:0 2px 0 0;padding:0 12px 0 0;display:inline-flex}.progressionTransportBassLabel{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);padding-bottom:2px;font-size:.68rem;font-weight:650;line-height:1.2}.progressionTransportBassToggle{box-sizing:border-box;border-radius:8px;min-width:44px;min-height:2.05rem}.progressionTransportBassToggleActive{color:var(--color-on-primary,#fff);background:var(--color-primary);border-color:var(--color-primary-border);box-shadow:0 1px #00000038}.progressionTransportBassToggleOff{color:var(--color-text-muted);background:color-mix(in srgb, var(--color-surface-raised) 55%, transparent);border:1px solid color-mix(in srgb, var(--color-inset-border) 88%, var(--color-text-muted) 12%);box-shadow:none}.progressionTransportBassToggleOff:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-inset-border) 70%, var(--color-text-muted) 30%);color:var(--color-text)}.progressionTransportBassPowerField{flex:none;min-width:0}.progressionTransportBassPowerField>span,.progressionTransportBassPowerLabel{letter-spacing:.04em}.progressionTransportBassControls{flex-wrap:wrap;flex:auto;align-items:flex-end;gap:8px 12px;min-width:0;display:flex}.progressionTransportBassToneGroup{flex-wrap:wrap;flex:auto;align-items:flex-end;gap:8px 12px;min-width:0;transition:opacity .15s;display:flex}.progressionTransportBassToneGroup--muted{color:color-mix(in srgb, var(--color-text) 48%, transparent)}.progressionTransportBassToneGroup--muted .appSelectTrigger{opacity:.48}.progressionTransportBassToneGroup--muted .progressionTransportField>span{opacity:.5}.progressionTransportBassField{min-width:0}.progressionTransportBassFxShell{flex:100%;align-self:flex-start;width:100%;min-width:min(100%,14rem)}.progressionTransportBassFxShell .progressionChordLayerFxBox{width:100%;min-width:0}.progressionTransportBassFxShell .progressionBassFxBody{align-items:flex-start}.progressionBassFxSummary--on{color:color-mix(in srgb, var(--color-active) 78%, var(--color-text) 22%);opacity:1}.progressionBassFxSettings{box-sizing:border-box;grid-template-columns:minmax(150px,190px) minmax(260px,1fr);align-items:start;gap:10px 20px;width:100%;display:grid}.progressionBassFxModule{flex-direction:column;gap:6px;min-width:0;display:flex}.progressionBassFxModuleLabel{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);font-size:.66rem;font-weight:650}.progressionBassFxDistortionRow{align-items:flex-end;gap:8px;width:100%;display:flex}.progressionBassFxField--type{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.progressionBassFxDistortionRow .fxKnob{flex:none;margin-bottom:1px}.progressionBassFxFieldSublabel{white-space:nowrap;color:inherit;font-size:.72rem;display:block}.progressionTransportBassFxField{min-width:0}.progressionBassFxFilterModule{flex-direction:column;gap:6px;width:100%;min-width:0;display:flex}.progressionBassFxFilterReadouts{justify-content:space-between;align-items:baseline;gap:4px;width:100%;font-size:.72rem;display:flex}.progressionBassFxFilterReadoutLeft,.progressionBassFxFilterReadoutRight{flex-direction:row;flex-shrink:0;align-items:baseline;gap:5px;display:flex}.progressionBassFxFilterReadoutLabel{white-space:nowrap;flex:none}.progressionBassFxFilterReadoutValue{opacity:.72;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:3.6rem;font-weight:500;display:inline-block}.progressionBassFxFilterReadoutValue--left{text-align:left}.progressionBassFxFilterReadoutValue--right{text-align:right}.progressionBassFxFilterRail{background:color-mix(in srgb, var(--color-inset-border) 75%, var(--color-text-muted) 15%);touch-action:none;cursor:pointer;border-radius:999px;flex-shrink:0;width:100%;min-width:12rem;height:22px;position:relative}.progressionBassFxFilterFill{background:color-mix(in srgb, var(--color-active) 35%, transparent);pointer-events:none;border-radius:999px;position:absolute;top:0;bottom:0}.progressionBassFxFilterHandle{border:2px solid color-mix(in srgb, var(--color-active) 85%, white 15%);background:var(--color-surface-elevated);cursor:grab;touch-action:none;border-radius:50%;width:14px;height:14px;margin:0;padding:0;position:absolute;top:50%;transform:translateY(-50%)}.progressionBassFxFilterHandle--low{z-index:1}.progressionBassFxFilterHandle--high{z-index:2}.progressionBassFxFilterHandle--dragging{z-index:3}.progressionBassFxFilterHandle:active{cursor:grabbing}.progressionBassFxFilterHandle:disabled{opacity:.45;cursor:not-allowed}@media (width<=820px){.progressionBassFxSettings{grid-template-columns:1fr}.progressionBassFxDistortionRow{flex-wrap:wrap;align-items:flex-end;gap:8px}.progressionBassFxField--type{flex:100%}}.progressionTransportBassVolumeField{flex:none;align-self:flex-end}.progressionTransportBassVolumeField input[type=range]{vertical-align:middle;box-sizing:border-box;width:5.75rem;min-width:4.5rem;max-width:100%;height:1.35rem;accent-color:var(--color-active);margin:0;padding:0}.appSelect .appSelectTrigger.progressionTransportBassSelect--sound{min-width:7.5rem;max-width:min(10rem,100%)}.appSelect .appSelectTrigger.progressionTransportBassSelect--pattern{min-width:10.75rem;max-width:min(15rem,100%)}.appSelect .appSelectTrigger.progressionTransportBassSelect--rate{min-width:4.65rem;max-width:5.75rem}.appSelect .appSelectTrigger.progressionTransportBassSelect--rhythm{min-width:7.5rem;max-width:min(11rem,100%)}.appSelect .appSelectTrigger.progressionTransportBassSelect--octave{min-width:3.65rem;max-width:4.35rem}.progressionTransportDrumsRow{background:var(--color-surface-inset);border:1px solid var(--color-inset-border);box-sizing:border-box;border-radius:8px;flex-direction:column;align-items:stretch;gap:8px;width:100%;min-width:0;padding:7px 10px 8px;display:flex}.progressionTransportDrumsHeader{padding-bottom:2px}.progressionTransportDrumsHeader .progressionTransportDrumsLabel{padding-bottom:0}.progressionTransportDrumsMain{flex-wrap:wrap;align-items:flex-end;gap:10px 12px;width:100%;min-width:0;display:flex}.progressionTrackFaderWrap--drums{align-self:flex-end}.progressionTransportDrumsBody{flex-direction:column;flex:12rem;align-items:stretch;gap:6px;min-width:0;display:flex}.progressionTransportDrumsRow .progressionTransportDrumsToolbar{width:auto;min-width:min(100%,12rem);max-width:100%;box-shadow:none;background:0 0;border:none;border-radius:0;flex:auto;padding:0}.progressionTransportDrumsRow--inactive{border-color:color-mix(in srgb, var(--color-inset-border) 92%, var(--color-text-muted) 8%);isolation:auto}.progressionTransportDrumsLabel{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);font-size:.78rem;font-weight:700;line-height:1.2}.progressionTransportDrumsToggle{min-width:3.25rem;min-height:2rem;padding:4px 12px;font-size:.78rem;font-weight:650}.progressionTransportDrumsToggleActive{color:var(--color-active);border-color:color-mix(in srgb, var(--color-active) 55%, var(--color-inset-border) 45%);background:color-mix(in srgb, var(--color-active) 12%, var(--color-surface-inset) 88%)}.progressionTransportDrumsToggleOff{color:var(--color-text-muted);border-color:var(--color-inset-border);background:0 0}.progressionTransportDrumsToggleOff:hover:not(:disabled){color:var(--color-text);border-color:color-mix(in srgb, var(--color-inset-border) 70%, var(--color-text-muted) 30%)}.progressionTransportDrumsPowerField{flex:none}.progressionTransportDrumsPowerField>span,.progressionTransportDrumsPowerLabel{padding-bottom:0}.progressionTransportDrumsToneGroup{flex-wrap:wrap;flex:auto;align-items:flex-end;gap:8px 10px;min-width:0;display:flex}.progressionTransportDrumsToneGroup--muted{opacity:.55;pointer-events:none}.progressionTransportDrumsToneGroup--muted .appSelectTrigger{cursor:not-allowed}.progressionTransportDrumsToneGroup--muted .progressionTransportField>span{opacity:.85}.progressionTransportDrumsField{min-width:0}.progressionTransportDrumsHelper{color:var(--color-text-muted);margin:0;font-size:.68rem;line-height:1.35}.progressionTransportDrumsHelper--sequencerActive{color:color-mix(in srgb, var(--color-text-muted) 72%, var(--color-active) 28%)}.progressionTransportDrumsExtras,.progressionTransportBassExtras{width:100%;min-width:0}.customBassModeSwitcher{border:1px solid var(--color-inset-border);border-radius:3px;display:flex;overflow:hidden}.customBassModeSwitcherBtn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:2px 8px;font-family:inherit;font-size:.7rem;line-height:1.3;transition:background 80ms,color 80ms}.customBassModeSwitcherBtn:hover{background:color-mix(in srgb, var(--color-text) 10%, transparent);color:var(--color-text)}.customBassModeSwitcherBtn--active{background:var(--color-active);color:#fff}.customBassModeSwitcherBtn--active:hover{background:color-mix(in srgb, var(--color-active) 88%, white 12%)}.customBassPanel{box-sizing:border-box;width:100%;min-width:0}.customBassPanelToolbar{margin-bottom:0;padding:0 10px}.customBassPanelExtras{padding-top:0}.customBassPageSelector{flex-wrap:wrap;gap:2px;display:flex}.customBassPageBtn{background:color-mix(in srgb, var(--color-surface-inset) 90%, transparent);color:var(--color-text-muted);border:1px solid var(--color-inset-border);cursor:pointer;border-radius:3px;padding:1px 6px;font-family:inherit;font-size:.62rem;line-height:1.5;transition:background 80ms,color 80ms,border-color 80ms}.customBassPageBtn:hover{background:color-mix(in srgb, var(--color-text) 10%, transparent);color:var(--color-text)}.customBassPageBtn--active{background:var(--color-active);color:#fff;border-color:var(--color-active)}.customBassPageBtn--active:hover{background:color-mix(in srgb, var(--color-active) 88%, white 12%)}.customBassChordLabels{pointer-events:none;z-index:7;position:absolute;inset:0}.customBassChordLabel{color:color-mix(in srgb, var(--color-active) 86%, white 14%);opacity:.92;pointer-events:none;text-shadow:0 0 2px color-mix(in srgb, var(--color-panel-bg) 90%, black 10%), 0 1px 2px color-mix(in srgb, var(--color-panel-bg) 70%, black 30%);padding:2px 0 0;font-family:monospace;font-size:.52rem;font-weight:700;line-height:1;position:absolute;transform:translate(12px)}.customBassChordLabel--R{opacity:.96}.customBassChordLabel--5{opacity:.9}.customBassChordLabel--3{opacity:.84}.customBassChordLabel--8{opacity:.78}.customBassGridCell.customBassGridCell--pastEnd,.melodyGridCell.customBassGridCell--pastEnd{opacity:.22;cursor:not-allowed;pointer-events:none}.appSelect .appSelectTrigger.progressionTransportDrumsSelect--kit{min-width:7.5rem;max-width:10rem}.appSelect .appSelectTrigger.progressionTransportDrumsSelect--pattern{min-width:7.5rem;max-width:11rem}.studioDrumsPanel{border-top:1px solid var(--color-border,#ffffff14);margin-top:8px;padding-top:6px}.studioDrumsPanelHeader{cursor:pointer;letter-spacing:.04em;text-transform:uppercase;width:100%;color:var(--color-text-muted);text-align:left;-webkit-user-select:none;user-select:none;background:0 0;border:none;align-items:center;gap:6px;padding:3px 0;font-size:.72rem;font-weight:600;display:flex}.studioDrumsPanelHeader:hover{color:var(--color-text,#e8e8e8)}.studioDrumsPanelCaret{border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid;flex-shrink:0;width:0;height:0;transition:transform .15s;display:inline-block}.studioDrumsPanelCaret--open{transform:rotate(90deg)}.studioDrumsPanelTitle{flex:1}.studioDrumsPanelBadge{color:var(--color-active);font-size:.55rem;line-height:1}.studioDrumsPanelBody{flex-direction:column;gap:2px;margin-top:4px;display:flex}.studioDrumsLaneHeader{grid-template-columns:5.5rem 1fr 1fr 3.25rem 1.6rem;align-items:center;gap:4px;padding:0 0 3px;display:grid}.studioDrumsLaneColumnLabel{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);font-size:.62rem;font-weight:600}.studioDrumsLaneRow{border-radius:4px;grid-template-columns:5.5rem 1fr 1fr 3.25rem 1.6rem;align-items:center;gap:4px;padding:2px 0;transition:opacity .15s;display:grid}.studioDrumsLaneRow--overridden{background:color-mix(in srgb, var(--color-active) 7%, transparent)}.studioDrumsLaneRow--muted{opacity:.45}.studioDrumsLaneLabel{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;padding-left:6px;font-size:.72rem;font-weight:500;overflow:hidden}.studioDrumsLaneRow--overridden .studioDrumsLaneLabel{color:var(--color-text,#e8e8e8)}.appSelect .appSelectTrigger.studioDrumsSelect{white-space:nowrap;text-overflow:ellipsis;width:100%;min-width:0;max-width:100%;padding:2px 20px 2px 6px;font-size:.68rem;overflow:hidden}.studioDrumsLaneMuteButton{justify-content:center;justify-self:center;align-items:center;width:1.4rem;min-width:1.4rem;height:1.4rem;min-height:1.4rem;padding:0;font-size:.62rem;display:flex}.studioDrumsPanelHelper{color:var(--color-text-muted);margin:6px 0 0;font-size:.62rem;line-height:1.35}.drumLaneVolumeInput{cursor:pointer;width:100%;min-width:0;height:.85rem;accent-color:var(--color-active);background:0 0;margin:0;padding:0}.drumLaneVolumeInput--studio{justify-self:stretch}.drumLaneVolumeInput--advanced{width:100%;max-width:5.5rem}.advancedDrumsLaneNameVol{flex-direction:column;flex-shrink:0;gap:1px;min-width:0;display:flex}.advancedDrumsPanel{border-top:1px solid var(--color-inset-border);width:100%;margin-top:8px;padding-top:8px}.advancedDrumsPanelHeader{cursor:pointer;letter-spacing:.04em;text-transform:uppercase;width:100%;color:var(--color-text-muted);text-align:left;-webkit-user-select:none;user-select:none;background:0 0;border:none;align-items:center;gap:6px;padding:3px 0;font-size:.72rem;font-weight:600;display:flex}.advancedDrumsPanelHeader:hover{color:var(--color-text,#e8e8e8)}.advancedDrumsPanelCaret{border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid;flex-shrink:0;width:0;height:0;transition:transform .15s;display:inline-block}.advancedDrumsPanelCaret--open{transform:rotate(90deg)}.advancedDrumsPanelTitle{flex:1}.advancedDrumsPanelActiveBadge{color:var(--color-active);font-size:.55rem;line-height:1}.advancedDrumsPanelBody{flex-direction:column;gap:6px;width:100%;margin-top:8px;display:flex}.advancedDrumsTopControls{border-bottom:1px solid var(--color-border,#ffffff0f);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:4px;padding-bottom:6px;display:flex}.advancedDrumsTopLabel{color:var(--color-text-muted);letter-spacing:.03em;text-transform:uppercase;font-size:.68rem;font-weight:600}.advancedDrumsSeqToggle{min-width:2.6rem;color:var(--color-text-muted)}.advancedDrumsSeqToggle--on{color:var(--color-active);border-color:color-mix(in srgb, var(--color-active) 55%, var(--color-inset-border) 45%);background:color-mix(in srgb, var(--color-active) 12%, var(--color-surface-inset) 88%)}.advancedDrumsClearButton{color:var(--color-text-muted);font-size:.66rem}.advancedDrumsClearButton:hover{color:var(--color-text,#e8e8e8)}.advancedDrumsGrid{flex-direction:column;gap:5px;width:100%;padding:2px 0 4px;display:flex;overflow:auto visible}.advancedDrumsRulerRow,.advancedDrumsLaneRow{grid-template-columns:minmax(12.5rem,14.5rem) minmax(0,1fr) 1.75rem;align-items:center;gap:10px;width:100%;min-width:0;display:grid}.advancedDrumsRulerRow{margin-bottom:2px}.advancedDrumsLaneRow{min-height:32px;transition:opacity .15s}.advancedDrumsLaneRow--muted{opacity:.42}.advancedDrumsLaneInfo{grid-template-columns:minmax(4.75rem,5.5rem) minmax(0,1fr);align-items:center;gap:4px 8px;min-width:0;padding-left:6px;display:grid}.advancedDrumsLaneInfo--ruler{min-height:14px}.advancedDrumsLaneLabel{color:var(--color-text-muted);white-space:nowrap;flex-shrink:0;min-width:4.75rem;font-size:.72rem;font-weight:500}.advancedDrumsLaneRow--muted .advancedDrumsLaneLabel{color:var(--color-text-subtle)}.appSelect .appSelectTrigger.advancedDrumsSoundSelect{white-space:nowrap;flex:auto;width:6.5rem;min-width:6.5rem;max-width:8.5rem;padding:3px 22px 3px 7px;font-size:.68rem}.advancedDrumsLaneMuteBtn{justify-content:center;justify-self:end;align-items:center;width:1.5rem;min-width:1.5rem;height:1.5rem;min-height:1.5rem;padding:0;font-size:.62rem;display:flex}.advancedDrumsMuteSpacer{justify-self:end;width:1.5rem}.advancedDrumsStepRow{grid-template-columns:repeat(16,minmax(22px,1fr));align-items:center;gap:3px;width:100%;min-width:0;display:grid}.advancedDrumsStepRow--ruler{min-height:14px}.advancedDrumsStep.advancedDrumsStepGroup--start:not(.advancedDrumsStep--on){border-left-color:color-mix(in srgb, var(--color-text-muted) 42%, var(--color-inset-border) 58%)}.advancedDrumsStepNum{min-width:0;height:14px;color:var(--color-text-muted);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:.62rem;display:flex}.advancedDrumsStepNum--beat{color:var(--color-text);font-weight:700}.advancedDrumsStep{aspect-ratio:1;border:1px solid var(--color-inset-border);background:color-mix(in srgb, var(--color-text) 4%, transparent);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:4px;justify-self:center;width:100%;min-width:22px;max-width:36px;height:auto;padding:0;transition:background 80ms,border-color 80ms,box-shadow 80ms}.advancedDrumsStep:hover{background:color-mix(in srgb, var(--color-text) 10%, transparent);border-color:color-mix(in srgb, var(--color-text-muted) 35%, var(--color-inset-border) 65%)}.advancedDrumsStep:focus-visible{outline:2px solid var(--color-accent-focus-soft);outline-offset:1px}.advancedDrumsStep--beat{border-color:color-mix(in srgb, var(--color-text-muted) 28%, var(--color-inset-border) 72%);background:color-mix(in srgb, var(--color-text) 7%, transparent)}.advancedDrumsStep--on{background:var(--color-active);border-color:color-mix(in srgb, var(--color-active) 78%, var(--color-inset-border) 22%);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-active) 28%, transparent)}.advancedDrumsStep--on:hover{background:color-mix(in srgb, var(--color-active) 90%, white 10%);border-color:color-mix(in srgb, var(--color-active) 85%, white 15%)}.advancedDrumsStep--beat.advancedDrumsStep--on{background:var(--color-active-bg);border-color:color-mix(in srgb, var(--color-active) 88%, white 12%)}.advancedDrumsStep--seqOff{opacity:.5}.advancedDrumsStep--seqOff.advancedDrumsStep--on{opacity:.62}.advancedDrumsStepNum--playhead{color:var(--color-active);font-weight:700}.advancedDrumsStep--playhead{border-color:color-mix(in srgb, var(--color-active) 55%, var(--color-inset-border) 45%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-active) 30%, transparent), 0 0 6px color-mix(in srgb, var(--color-active) 20%, transparent)}.advancedDrumsStep--on.advancedDrumsStep--playhead{border-color:color-mix(in srgb, var(--color-active) 90%, white 10%);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-active) 45%, transparent), 0 0 10px color-mix(in srgb, var(--color-active) 35%, transparent)}@media (width<=720px){.advancedDrumsRulerRow,.advancedDrumsLaneRow{grid-template-columns:minmax(10.5rem,12rem) minmax(18rem,1fr) 1.75rem;gap:8px}.appSelect .appSelectTrigger.advancedDrumsSoundSelect{text-overflow:ellipsis;width:5.5rem;min-width:5.5rem;max-width:6.5rem;overflow:hidden}.advancedDrumsStepRow{grid-template-columns:repeat(16,22px);min-width:22rem}.advancedDrumsStep{width:22px;min-width:22px;max-width:22px}}.advancedDrumsPanelHelper{color:var(--color-text-muted);margin:4px 0 0;font-size:.62rem;line-height:1.35}@media (width<=720px){.progressionTransportChordStack,.progressionTransportBassRow,.progressionTransportDrumsRow,.progressionTransportChordRow{flex-direction:column;align-items:stretch;gap:10px}.progressionTrackFaderWrap{flex-direction:column;flex:auto;justify-content:flex-start;align-items:stretch;gap:6px;width:100%;min-width:0;max-width:100%;min-height:0;padding:4px 0 2px}.progressionChordLayerFaderWrap.progressionTrackFaderWrap,.progressionTransportBassMain>.progressionTrackFaderWrap,.progressionTransportDrumsMain>.progressionTrackFaderWrap,.melodyPanelMain>.progressionTrackFaderWrap{flex:none}.progressionTrackFaderWrap>.progressionTrackFaderMark{display:none}.progressionTrackFaderWrap--chord:before{content:"Chord level";letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);font-size:.68rem;font-weight:650;line-height:1.2}.progressionChordLayerFaderWrap.progressionTrackFaderWrap--chord:before{margin:0;padding:0 0 1px;line-height:1}.progressionTrackFaderWrap--bass:before{content:"Bass level";letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);font-size:.68rem;font-weight:650;line-height:1.2}.progressionTrackFaderWrap--drums:before{content:"Drum level";letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);font-size:.68rem;font-weight:650;line-height:1.2}.progressionTransportBassMain>.progressionTrackFaderWrap.progressionTrackFaderWrap--bass:before,.progressionTransportDrumsMain>.progressionTrackFaderWrap.progressionTrackFaderWrap--drums:before{margin:0;padding:0 0 1px;line-height:1}.progressionTransportBassMain>.progressionTrackFaderWrap .progressionTrackFaderSlot,.progressionTransportDrumsMain>.progressionTrackFaderWrap .progressionTrackFaderSlot,.melodyPanelMain>.progressionTrackFaderWrap .progressionTrackFaderSlot{min-height:0;padding:0;line-height:0;display:block}.progressionTrackFaderSlot{box-sizing:border-box;justify-content:stretch;align-items:center;width:100%;min-width:0;max-width:100%;height:auto;min-height:2.75rem;max-height:none;padding:4px 0;display:flex;position:relative}.progressionTrackFaderInput{transform-origin:unset;box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:2.75rem;accent-color:var(--color-active);cursor:pointer;touch-action:manipulation;flex:auto;margin:0;position:relative;top:auto;left:auto;transform:none}.progressionTransportChordBody,.progressionTransportBassBody,.progressionTransportDrumsBody{flex:auto;width:100%;min-width:0}.progressionTransportChordRow .progressionTransportChordToolbar,.progressionTransportBassRow .progressionTransportBassToolbar,.progressionTransportDrumsRow .progressionTransportDrumsToolbar{width:100%;min-width:0;max-width:100%}.progressionTransportBassBody,.progressionTransportDrumsBody,.progressionChordLayerSoundBody.progressionTransportChordBody{align-items:stretch}.progressionTransportBassRow .progressionTransportBassToolbar.progressionTransportToolbar,.progressionTransportDrumsRow .progressionTransportDrumsToolbar.progressionTransportToolbar{box-sizing:border-box;flex-direction:column;align-content:flex-start;align-items:stretch;gap:10px;width:100%;min-width:0;max-width:100%}.progressionTransportBassPowerField{flex:none;grid-template-columns:auto minmax(0,max-content);justify-content:start;align-items:center;gap:10px;width:100%;min-width:0;max-width:100%;display:grid}.progressionTransportBassPowerField>span,.progressionTransportBassPowerLabel{padding-bottom:0}.progressionTransportBassPowerField .progressionTransportBassToggle{justify-self:start;width:auto;min-width:3.25rem;max-width:100%;min-height:44px;padding:8px 14px}.progressionTransportDrumsPowerField{flex:none;grid-template-columns:auto minmax(0,max-content);justify-content:start;align-items:center;gap:10px;width:100%;min-width:0;max-width:100%;display:grid}.progressionTransportDrumsPowerField>span,.progressionTransportDrumsPowerLabel{padding-bottom:0}.progressionTransportDrumsPowerField .progressionTransportDrumsToggle{justify-self:start;width:auto;min-width:3.25rem;max-width:100%;min-height:44px;padding:8px 14px}.progressionTransportBassToneGroup{flex:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:8px 10px;width:100%;min-width:0;max-width:100%;display:grid}.progressionTransportBassToneGroup>.progressionTransportField,.progressionTransportBassToneGroup .appSelect{width:100%;min-width:0;max-width:100%}.progressionTransportBassToneGroup .appSelect .appSelectTrigger.progressionTransportBassSelect--sound,.progressionTransportBassToneGroup .appSelect .appSelectTrigger.progressionTransportBassSelect--pattern,.progressionTransportBassToneGroup .appSelect .appSelectTrigger.progressionTransportBassSelect--rhythm,.progressionTransportBassToneGroup .appSelect .appSelectTrigger.progressionTransportBassSelect--rate,.progressionTransportBassToneGroup .appSelect .appSelectTrigger.progressionTransportBassSelect--octave{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.appSelect .appSelectTrigger.progressionTransportBassSelect--pattern{max-width:100%}.progressionTransportBassSoundField{grid-column:1/-1}.progressionTransportDrumsToneGroup{flex:auto;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:8px 10px;width:100%;min-width:0;max-width:100%;display:grid}.progressionTransportDrumsToneGroup>.progressionTransportField,.progressionTransportDrumsToneGroup .appSelect{width:100%;min-width:0;max-width:100%}.progressionTransportDrumsToneGroup .appSelect .appSelectTrigger.progressionTransportDrumsSelect--kit,.progressionTransportDrumsToneGroup .appSelect .appSelectTrigger.progressionTransportDrumsSelect--pattern{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.progressionTransportMobileSectionHeader{box-sizing:border-box;border:1px solid var(--color-inset-border);background:color-mix(in srgb, var(--color-surface-inset) 94%, transparent);width:100%;min-width:0;max-width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-height:44px;margin:0 0 8px;padding:10px 12px;display:flex}.progressionTransportMobileSectionHeader:focus-visible{outline:2px solid var(--color-active);outline-offset:2px}.progressionTransportMobileSectionTitle{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);font-size:.72rem;font-weight:650}.progressionTransportMobileSectionCaret{border:solid color-mix(in srgb, var(--color-text-muted) 90%, transparent);opacity:.9;border-width:0 2px 2px 0;width:.45rem;height:.45rem;margin-right:2px;transition:transform .15s;display:inline-block;transform:rotate(-45deg)}.progressionTransportMobileSectionCaret--open{transform:rotate(45deg)}.progressionTransportTrackShellPanel--collapsed{display:none}.progressionTransportTrackShell+.progressionTransportTrackShell{margin-top:10px}}@media (width<=520px){.progressionTransportChordRow .progressionTransportSettings>.progressionTransportField{flex:100%;min-width:0;max-width:100%}.progressionTransportChordRow .progressionTransportSettings,.progressionTransportBassToneGroup{grid-template-columns:minmax(0,1fr)}.progressionTransportBassToneGroup>.progressionTransportField{flex:100%;width:100%;max-width:100%}.progressionChordLayerFxSettings{grid-template-columns:minmax(0,1fr)}.appSelect .appSelectTrigger.progressionTransportBassSelect--sound,.appSelect .appSelectTrigger.progressionTransportBassSelect--pattern,.appSelect .appSelectTrigger.progressionTransportBassSelect--rhythm,.appSelect .appSelectTrigger.progressionTransportBassSelect--rate,.appSelect .appSelectTrigger.progressionTransportBassSelect--octave{min-width:0;max-width:100%}.progressionChordLayersSectionHeader{flex-direction:column;align-items:stretch}.progressionChordLayersSectionHeader .progressionChordLayerAddButton{align-self:flex-end;margin-top:2px}.progressionChordLayerRowMain.progressionTransportChordRow{flex-direction:column;align-items:stretch}.progressionChordLayerFaderWrap,.progressionTrackFaderWrap--bass,.progressionTrackFaderWrap--drums,.progressionTrackFaderWrap--melody{box-sizing:border-box;align-self:stretch;width:100%;max-width:100%}.progressionChordLayerSoundBody{width:100%}.progressionChordLayerRenameInput--row{max-width:100%}}html[data-glow=on] .progressionTransportBassRow,html[data-glow=on] .progressionTransportDrumsRow{box-shadow:none}.progressionTransportToolbar{box-sizing:border-box;background:var(--color-surface-inset);border:1px solid var(--color-inset-border);border-radius:8px;flex-wrap:wrap;justify-content:flex-start;align-items:flex-end;gap:6px 10px;width:100%;padding:6px 8px;display:flex}.progressionTransportSettings{flex-wrap:wrap;flex:auto;align-items:flex-end;gap:8px 10px;width:100%;min-width:0;display:flex}.progressionTransportSettingsLocked>.progressionTransportField{opacity:.5}.progressionTransportSettingsLocked>.progressionTransportField input:disabled,.progressionTransportSettingsLocked>.progressionTransportField select:disabled,.progressionTransportSettingsLocked>.progressionTransportField .appSelectTrigger:disabled{cursor:not-allowed}.progressionTransportHeaderActions{flex-flow:row;flex:0 auto;justify-content:flex-end;align-items:stretch;gap:6px 8px;min-width:0;margin-left:auto;display:inline-flex}.progressionTransportHeaderActions.progressionTransportHeaderActions--headerRow{flex-wrap:wrap;align-items:center;min-height:0;margin-left:0}.progressionTransportHeaderActions.progressionTransportHeaderActions--headerRow>.progressionTransportPlayButton,.progressionTransportHeaderActions.progressionTransportHeaderActions--headerRow>.progressionTransportStopButton{min-height:34px;padding:5px 10px}.progressionTransportHeaderActions.progressionTransportHeaderActions--headerRow>.progressionClickVolumeControl>.progressionClickSplit{border-radius:8px;min-height:34px}.progressionTransportHeaderActions.progressionTransportHeaderActions--headerRow .progressionClickSplit .progressionTransportClickToggleMain{flex:0 0 34px;justify-content:center;width:34px;min-width:34px;max-width:34px;padding:0}.progressionTransportHeaderActions.progressionTransportHeaderActions--headerRow .progressionTransportClickButton,.progressionTransportHeaderActions.progressionTransportHeaderActions--headerRow .progressionClickVolumeCaret{min-height:34px}.progressionTransportHeaderActions.progressionTransportHeaderActions--headerRow .progressionClickVolumeCaret{flex:0 0 26px;width:26px;min-width:26px;max-width:26px;padding:0}.progressionTransportHeaderActions.progressionTransportHeaderActions--headerRow .progressionClickVolumeCaretGlyph{font-size:1.15rem;line-height:1}.progressionTransportHeaderActions.progressionTransportHeaderActions--headerRow>.progressionTransportLoopButton{justify-content:center;gap:0;width:34px;min-width:34px;max-width:34px;min-height:34px;padding:0}.progressionTransportHeaderActions.progressionTransportHeaderActions--headerRow>.progressionTransportLoopButton .progressionTransportGlyph{margin:0}.progressionTransportHeaderActions.progressionTransportHeaderActions--headerRow .progressionTransportGlyphClick,.progressionTransportHeaderActions.progressionTransportHeaderActions--headerRow .progressionTransportGlyphLoop{justify-content:center;align-items:center;display:flex}.progressionTransportHeaderActions.progressionTransportHeaderActions--headerRow .progressionTransportGlyphClick svg,.progressionTransportHeaderActions.progressionTransportHeaderActions--headerRow .progressionTransportGlyphLoop svg{width:1.1rem;height:1.1rem}.progressionTransportHeaderActions>.progressionTransportLoopButton,.progressionTransportHeaderActions>.progressionTransportPlayButton,.progressionTransportHeaderActions>.progressionTransportStopButton{justify-content:center;align-items:center;display:inline-flex}.progressionTransportHeaderActions>.progressionClickVolumeControl{align-items:stretch;display:flex}.progressionTransportHeaderActions>.progressionClickVolumeControl>.progressionClickSplit{align-self:stretch;align-items:stretch}.progressionHeaderVolumeControl{min-height:44px;color:var(--color-text-muted);letter-spacing:.02em;flex:0 auto;align-items:center;gap:6px;padding:0 2px;font-size:.76rem;display:inline-flex}.progressionHeaderVolumeControl input[type=range]{width:7.75rem;min-width:5.5rem;max-width:min(7.75rem,32vw);accent-color:var(--color-active);margin:0;padding:0}.progressionHeaderTempoControl{min-height:44px;color:var(--color-text-muted);letter-spacing:.02em;flex:none;align-items:center;gap:6px;padding:0 2px;font-size:.76rem;display:inline-flex}.progressionHeaderTempoControl input[type=number]{box-sizing:border-box;width:4.35rem;min-width:4.1rem;padding:6px 8px}.progressionHeaderTempoControl input[type=number]:disabled{opacity:.5;cursor:not-allowed}.progressionHeaderTempoControl:has(input:disabled){opacity:.6}.progressionClickVolumeControl{flex:0 auto;position:relative}.progressionClickSplit{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--color-inset-border) 88%, var(--color-chrome-neutral-2) 12%);border-radius:8px;align-items:stretch;display:inline-flex;overflow:hidden}.progressionClickSplitActiveMetronome{border-color:var(--color-action-info-border);background:var(--color-action-info-bg)}.progressionClickSplit .progressionTransportClickButton{min-width:0;box-shadow:none;border:none;border-radius:0;flex:auto}.progressionClickSplitActiveMetronome .progressionTransportClickButton,.progressionClickSplitActiveMetronome .progressionClickVolumeCaret{color:var(--color-action-info-text);background:0 0}.progressionClickSplitActiveMetronome .progressionTransportClickButton:hover:not(:disabled),.progressionClickSplitActiveMetronome .progressionClickVolumeCaret:hover:not(:disabled){background:color-mix(in srgb, var(--color-action-info-bg-hover) 78%, var(--color-action-info-bg) 22%);color:var(--color-action-info-text-hover)}.progressionClickVolumeCaret{box-sizing:border-box;min-width:38px;min-height:44px;font:inherit;cursor:pointer;color:inherit;border:none;border-left:1px solid color-mix(in srgb, var(--color-inset-border) 55%, transparent 45%);background:0 0;border-radius:0;flex:none;justify-content:center;align-items:center;margin:0;padding:0 10px;font-size:.75rem;line-height:1;display:inline-flex}.progressionClickVolumeCaretGlyph{font-size:1.5rem;line-height:1;display:block}.progressionClickSplitActiveMetronome .progressionClickVolumeCaret{border-left-color:var(--color-action-info-split-border)}.progressionTransportOutlineButton:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.progressionClickSplitActiveMetronome .progressionTransportOutlineButton:focus-visible{outline-color:color-mix(in srgb, var(--color-action-info-focus) 90%, transparent 10%)}.progressionClickVolumePopover{z-index:30;border:1px solid color-mix(in srgb, var(--color-inset-border) 85%, var(--color-chrome-neutral-2) 15%);background:var(--color-surface-inset);border-radius:8px;min-width:9rem;padding:8px 6px;position:absolute;top:calc(100% + 5px);right:0;box-shadow:0 6px 18px #00000073}.progressionClickVolumePopoverTitle{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);padding:2px 6px 6px;font-size:.68rem;font-weight:700}.progressionClickVolumeChoice{text-align:left;width:100%;font:inherit;cursor:pointer;color:var(--color-text);background:0 0;border:none;border-radius:6px;margin:0;padding:7px 8px;font-size:.88rem;font-weight:600;display:block}.progressionClickVolumeChoice:hover{background:color-mix(in srgb, var(--color-active) 12%, var(--color-surface-inset) 88%);color:var(--color-text)}.progressionClickVolumeChoice.isSelected{background:color-mix(in srgb, var(--color-active) 22%, var(--color-surface-inset) 78%);color:var(--color-text)}.progressionClickVolumeChoice:focus-visible{outline:2px solid var(--color-accent-focus-soft);outline-offset:1px}.progressionTransportHeaderTextButton{flex:0 auto}.progressionTransportHeaderActions .progressionTransportPlayButton,.progressionTransportHeaderActions .progressionTransportStopButton{box-sizing:border-box;flex:0 auto;justify-content:center;align-items:center;gap:6px;min-width:min(132px,100%);min-height:44px;padding:8px 16px;display:inline-flex}.progressionTransportPlayButton{background:var(--color-action-success-bg);border-color:var(--color-action-success-border);color:var(--color-action-success-text)}.progressionTransportPlayButton:hover:not(:disabled){background:var(--color-action-success-bg-hover);border-color:var(--color-action-success-border-hover);color:var(--color-action-success-text-hover)}.progressionTransportPlayButton:focus-visible{outline:2px solid var(--color-action-success-focus);outline-offset:2px}.progressionTransportLoopButton{box-sizing:border-box;min-height:44px;font:inherit;cursor:pointer;border:1px solid color-mix(in srgb, var(--color-inset-border) 88%, var(--color-chrome-neutral-2) 12%);color:var(--color-text);background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-weight:600;display:inline-flex}.progressionTransportGlyph{opacity:.95;flex-shrink:0;align-items:center;line-height:0;display:inline-flex}.progressionTransportGlyph svg{width:auto;height:clamp(13px,.78em,15px);display:block}.progressionTransportGlyphLoop svg{height:clamp(12px,.71em,13px)}.progressionTransportLoopButton:hover{background:color-mix(in srgb, var(--color-surface-inset) 62%, var(--color-chrome-neutral-2) 38%);border-color:color-mix(in srgb, var(--color-inset-border) 65%, var(--color-chrome-neutral) 35%);color:var(--color-text)}.progressionTransportLoopButton:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.progressionTransportLoopButtonActive{background:var(--color-action-warning-bg);border-color:var(--color-action-warning-border);color:var(--color-on-warning)}.progressionTransportLoopButtonActive .progressionTransportGlyph{opacity:1}.progressionTransportLoopButtonActive:hover{background:var(--color-action-warning-bg-hover);border-color:var(--color-action-warning-border-hover);color:var(--color-on-warning)}.progressionTransportLoopButtonActive:focus-visible{outline:2px solid var(--color-action-warning-focus);outline-offset:2px}.progressionTransportLoopButton:disabled,.progressionTransportClickButton:disabled{cursor:not-allowed;opacity:.36}.progressionTransportLoopButton:disabled:not(.progressionTransportLoopButtonActive){border-color:color-mix(in srgb, var(--color-inset-border) 88%, var(--color-chrome-neutral-2) 12%);color:var(--color-text);background:0 0}.progressionTransportLoopButtonActive:disabled{background:var(--color-action-warning-bg);border-color:var(--color-action-warning-border);color:var(--color-on-warning)}.progressionTransportClickButton:disabled:not(.progressionTransportClickButtonActive){border-color:color-mix(in srgb, var(--color-inset-border) 88%, var(--color-chrome-neutral-2) 12%);color:var(--color-text);background:0 0}.progressionTransportClickButtonActive:disabled{background:var(--color-action-info-bg);border-color:var(--color-action-info-border);color:var(--color-action-info-text)}.progressionTransportClickButton{box-sizing:border-box;min-height:44px;font:inherit;cursor:pointer;border:1px solid color-mix(in srgb, var(--color-inset-border) 88%, var(--color-chrome-neutral-2) 12%);color:var(--color-text);background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-weight:600;display:inline-flex}.progressionTransportClickButton:hover{background:color-mix(in srgb, var(--color-surface-inset) 62%, var(--color-chrome-neutral-2) 38%);border-color:color-mix(in srgb, var(--color-inset-border) 65%, var(--color-chrome-neutral) 35%);color:var(--color-text)}.progressionTransportClickButton:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.progressionTransportClickButtonActive{background:var(--color-action-info-bg);border-color:var(--color-action-info-border);color:var(--color-action-info-text)}.progressionTransportClickButtonActive .progressionTransportGlyph{opacity:1}.progressionTransportClickButtonActive:hover{background:var(--color-action-info-bg-hover);border-color:var(--color-action-info-border-hover);color:var(--color-action-info-text-hover)}.progressionTransportClickButtonActive:focus-visible{outline:2px solid var(--color-action-info-focus);outline-offset:2px}.progressionTransportField{gap:4px;min-width:0}.progressionTransportField>span{color:var(--color-text-muted);font-size:.78rem}.progressionTransportField input[type=number]{width:4.25rem;min-width:0;padding:6px 8px}.appSelect{min-width:0;max-width:100%}.appSelect .appSelectTrigger.progressionTransportSelect{box-sizing:border-box;text-align:left;cursor:pointer;width:100%;min-width:0;max-width:100%;min-height:34px;line-height:1.35;font:inherit;color:var(--color-text);background-color:var(--color-surface-inset);border:1px solid color-mix(in srgb, var(--color-inset-border) 88%, var(--color-chrome-neutral-2) 12%);accent-color:var(--color-active);direction:ltr;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;margin:0;padding:6px 10px 6px 8px;display:inline-flex}.appSelect .appSelectTrigger.progressionTransportSelect:focus-visible{outline:2px solid var(--color-accent-focus-soft);outline-offset:2px}.appSelect .appSelectTrigger.progressionTransportSelect:disabled{cursor:not-allowed;opacity:.55}.appSelect .appSelectTrigger.midiExportAppSelectTrigger{box-sizing:border-box;text-align:left;cursor:pointer;width:100%;min-width:0;max-width:100%;min-height:34px;line-height:1.35;font:inherit;color:var(--color-text);background-color:var(--color-surface-inset);border:1px solid color-mix(in srgb, var(--color-inset-border) 88%, var(--color-chrome-neutral-2) 12%);direction:ltr;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin:0;padding:6px 14px 6px 10px;display:inline-flex}.appSelect .appSelectTrigger.midiExportAppSelectTrigger:focus-visible{outline:2px solid var(--color-accent-focus-soft);outline-offset:2px}.appSelectTriggerLabel{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.appSelectTriggerChevron{color:var(--color-chrome-neutral-2);flex:none;justify-content:center;align-items:center;display:flex}.appSelectMenu{z-index:1200;border:1px solid color-mix(in srgb, var(--color-inset-border) 85%, var(--color-chrome-neutral-2) 15%);background-color:var(--color-panel-bg);isolation:isolate;opacity:1;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:8px;padding:8px 6px;box-shadow:0 6px 18px #00000073}.appSelectMenu.appSelectMenu--mega{border-color:var(--color-panel-bg);max-width:min(90vw,1080px);padding:10px 8px}.appSelectMenuInner--mega{box-sizing:border-box;max-height:var(--mega-inner-max-h);background-color:var(--color-panel-bg);-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;--mega-inner-max-h:320px;border-radius:6px;padding:0 6px 8px;overflow:hidden auto}.appSelectMegaGrid{box-sizing:border-box;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:0 12px;width:100%;min-width:0;display:grid}.appSelectMegaColumnLane{flex-direction:column;gap:12px;min-width:0;display:flex}.appSelectMegaSection{flex-direction:column;min-width:0;display:flex}.appSelectMegaOptions{overflow:visible}.appSelectGroupLabel--mega{letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);background-color:var(--color-panel-bg);border-bottom:1px solid color-mix(in srgb, var(--color-panel-border) 55%, transparent);margin:0 0 3px;padding:7px 4px 6px;font-size:.64rem;font-weight:750}.appSelectOption--mega{box-sizing:border-box;min-height:2.1rem;padding:7px 9px;font-size:.84rem;font-weight:600;line-height:1.25}@media (width<=720px){.appSelectMenu.appSelectMenu--mega{box-sizing:border-box;width:calc(100vw - 32px)!important;min-width:0!important;max-width:calc(100vw - 32px)!important;left:16px!important}.appSelectMegaGrid{grid-template-columns:minmax(0,1fr)}.appSelectGroupLabel--mega{padding:8px 4px 7px;font-size:.68rem}.appSelectOption--mega{overflow-wrap:anywhere;word-break:break-word;min-height:2.75rem;padding:10px;font-size:.9rem;line-height:1.3}}.appSelectMenuInner{background-color:var(--color-panel-bg);-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;border-radius:6px;padding:2px;overflow:hidden auto}.appSelectGroupLabel{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);background-color:var(--color-panel-bg);margin:0;padding:6px 8px 4px;font-size:.68rem;font-weight:700}.appSelectOption{box-sizing:border-box;font:inherit;cursor:pointer;color:var(--color-text);background-color:var(--color-panel-bg);border-radius:6px;margin:0;padding:7px 8px;font-size:.88rem;font-weight:600}.appSelectOption:hover,.appSelectOption.isKeyboardActive{background-color:color-mix(in srgb, var(--color-active) 14%, var(--color-panel-bg) 86%);color:var(--color-text)}.appSelectOption.isSelected{background-color:color-mix(in srgb, var(--color-active) 26%, var(--color-panel-bg) 74%);color:var(--color-text)}.progressionTransportInstrumentField .appSelect .appSelectTrigger.progressionTransportSelect{min-width:10.75rem;max-width:min(20rem,100%)}.progressionTransportInstrumentSourceField .appSelect .appSelectTrigger.progressionTransportSelect{min-width:min(10.5rem,100%);max-width:min(18rem,100%)}.progressionTransportPlayStyleField .appSelect .appSelectTrigger.progressionTransportSelect{min-width:5.35rem}.progressionTransportStrumPatternField{min-width:0}.progressionTransportStrumPatternField .appSelect .appSelectTrigger.progressionTransportSelect{min-width:min(7.75rem,100%);max-width:100%}.progressionTransportRateField .appSelect .appSelectTrigger.progressionTransportSelect{min-width:3.35rem}.progressionTransportDriveField .appSelect .appSelectTrigger.progressionTransportSelect{min-width:4.6rem}.progressionTransportChorusField .appSelect .appSelectTrigger.progressionTransportSelect{min-width:4.65rem}.progressionTransportDelayField .appSelect .appSelectTrigger.progressionTransportSelect{min-width:5.5rem}.progressionTransportDelaySubField .appSelect .appSelectTrigger.progressionTransportSelect{min-width:3.55rem}.progressionTransportReverbField .appSelect .appSelectTrigger.progressionTransportSelect{min-width:4.65rem}.progressionTransportStopButton{background:var(--color-action-danger-bg);border-color:var(--color-action-danger-border);color:var(--color-action-danger-text);font:inherit;cursor:pointer;border-radius:8px;padding:8px 14px}.progressionTransportStopButton:hover:not(:disabled){background:var(--color-action-danger-bg-hover);border-color:var(--color-action-danger-border-hover)}.progressionTransportStopButton:focus-visible{outline:2px solid var(--color-action-danger-focus);outline-offset:2px}@media (width<=720px){.panel.progressionPanel{gap:8px;padding:10px}.progressionPanelHeader{gap:6px}.progressionDocumentHeaderTitleRow{flex-direction:column;align-items:stretch;gap:8px 10px}.progressionDocumentHeaderTitleRow>.progressionDocumentHeaderDocActions{justify-content:flex-end;width:100%;margin-left:0}.progressionDocumentHeaderTitleRow .progressionPanelTitle{white-space:normal;font-size:1.02rem;line-height:1.25}.progressionDocumentHeaderToolbarRow{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:6px}.progressionDocumentHeaderGlobalControls{flex:auto;justify-content:space-between;gap:8px 10px;width:100%;min-width:0;max-width:100%}.progressionDocumentHeaderTransportControls{justify-content:stretch;width:100%;min-width:0;max-width:100%;margin-left:0}.progressionDocumentHeaderTransportControls .progressionTransportHeaderActions.progressionTransportHeaderActions--headerRow{flex-wrap:nowrap;justify-content:flex-start;gap:8px;width:100%;min-width:0}.progressionDocumentHeaderTransportControls .progressionTransportHeaderActions.progressionTransportHeaderActions--headerRow>.progressionTransportPlayButton,.progressionDocumentHeaderTransportControls .progressionTransportHeaderActions.progressionTransportHeaderActions--headerRow>.progressionTransportStopButton{flex:auto;width:auto;min-width:0}.progressionDocumentHeaderTransportControls .progressionClickVolumeControl,.progressionDocumentHeaderTransportControls .progressionTransportHeaderActions.progressionTransportHeaderActions--headerRow>.progressionTransportLoopButton{flex:none}.progressionDocumentHeaderToolbarRow .progressionTransportHeaderActions.progressionTransportHeaderActions--headerRow>.progressionClickVolumeControl>.progressionClickSplit{min-height:44px}.progressionDocumentHeaderToolbarRow .progressionTransportHeaderActions.progressionTransportHeaderActions--headerRow .progressionClickSplit .progressionTransportClickToggleMain{flex:0 0 44px;width:44px;min-width:44px;max-width:44px;min-height:44px}.progressionDocumentHeaderToolbarRow .progressionTransportHeaderActions.progressionTransportHeaderActions--headerRow .progressionClickVolumeCaret{flex:0 0 32px;width:32px;min-width:32px;max-width:32px;min-height:44px}.progressionDocumentHeaderToolbarRow .progressionTransportHeaderActions.progressionTransportHeaderActions--headerRow>.progressionTransportLoopButton{width:44px;min-width:44px;max-width:44px;min-height:44px}.progressionDocumentHeaderToolbarRow .progressionTransportHeaderActions.progressionTransportHeaderActions--headerRow>.progressionTransportPlayButton,.progressionDocumentHeaderToolbarRow .progressionTransportHeaderActions.progressionTransportHeaderActions--headerRow>.progressionTransportStopButton{min-height:44px}.progressionDocumentHeaderDocActions .secondaryButton{background:var(--color-primary);border-color:var(--color-primary-border);min-height:44px;color:var(--color-on-primary);padding:8px 12px;font-size:.9rem;font-weight:700;box-shadow:0 1px #00000040}.progressionDocumentHeaderDocActions .secondaryButton:hover:not(:disabled){filter:brightness(1.06)}.progressionDocumentHeaderDocActions .secondaryButton:disabled{opacity:.45;filter:none}.progressionDocumentHeaderVolume.progressionHeaderVolumeControl{flex:auto;min-width:0;max-width:none}.progressionDocumentHeaderVolume.progressionHeaderVolumeControl input[type=range]{flex:auto;width:100%;min-width:4.5rem;max-width:none}.progressionDocumentHeaderGlobalControls .progressionHeaderTempoControl,.progressionDocumentHeaderGlobalControls .progressionSequencerTempoField{flex:none}.progressionTransportSourceRow{align-items:stretch;gap:6px 8px}.progressionTransportToolbar{align-items:stretch;gap:6px 8px;padding:4px 6px}.progressionTransportSettings{align-items:stretch;gap:6px 8px}.progressionTransportSettings>.progressionTransportField{flex:8.25rem;align-self:stretch;min-width:min(100%,7.5rem);max-width:100%}.progressionTransportChordRow .progressionTransportChordToolbar{width:100%;min-width:0;max-width:100%}.progressionTransportChordRow .progressionTransportSettings{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px 10px;width:100%;min-width:0;display:grid}.progressionTransportChordRow .progressionTransportSettings>.progressionTransportField{flex:unset;align-self:stretch;width:100%;min-width:0;max-width:100%}.progressionTransportChordRow .progressionTransportInstrumentField{grid-column:1/-1}.progressionTransportChordRow .progressionTransportSettings .appSelect{width:100%;min-width:0;max-width:100%}.progressionTransportChordRow .progressionTransportSettings .appSelect .appSelectTrigger.progressionTransportSelect{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.progressionChordLayerMsButton{border-radius:8px;width:2.65rem;min-width:2.65rem;height:44px;min-height:44px;font-size:.78rem}.progressionChordLayerFxBox{max-width:100%}.progressionChordLayerFxHeader{min-height:36px;padding:8px 10px;font-size:max(14px,.75rem)}.progressionChordLayerFxBody{padding:0 8px 8px}.progressionChordLayerFxSummary{font-size:max(13px,.7rem)}.progressionChordLayersList{gap:5px}.progressionChordLayerRow{gap:3px;padding:4px 6px 5px}.progressionChordLayerRow .progressionChordLayerRowMain.progressionTransportChordRow{align-items:stretch;gap:3px}.progressionChordLayerRow .progressionChordLayerSoundBody.progressionTransportChordBody{gap:4px 6px}.progressionChordLayerRow .progressionChordLayerSoundPanel{gap:3px}.progressionChordLayerFaderWrap.progressionTrackFaderWrap,.progressionTrackFaderWrap--bass,.progressionTrackFaderWrap--drums,.progressionTrackFaderWrap--melody{align-items:stretch;gap:0;padding:0}.progressionChordLayerFaderWrap.progressionTrackFaderWrap--chord:before{letter-spacing:.035em;font-size:.6rem;line-height:1}.progressionChordLayerFaderWrap .progressionTrackFaderSlot,.progressionTrackFaderWrap--bass .progressionTrackFaderSlot,.progressionTrackFaderWrap--drums .progressionTrackFaderSlot,.progressionTrackFaderWrap--melody .progressionTrackFaderSlot{height:auto;min-height:0;max-height:none;padding:0;line-height:0;display:block;overflow:visible}.progressionChordLayerFaderWrap .progressionTrackFaderInput,.progressionTrackFaderWrap--bass .progressionTrackFaderInput,.progressionTrackFaderWrap--drums .progressionTrackFaderInput,.progressionTrackFaderWrap--melody .progressionTrackFaderInput{width:100%;min-width:0;max-width:100%;height:2.75rem;min-height:2.75rem}.progressionChordLayerSoundBody{flex:100%;width:100%;min-width:0}.appSelect .appSelectTrigger.progressionTransportSelect{width:100%;min-height:44px;padding:7px 10px 7px 8px;font-size:max(16px,.8125rem);line-height:1.25}.appSelectOption{align-items:center;min-height:44px;display:flex}.progressionTransportInstrumentSourceField{flex:100%;width:100%;min-width:0}.progressionTransportInstrumentSourceField .appSelect .appSelectTrigger.progressionTransportSelect{width:100%;min-width:0;max-width:none}.progressionChordLayerFxSettings{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px 10px;width:100%;min-width:0;display:grid}.progressionChordLayerFxSettings>.progressionTransportField{flex:unset;align-self:stretch;width:100%;min-width:0;max-width:100%}.progressionChordLayerFxSettings .progressionChordLayerFxFilterSliderField{grid-column:1/-1;min-width:0;max-width:100%}.progressionChordLayerFxSettings .appSelect,.progressionChordLayerFxSettings .appSelect .appSelectTrigger.progressionTransportSelect{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.progressionChordLayerFxAdvancedModuleKnobs{flex-wrap:wrap;max-width:100%}.progressionTransportField>span{font-size:.72rem}}@media (width<=560px){.progressionDocumentHeaderTransportControls .progressionTransportHeaderActions.progressionTransportHeaderActions--headerRow{box-sizing:border-box;flex-wrap:nowrap;gap:6px;width:100%;min-width:0;max-width:100%}.progressionDocumentHeaderTransportControls .progressionTransportHeaderActions.progressionTransportHeaderActions--headerRow>.progressionTransportPlayButton,.progressionDocumentHeaderTransportControls .progressionTransportHeaderActions.progressionTransportHeaderActions--headerRow>.progressionTransportStopButton{flex:auto;min-width:0;min-height:44px}}.savedProgressionsDialog{z-index:1;border:1px solid var(--color-panel-border);background:var(--color-panel-bg);width:min(640px,100vw - 32px);max-width:calc(100vw - 32px);color:var(--color-text);border-radius:12px;padding:0}.savedProgressionsRenameDialog{z-index:2}.appOverlayDialog{z-index:3;width:min(440px,100vw - 32px)}.appOverlayDialogBody{color:var(--color-text-muted);margin:0;font-size:.875rem;line-height:1.45}.appOverlayDialogFooter{margin-top:4px}.appOverlayDialogAction{box-sizing:border-box;font:inherit;cursor:pointer;white-space:nowrap;border-radius:8px;min-height:36px;margin:0;padding:8px 14px;font-size:.875rem;font-weight:600;line-height:1.2}.appOverlayDialogActionPrimary{min-height:36px;padding:8px 14px}.appOverlayDialogActionDanger{border:1px solid var(--color-action-danger-border);background:var(--color-action-danger-bg);color:var(--color-action-danger-text)}.appOverlayDialogActionDanger:hover:not(:disabled){border-color:var(--color-action-danger-border-hover);background:var(--color-action-danger-bg-hover)}.appOverlayDialogActionDanger:focus-visible{outline:2px solid var(--color-action-danger-focus);outline-offset:2px}.appOverlayDialogActionDanger:disabled{cursor:not-allowed;opacity:.65}.savedProgressionsDialog::backdrop{background:#0000008c}.savedProgressionsDialogPanel{gap:12px;padding:16px 18px;display:grid}.savedProgressionsTitle{margin:0;font-size:1.05rem}.savedProgressionsLocalNote{color:var(--color-text-muted);margin:0;font-size:.76rem;line-height:1.35}.savedProgressionsLibraryTabs{flex-wrap:wrap;gap:6px;display:flex}.savedProgressionsLibraryTab{border:1px solid var(--color-panel-border);background:color-mix(in srgb, var(--color-text) 5%, transparent);color:var(--color-text-muted);font:inherit;cursor:pointer;border-radius:8px;margin:0;padding:7px 12px;font-size:.82rem;font-weight:600}.savedProgressionsLibraryTab:hover{color:var(--color-text)}.savedProgressionsLibraryTab.isActive{border-color:color-mix(in srgb, var(--color-active) 55%, var(--color-panel-border));color:var(--color-text);background:color-mix(in srgb, var(--color-active) 12%, transparent)}.savedProgressionsImportBlock{border-top:1px solid color-mix(in srgb, var(--color-panel-border) 80%, transparent);gap:6px;padding:10px 0 2px;display:grid}.savedProgressionsImportButton{justify-self:start;font-size:.84rem}.savedProgressionsImportHint{color:var(--color-text-muted);margin:0;font-size:.74rem;line-height:1.4}.savedProgressionsBanner{border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:8px 10px;font-size:.82rem;line-height:1.4;display:flex}.savedProgressionsBannerInfo{background:color-mix(in srgb, var(--color-active) 14%, transparent);color:var(--color-text)}.savedProgressionsBannerError{color:var(--color-text);background:#cc44441f}.savedProgressionsBannerDismiss{border:1px solid color-mix(in srgb, var(--color-text) 18%, transparent);color:inherit;cursor:pointer;font-size:.78rem;font:inherit;background:0 0;border-radius:6px;margin-left:auto;padding:4px 8px}.savedProgressionsLoading{color:var(--color-text-muted);margin:0;font-size:.84rem}.midiExportDialogHint{color:var(--color-text-muted);margin:0;font-size:.76rem;line-height:1.35}.savedProgressionsDialog.midiExportDialog{box-sizing:border-box;width:fit-content;max-width:min(640px,100vw - 32px)}.midiExportDialogPanel{box-sizing:border-box;width:min(560px,100vw - 48px);min-width:min(260px,100vw - 32px);max-width:100%}.midiExportDialogHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.midiExportDialogTitle{margin:0}.midiExportDialogClose{width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;margin:-4px -6px 0 0;padding:0;font-size:1.45rem;line-height:1;display:inline-flex}.midiExportDialogClose:hover{color:var(--color-text);background:color-mix(in srgb, var(--color-text) 10%, transparent)}.midiExportDialogClose:focus-visible{outline:2px solid var(--color-accent-focus-soft);outline-offset:2px}.midiExportDialogOptions{grid-template-columns:1fr 1fr;align-items:end;gap:10px;display:grid}@media (width<=480px){.midiExportDialogOptions{grid-template-columns:1fr}}.midiExportModeField,.midiExportRateField{min-width:0}.midiExportBassSection{border:1px solid color-mix(in srgb, var(--color-inset-border) 90%, var(--color-text-muted) 10%);background:var(--color-surface-inset);box-sizing:border-box;border-radius:8px;gap:8px;width:100%;margin-top:4px;padding:10px 12px;display:grid}.midiExportBassSectionTitle{letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);font-size:.72rem;font-weight:700}.midiExportBassInclude{color:var(--color-text);cursor:pointer;align-items:center;gap:8px;margin:0;font-size:.85rem;font-weight:600;display:flex}.midiExportBassInclude input{width:1rem;height:1rem;accent-color:var(--color-active);cursor:pointer}.midiExportBassReadonly{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;margin:0;font-size:.8rem;display:grid}.midiExportBassReadonly dt{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);margin:0;font-size:.68rem;font-weight:650}.midiExportBassReadonly dd{color:var(--color-text);margin:2px 0 0;font-weight:600}@media (width<=480px){.midiExportBassReadonly{grid-template-columns:1fr}}.savedProgressionsFolderField select,.savedProgressionsFolderSelect{box-sizing:border-box;border:1px solid var(--color-inset-border);background:var(--color-surface-inset);width:100%;color:var(--color-text);font:inherit;border-radius:8px;padding:8px 10px;font-size:.875rem}.savedProgressionsFolderFilterBlock{gap:8px;display:grid}.savedProgressionsFolderFilterLabel{color:var(--color-text-muted);font-size:.76rem;font-weight:600}.savedProgressionsFolderFilterRow{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.savedProgressionsFolderChip{border:1px solid var(--color-panel-border);background:color-mix(in srgb, var(--color-text) 5%, transparent);color:var(--color-text-muted);font:inherit;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:100%;margin:0;padding:5px 10px;font-size:.76rem;font-weight:600;overflow:hidden}.savedProgressionsFolderChip:hover{color:var(--color-text)}.savedProgressionsFolderChip.isActive{border-color:color-mix(in srgb, var(--color-active) 55%, var(--color-panel-border));color:var(--color-text);background:color-mix(in srgb, var(--color-active) 12%, transparent)}.savedProgressionsFolderManage{flex-wrap:wrap;gap:10px 14px;display:flex}.savedProgressionsFolderTag{color:var(--color-text-subtle);border:1px solid color-mix(in srgb, var(--color-panel-border) 90%, transparent);background:color-mix(in srgb, var(--color-text) 4%, transparent);border-radius:999px;width:fit-content;padding:1px 7px;font-size:.72rem;font-weight:600;display:inline-block}.savedProgressionsSearchField{gap:4px;display:grid}.savedProgressionsSearchLabel{color:var(--color-text-muted);font-size:.78rem;font-weight:600}.savedProgressionsSearchField input{box-sizing:border-box;border:1px solid var(--color-inset-border);background:var(--color-surface-inset);width:100%;color:var(--color-text);font:inherit;border-radius:8px;margin:0;padding:8px 10px;font-size:.88rem}.savedProgressionsNameField input{width:100%}.savedProgressionsList{gap:10px;max-height:min(45vh,420px);margin:0;padding:0;list-style:none;display:grid;overflow:auto}.savedProgressionsRow{box-sizing:border-box;border:1px solid var(--color-inset-border);background:var(--color-surface-inset);border-radius:10px;gap:8px;width:100%;min-width:0;padding:12px 14px;display:grid;position:relative}.savedProgressionsRowHead{justify-content:space-between;align-items:flex-start;gap:10px 12px;min-width:0;display:flex}.savedProgressionsTitleGroup{flex-direction:row;flex:auto;align-items:center;gap:4px;min-width:0;display:flex}.savedProgressionsFolderBadge{color:var(--color-text-subtle);border:1px solid color-mix(in srgb, var(--color-panel-border) 90%, transparent);background:color-mix(in srgb, var(--color-text) 5%, transparent);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;flex-shrink:0;max-width:42%;padding:3px 8px;font-size:.68rem;font-weight:600;line-height:1.2;overflow:hidden}.savedProgressionsRowFolderField{flex:9rem;justify-content:center;align-items:center;gap:6px;min-width:0;max-width:13rem;display:inline-flex}.savedProgressionsRowFolderLabel{color:var(--color-text-muted);flex-shrink:0;font-size:.72rem;font-weight:600}.savedProgressionsRowFolderSelect{box-sizing:border-box;border:1px solid var(--color-inset-border);background-color:var(--color-surface-inset);width:100%;min-width:0;max-width:9.5rem;color:var(--color-text);font:inherit;appearance:none;text-overflow:ellipsis;white-space:nowrap;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23888' stroke-width='1.5' stroke-linecap='round' d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:12px 12px;border-radius:6px;flex:auto;padding:5px 26px 5px 8px;font-size:.74rem;line-height:1.2;overflow:hidden}.savedProgressionsName{min-width:0;color:var(--color-text);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;flex:0 auto;font-size:.94rem;font-weight:650;line-height:1.25;overflow:hidden}.savedProgressionsSummary{color:var(--color-text-muted);word-break:break-word;font-size:.78rem;line-height:1.4}.savedProgressionsRowFooter{box-sizing:border-box;flex-wrap:wrap;align-items:center;gap:6px 8px;width:100%;min-width:0;display:flex}.savedProgressionsRowActions{flex-wrap:wrap;flex:none;justify-content:flex-start;align-items:center;gap:5px 6px;min-width:0;display:flex}.savedProgressionsRowAction{box-sizing:border-box;font:inherit;border:1px solid var(--color-secondary-outline);cursor:pointer;white-space:nowrap;border-radius:6px;min-height:30px;margin:0;padding:5px 9px;font-size:.74rem;font-weight:600;line-height:1.2}.savedProgressionsRowActionLoad{border-color:var(--color-primary-border);background:color-mix(in srgb, var(--color-primary) 14%, var(--color-surface-inset) 86%);color:var(--color-text)}.savedProgressionsRowActionLoad:hover:not(:disabled){background:color-mix(in srgb, var(--color-primary) 22%, var(--color-surface-inset) 78%);border-color:var(--color-primary-border)}.savedProgressionsRowActionLoad:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.savedProgressionsRowActionQuiet{border-color:color-mix(in srgb, var(--color-secondary-outline) 55%, var(--color-surface-inset) 45%);color:var(--color-text-muted);background:0 0;font-weight:500}.savedProgressionsRowActionQuiet:hover:not(:disabled){color:var(--color-text);border-color:var(--color-secondary-outline);background:color-mix(in srgb, var(--color-panel-bg) 35%, var(--color-surface-inset) 65%)}.savedProgressionsRowActionQuiet:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.savedProgressionsRowActionDanger{border-color:var(--color-action-danger-border);color:var(--color-action-danger-text);background:0 0;min-height:30px;padding:5px 9px;font-weight:600}.savedProgressionsRowActionDanger:hover:not(:disabled){border-color:var(--color-action-danger-border-hover);background:color-mix(in srgb, var(--color-action-danger-bg) 35%, transparent)}.savedProgressionsRowActionDanger:focus-visible{outline:2px solid var(--color-action-danger-focus);outline-offset:2px}.savedProgressionsRowActionExport{border-color:var(--color-primary-border);background:var(--color-primary);color:var(--color-on-primary);flex-shrink:0;margin-left:auto;font-weight:600}.savedProgressionsRowActionExport:hover:not(:disabled){background:color-mix(in srgb, var(--color-primary) 88%, var(--color-text) 12%);border-color:var(--color-primary-border)}.savedProgressionsRowActionExport:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}@media (width<=520px){.savedProgressionsRowFooter{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.savedProgressionsRowActions{grid-column:1/-1}.savedProgressionsRowFolderField{flex:auto;grid-column:1;justify-content:flex-start;max-width:none}.savedProgressionsRowFolderSelect{max-width:100%}.savedProgressionsRowActionExport{grid-column:2;justify-self:end;margin-left:0}.savedProgressionsFolderBadge{max-width:55%}}.savedProgressionsEmpty{color:var(--color-text-muted);margin:0}.savedProgressionsEmptyBlock{gap:6px;display:grid}.savedProgressionsEmptyHint{color:var(--color-text-muted);margin:0;font-size:.82rem;line-height:1.4}.savedProgressionsRenameForm{gap:12px;display:grid}.savedProgressionsFooter{justify-content:flex-end;gap:8px;display:flex}.timelineHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.timelineSelectHint{margin-top:8px}.panel{background:var(--color-panel-bg);border:1px solid var(--color-panel-border);box-sizing:border-box;border-radius:10px;gap:12px;min-width:0;max-width:100%;padding:14px;display:grid}.panel h2{margin:0;font-size:1.1rem}.field{gap:6px;display:grid}.field>span{color:var(--color-text-muted);font-size:.85rem}select,input,button{font:inherit}select,input{background:var(--color-surface-inset);border:1px solid var(--color-inset-border);color:var(--color-text);border-radius:8px;padding:8px}select option,select optgroup{font:inherit;background-color:var(--color-panel-bg);color:var(--color-text)}select optgroup{color:var(--color-text-muted);font-weight:700}select option:checked{background-color:var(--color-active-bg);color:var(--color-on-active)}button{background:var(--color-button-fill);border:1px solid var(--color-button-edge);color:var(--color-text);cursor:pointer;border-radius:8px;padding:8px 10px}button:disabled{cursor:not-allowed;opacity:.65}.primaryButton{background:var(--color-primary);border-color:var(--color-primary-border);color:var(--color-on-primary)}.secondaryButton{border-color:var(--color-secondary-outline);background:0 0}.builderActions{flex-wrap:wrap;gap:8px;display:flex}.builderActions button{flex:180px}.builderActions .primaryButton,.builderActions .secondaryButton{padding:10px 16px;font-size:.9375rem}.modifierGrid,.optionButtonGroup{flex-wrap:wrap;gap:8px;display:flex}.optionButtonGroupRoot{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px 8px;display:grid}.optionButtonGroupRoot .optionButton{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-width:0;padding:11px 10px 12px;font-size:.9rem;display:flex;position:relative}.optionButtonRootRomanPinned{top:4px;z-index:2;letter-spacing:.03em;text-align:end;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;max-width:42%;color:var(--color-active);font-size:.62rem;font-weight:400;line-height:1.15;position:absolute;inset-inline-end:7px;overflow:hidden}.optionButton.isActive .optionButtonRootRomanPinned{color:var(--color-on-active)}.optionButtonRootLetter{z-index:2;text-align:center;width:100%;font-size:inherit;font-weight:inherit;color:var(--color-text);display:block;position:relative}.optionButton.isActive .optionButtonRootLetter{color:var(--color-on-active)}.optionButtonGroupCompact{flex-wrap:wrap;gap:5px 6px;display:flex}.optionButtonCompact{border-radius:6px;min-width:36px;padding:5px 7px;font-size:.8125rem}.optionButton{min-width:44px}.optionButton.isActive{background:var(--color-active-bg);border-color:var(--color-active);color:var(--color-on-active)}.optionButtonGroupRoot .optionButton.optionButtonScaleRootHint:not(.isActive):before{content:"";z-index:1;background:color-mix(in srgb, var(--color-active) 52%, transparent);pointer-events:none;border-radius:3px;height:4px;position:absolute;bottom:4px;left:8%;right:8%}.optionButtonGroupRoot .optionButton.optionButtonScaleRootHint.isActive:before{content:"";z-index:1;background:color-mix(in srgb, var(--color-on-active) 62%, color-mix(in srgb, var(--color-active) 42%, transparent) 38%);pointer-events:none;border-radius:3px;height:4px;position:absolute;bottom:4px;left:7%;right:7%}.optionButtonGroupCompact .optionButton.optionButtonDiatonicQualityHint{position:relative}.optionButtonGroupCompact .optionButton.optionButtonDiatonicQualityHint:not(.isActive):before{content:"";z-index:1;background:color-mix(in srgb, var(--color-active) 36%, transparent);pointer-events:none;border-radius:2px;height:2.5px;position:absolute;bottom:4px;left:10%;right:10%}.optionButtonGroupCompact .optionButton.optionButtonDiatonicQualityHint.isActive:before{content:"";z-index:1;background:color-mix(in srgb, var(--color-on-active) 48%, color-mix(in srgb, var(--color-active) 32%, transparent) 52%);pointer-events:none;border-radius:2px;height:2.5px;position:absolute;bottom:4px;left:8%;right:8%}.modifier{min-width:54px}.modifier.modifierKeyAssistHint{position:relative}.modifier.modifierKeyAssistHint:not(.isActive):before{content:"";z-index:1;background:color-mix(in srgb, var(--color-active) 30%, transparent);opacity:1;pointer-events:none;border-radius:999px;width:min(70%,2rem);height:1.5px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.modifier.modifierKeyAssistHint.isActive:before{content:"";z-index:1;background:color-mix(in srgb, var(--color-on-active) 46%, color-mix(in srgb, var(--color-active) 28%, transparent) 54%);pointer-events:none;border-radius:999px;width:min(72%,2.05rem);height:1.65px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.modifier.isActive{background:var(--color-active-bg);border-color:var(--color-active);color:var(--color-on-active)}.modifier.isPartial{border-style:dashed;border-color:color-mix(in srgb, var(--color-active) 55%, var(--color-panel-border));background:color-mix(in srgb, var(--color-active-bg) 35%, var(--color-surface-inset))}.preview{--preview-stack-gap:13px;box-sizing:border-box;background:var(--color-surface-inset);border:1px solid var(--color-inset-border);padding:10px 10px var(--preview-stack-gap) 10px;align-items:stretch;gap:var(--preview-stack-gap);border-radius:8px;flex-direction:column;min-width:0;display:flex}.previewChordHead,.previewChordLines{flex-direction:column;gap:5px;min-width:0;display:flex}.previewChordHead>p,.previewChordLines>p{margin:0;font-size:.8125rem;line-height:1.28}.previewChordHead>p.previewLabel{font-size:.94rem;font-weight:700;line-height:1.2}.previewChordHead>p.previewVoicingSummary{color:var(--color-text-subtle);font-size:.76rem;font-weight:500;line-height:1.22}.previewSelectionHint{color:var(--color-text-muted);font-weight:500}.previewChordLinesCombined{flex-direction:column;gap:4px;display:flex}.previewCombinedRange{color:var(--color-text-subtle);margin:0 0 2px;font-size:.78rem;font-weight:600}.previewChordBreakdownLine{color:var(--color-text);margin:0;font-size:.78rem;line-height:1.35}.previewChordBreakdownLabel{color:var(--color-text-subtle);font-weight:600}.preview .miniKeyboardWrap{gap:3px}.preview .miniKeyboardHint{font-size:.72rem;line-height:1.25}@media (width<=780px){.preview{--preview-stack-gap:11px;padding:8px 8px var(--preview-stack-gap) 8px}.previewChordHead>p.previewLabel{font-size:.88rem}.previewChordHead>p,.previewChordLines>p{font-size:.78rem;line-height:1.26}.previewChordHead>p.previewVoicingSummary{font-size:.71rem}}.previewLabel{margin:0;font-weight:700}.secondaryText{color:var(--color-text-muted);font-size:.84rem}.voicingHeader{justify-content:space-between;align-items:center;gap:8px;display:flex}.linkButton{border:1px solid var(--color-link-border);background:0 0;padding:4px 8px;font-size:.8rem}.voicePositionSliderBlock{gap:8px;display:grid}.voicePositionLabel{text-align:center;color:color-mix(in srgb, var(--color-text) 88%, var(--color-text-muted) 12%);margin:0;font-size:.9rem;font-weight:500}.voicePositionSliderRow{align-items:center;gap:8px;display:flex}.voicePositionEndpoint{color:var(--color-text-subtle);flex:none;width:32px;font-size:.75rem}.voicePositionSliderRow .voicePositionEndpoint:first-child{text-align:left}.voicePositionSliderRow .voicePositionEndpoint:last-child{text-align:right}.voicePositionSlider{min-width:0;height:28px;accent-color:var(--color-primary);flex:1}.voicePositionHint{color:var(--color-text-muted);margin:0;font-size:.82rem}.advancedVoicing{grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);align-items:end;gap:8px 12px;width:100%;display:grid}.advancedVoicing .field{box-sizing:border-box;min-width:0;max-width:100%}.advancedVoicingVoicingGrid.optionButtonGroupCompact,.advancedVoicingOctaveGrid.optionButtonGroupCompact,.advancedVoicingInversionGrid.optionButtonGroupCompact{box-sizing:border-box;flex-wrap:nowrap;gap:5px 6px;width:100%;display:flex}.advancedVoicingVoicingGrid .optionButtonCompact,.advancedVoicingOctaveGrid .optionButtonCompact,.advancedVoicingInversionGrid .optionButtonCompact{box-sizing:border-box;text-align:center;flex:1 1 0;min-width:0}@media (width<=780px){.advancedVoicing{grid-template-columns:1fr;gap:10px}.advancedVoicingVoicingGrid.optionButtonGroupCompact,.advancedVoicingOctaveGrid.optionButtonGroupCompact,.advancedVoicingInversionGrid.optionButtonGroupCompact{flex-wrap:wrap}.advancedVoicingVoicingGrid .optionButtonCompact,.advancedVoicingOctaveGrid .optionButtonCompact,.advancedVoicingInversionGrid .optionButtonCompact{flex:auto;min-width:2.65rem}}.miniKeyboardWrap{gap:4px;width:100%;min-width:0;display:grid}.miniKeyboardScroll{width:100%;min-width:0;max-width:100%;padding-bottom:2px;overflow-x:auto}.miniKeyboard{flex-shrink:0;width:100%;min-width:0;height:44px;position:relative}.miniKeyboard[data-size-context=compact][data-range-preset="2"]{height:48px}.miniKeyboard[data-size-context=compact][data-range-preset="3"]{height:44px}.miniKeyboard[data-size-context=compact][data-range-preset="4"]{height:40px}.miniKeyboardWhite{width:100%;height:100%;display:flex}.miniKeyboardBlack{pointer-events:none;width:100%;height:58%;position:absolute;top:0;left:0}.miniKey.white{box-sizing:border-box;border:1px solid var(--color-key-border);background:var(--color-key-white);border-right-width:0;flex:1 1 0;min-width:0}.miniKey.white:last-child{border-right-width:1px}.miniKey.white.active{background:var(--color-key-active)}.miniKey.black{width:clamp(5px, calc(100% / var(--white-key-count,36) * .62), 14px);background:var(--color-key-black);border:1px solid var(--color-key-black-border);box-sizing:border-box;border-radius:0 0 3px 3px;height:100%;position:absolute;transform:translate(-50%)}.miniKey.black.active{background:var(--color-active)}.miniKeyboardHint{color:var(--color-text-muted);margin:0;font-size:.76rem}.miniKeyboardOverviewBlock{border-top:1px solid color-mix(in srgb, var(--color-inset-border) 55%, transparent);gap:5px;min-width:0;max-width:100%;margin-top:6px;padding-top:8px;display:grid;overflow:hidden}.miniKeyboardOverviewSummary{color:var(--color-text-muted);margin:0;font-size:.68rem;line-height:1.25}.miniKeyboardOverviewOctaveRow{min-width:0;height:14px;margin-inline:1px;position:relative}.miniKeyboardOverviewOctaveLabel{color:var(--color-text-subtle);white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:.62rem;line-height:1.1;position:absolute;top:0;transform:translate(-1px)}.miniKeyboardOverviewRailWrap{width:100%;min-width:0;position:relative;overflow:hidden}.miniKeyboardOverviewRail{opacity:.62;width:100%;min-width:0;height:44px}.miniKeyboardOverviewRail .miniKeyboardBlack{height:62%}.miniKeyboardOverviewRail .miniKey.white{background:color-mix(in srgb, var(--color-key-white) 70%, var(--color-surface-inset));border-color:color-mix(in srgb, var(--color-key-border) 55%, transparent);border-radius:0 0 2px 2px}.miniKeyboardOverviewRail .miniKey.black{width:clamp(4px, calc(100% / var(--white-key-count,36) * .54), 10px);opacity:.94;border-radius:0 0 4px 4px;height:100%}.miniKey.white.activeOverview{background:color-mix(in srgb, var(--color-key-active) 40%, var(--color-key-white));border-color:color-mix(in srgb, var(--color-active) 35%, var(--color-key-border))}.miniKey.black.activeOverview{background:color-mix(in srgb, var(--color-active) 50%, var(--color-key-black))}.miniKeyboardOverviewViewport{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--color-active) 62%, transparent);background:color-mix(in srgb, var(--color-active) 9%, transparent);pointer-events:none;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-active) 16%, transparent);border-radius:2px;position:absolute;top:2px;bottom:2px}@media (width<=880px){.miniKeyboardOverviewRail{height:34px}.progressionChordEditor .miniKeyboardOverviewRail{height:30px}.miniKeyboardOverviewOctaveRow{height:12px}.miniKeyboardOverviewOctaveLabel{font-size:.56rem}.miniKeyboardOverviewSummary{font-size:.64rem}}.timelineRail{-webkit-user-select:none;user-select:none;box-sizing:border-box;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));align-content:start;gap:16px 10px;width:100%;min-width:0;max-width:100%;margin:0;padding:12px 0 26px;list-style:none;display:grid;overflow:clip visible}.timelineRail--splitBars{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px 12px}@media (width>=1100px){.timelineRail--splitBars{grid-template-columns:repeat(4,minmax(0,1fr))}}.timelineBarGroup{min-width:0;list-style:none;position:relative}.timelineBarGroupRow{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--color-inset-border) 78%, transparent);background:color-mix(in srgb, var(--color-surface-inset) 62%, transparent);min-width:0;min-height:108px;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-text) 4%, transparent);border-radius:10px;gap:6px;padding:5px 5px 17px;display:flex;position:relative;overflow:visible}.timelineBarGroupRow.isBarDragging{opacity:.92;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-text) 4%, transparent), 0 8px 20px #00000038}.timelineBarDragHandle{box-sizing:border-box;z-index:3;border:1px solid var(--color-inset-border);background-color:color-mix(in srgb, var(--color-surface-inset) 94%, var(--color-chrome-neutral) 6%);width:clamp(62px,56%,96px);min-width:60px;color:inherit;font:inherit;touch-action:none;cursor:grab;border-radius:5px;place-items:center;margin:0;padding:3px 10px;line-height:0;display:grid;position:absolute;bottom:-1px;left:50%;transform:translate(-50%,50%);box-shadow:0 2px 4px #0000002e}.timelineBarDragHandle:before{content:"";pointer-events:none;box-sizing:border-box;background-color:var(--color-chrome-neutral);width:2px;height:9px;box-shadow:-5px 0 0 0 var(--color-chrome-neutral), 5px 0 0 0 var(--color-chrome-neutral);border-radius:1px;margin:0 auto;display:block}.timelineBarDragHandle:hover{border-color:color-mix(in srgb, var(--color-active) 35%, var(--color-inset-border) 65%);background-color:color-mix(in srgb, var(--color-surface-inset) 88%, var(--color-chrome-neutral) 12%)}.timelineBarDragHandle:focus-visible{outline:2px solid color-mix(in srgb, var(--color-active) 65%, transparent);outline-offset:2px}.timelineBarDragHandle:disabled{opacity:.48;cursor:not-allowed}.timelineRail.isTimelineDragging .timelineBarDragHandle:active,.timelineRail.isTimelineDragging .timelineBarDragHandle{cursor:grabbing}.timelineBarGroup.timelineRailDropIndicatorBefore:before{content:"";background:color-mix(in srgb, var(--color-active) 88%, white 12%);width:3px;box-shadow:0 0 8px color-mix(in srgb, var(--color-active) 45%, transparent);pointer-events:none;z-index:3;border-radius:2px;position:absolute;top:4px;bottom:4px;left:-6px}.timelineBarGroup.timelineRailDropIndicatorAfter:after{content:"";background:color-mix(in srgb, var(--color-active) 88%, white 12%);width:3px;box-shadow:0 0 8px color-mix(in srgb, var(--color-active) 45%, transparent);pointer-events:none;z-index:3;border-radius:2px;position:absolute;top:4px;bottom:4px;right:-6px}.timelineBarGroupSlot{flex-direction:column;flex:1 1 0;min-width:2.75rem;display:flex}.timelineBarGroupSlot .timelineRailChordSlot{flex-direction:column;flex:auto;min-width:0;display:flex}.timelineCard--subBar{gap:4px;min-height:92px;padding:10px 4px}.timelineCardTopStrip{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-height:30px;padding-top:4px;padding-right:2px;display:flex}.timelineCard--subBar .timelineCardTopStrip{align-items:center;gap:4px;min-height:28px;padding-top:7px}.timelineCard--subBar .timelineCardAuditionChip{align-items:center;min-width:2.35rem;margin-top:4px;padding:4px 6px 4px 5px;font-size:.72rem}.timelineCard--subBar .timelineCardAuditionChipNumber{min-width:.65em;font-size:.72rem;line-height:1}.timelineCard--subBar .timelineCardAuditionChipPlayIcon{justify-content:center;align-items:center;font-size:.62rem;line-height:1;display:inline-flex;transform:translateY(.5px)}.timelineCard--subBar .timelineCardLabel{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:600;line-height:1.15;overflow:hidden}.timelineCard--subBar .timelineCardRomanNumeral{letter-spacing:.02em;font-size:.62rem}.timelineCard--subBar .timelineCardDelete{width:1.35rem;height:1.35rem;font-size:12px;top:0;right:0}.timelineCard--subBar.isSelected .timelineCardTopStrip{padding-right:28px}.timelineBarGroupRow.isParentBarSelected{border-color:color-mix(in srgb, var(--color-accent) 42%, var(--color-inset-border));background:color-mix(in srgb, var(--color-accent) 8%, var(--color-surface-inset));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-text) 4%, transparent), 0 0 0 1px color-mix(in srgb, var(--color-accent) 18%, transparent)}.timelineRail.isTimelineDragging{-webkit-user-select:none;user-select:none}.timelineRail li{min-width:0}.timelineRailChordSlot{min-width:0;position:relative}.timelineRailDropIndicatorBefore:before{content:"";background:color-mix(in srgb, var(--color-active) 88%, white 12%);width:3px;box-shadow:0 0 8px color-mix(in srgb, var(--color-active) 45%, transparent);pointer-events:none;z-index:3;border-radius:2px;position:absolute;top:-2px;bottom:-2px;left:-8px}.timelineRailDropIndicatorAfter:after{content:"";background:color-mix(in srgb, var(--color-active) 88%, white 12%);width:3px;box-shadow:0 0 8px color-mix(in srgb, var(--color-active) 45%, transparent);pointer-events:none;z-index:3;border-radius:2px;position:absolute;top:-2px;bottom:-2px;right:-8px}.timelineCard{box-sizing:border-box;-webkit-user-select:none;user-select:none;background:var(--color-surface-inset);border:1px solid var(--color-inset-border);text-align:left;border-radius:8px;flex-direction:column;align-items:stretch;gap:8px;width:100%;min-width:0;max-width:none;min-height:108px;padding:12px 6px 10px;display:flex;position:relative}.timelineDragHandle{box-sizing:border-box;z-index:1;border:1px solid var(--color-inset-border);background-color:color-mix(in srgb, var(--color-surface-inset) 94%, var(--color-chrome-neutral) 6%);width:clamp(62px,72%,96px);min-width:60px;color:inherit;font:inherit;touch-action:none;cursor:grab;border-radius:5px;place-items:center;margin:0;padding:3px 10px;line-height:0;display:grid;position:absolute;bottom:-1px;left:50%;transform:translate(-50%,50%);box-shadow:0 2px 4px #0000002e}.timelineDragHandle:before{content:"";pointer-events:none;box-sizing:border-box;background-color:var(--color-chrome-neutral);width:2px;height:9px;box-shadow:-5px 0 0 0 var(--color-chrome-neutral), 5px 0 0 0 var(--color-chrome-neutral);border-radius:1px;margin:0 auto;display:block}.timelineDragHandle:hover{border-color:color-mix(in srgb, var(--color-active) 35%, var(--color-inset-border) 65%);background-color:color-mix(in srgb, var(--color-surface-inset) 88%, var(--color-chrome-neutral) 12%)}.timelineDragHandle:focus-visible{outline:2px solid color-mix(in srgb, var(--color-active) 65%, transparent);outline-offset:2px}.timelineDragHandle:disabled,.timelineCardDelete:disabled,.timelineCardControls button:disabled{opacity:.48;cursor:not-allowed}.timelineRail.isTimelineDragging .timelineDragHandle:active,.timelineRail.isTimelineDragging .timelineDragHandle{cursor:grabbing}.timelineCard.isDragging{opacity:.92;box-shadow:0 8px 20px #00000042}.timelineCardTopStripSpacer{pointer-events:none;flex:auto;min-width:0}.timelineCardSplitControls{flex-shrink:0;align-items:center;gap:3px;margin-top:4px;display:inline-flex}.timelineCardSplitButton{border:1px solid color-mix(in srgb, var(--color-inset-border) 88%, transparent);background:color-mix(in srgb, var(--color-surface-inset) 92%, var(--color-chrome-neutral) 8%);min-height:1.35rem;color:color-mix(in srgb, var(--color-text) 72%, var(--color-chrome-neutral) 28%);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:2px;padding:2px 5px;font-family:inherit;font-size:.62rem;font-weight:650;line-height:1;display:inline-flex}.timelineCardSplitButton:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-active) 35%, var(--color-inset-border) 65%);color:var(--color-text)}.timelineCardSplitButton:focus-visible{outline:2px solid color-mix(in srgb, var(--color-active) 65%, transparent);outline-offset:1px}.timelineCardSplitButton:disabled{opacity:.48;cursor:not-allowed}.timelineCardSplitIcon{opacity:.88;flex-shrink:0;align-items:center;line-height:0;display:inline-flex}.timelineCardSplitIcon svg{width:auto;height:clamp(9px,.72em,11px);display:block}.timelineCardSplitLabel{line-height:1}.timelineCard--subBar .timelineCardSplitControls{margin-top:3px}.timelineCard--subBar .timelineCardSplitButton{padding:2px 4px;font-size:.58rem}.appOverlayDialogFooterStacked{flex-direction:column;align-items:stretch;gap:8px;display:flex}.appOverlayDialogFooterStacked .primaryButton,.appOverlayDialogFooterStacked .secondaryButton{justify-content:center;width:100%}.timelineCardControls{z-index:1;flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:4px;display:inline-flex;position:relative;top:auto;right:auto}.timelineCardControls button{min-width:22px;padding:2px 5px;font-size:.7rem}.timelineCard.isSelected{border-color:var(--color-active);box-shadow:0 0 0 1px var(--color-active-glow);padding-right:8px}.timelineCard.isPlaybackPlaying{outline:2px solid var(--color-playback-ring);outline-offset:1px;border-color:color-mix(in srgb, var(--color-playback-ring) 55%, var(--color-inset-border) 45%);background-color:color-mix(in srgb, var(--color-playback-ring) 14%, var(--color-surface-inset) 86%)}.timelineCard.isSelected.isPlaybackPlaying{border-color:var(--color-active);box-shadow:0 0 0 1px var(--color-active-glow);background-color:color-mix(in srgb, var(--color-playback-ring) 12%, color-mix(in srgb, var(--color-active) 10%, var(--color-surface-inset) 90%));outline:2px solid var(--color-playback-ring);outline-offset:1px;border-style:solid}.timelineCard.isSelected.isMultiSelected{border-style:dashed;border-color:color-mix(in srgb, var(--color-active) 50%, var(--color-inset-border) 50%);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-active-glow) 55%, var(--color-chrome-neutral-2) 45%)}.timelineCard.isSelected.isMultiSelected.isPrimarySelected{border-style:solid;border-color:color-mix(in srgb, var(--color-active) 72%, var(--color-inset-border) 28%);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-active-glow) 70%, var(--color-chrome-neutral-2) 30%)}.timelineCard.isSelected.isMultiSelected.isPlaybackPlaying{background-color:color-mix(in srgb, var(--color-playback-ring) 13%, color-mix(in srgb, var(--color-active) 7%, var(--color-surface-inset) 93%));outline:2px solid var(--color-playback-ring);outline-offset:1px}.progressionMultiSelectBar{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--color-inset-border) 92%, var(--color-chrome-neutral) 8%);background:color-mix(in srgb, var(--color-panel-bg) 55%, var(--color-surface-inset) 45%);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:2px;padding:8px 10px;display:flex}.progressionMultiSelectBarLabel{min-width:0;color:var(--color-text-muted);flex:auto;font-size:.82rem;font-weight:600}.progressionMultiSelectBarDuplicate,.progressionMultiSelectBarCopy,.progressionMultiSelectBarPaste,.progressionMultiSelectBarDelete,.progressionMultiSelectBarClear{flex:none;padding:6px 12px;font-size:.82rem}.progressionMultiSelectBarDuplicate:disabled{opacity:.48;cursor:not-allowed}.progressionMultiSelectBarDelete{border-color:var(--color-action-danger-border);background:var(--color-action-danger-bg);color:var(--color-action-danger-text)}.progressionMultiSelectBarDelete:hover:not(:disabled){border-color:var(--color-action-danger-border-hover);background:var(--color-action-danger-bg-hover)}.progressionMultiSelectBarDelete:focus-visible{outline:2px solid var(--color-action-danger-focus);outline-offset:2px}.progressionMultiSelectBarDelete:disabled{opacity:.48;cursor:not-allowed}.timelineCard.isSelected .timelineCardTopStrip{padding-right:22px}.timelineCardDelete{z-index:2;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:14px;font-weight:700;line-height:1;display:flex;position:absolute;top:-8px;right:-8px}.timelineCardDeleteGlyph{transform:translateY(-1px)}.timelineCardAuditionChip{cursor:pointer;width:fit-content;color:color-mix(in srgb, var(--color-text) 90%, var(--color-active) 10%);background:color-mix(in srgb, var(--color-surface-inset) 88%, var(--color-active) 12%);border:1px solid color-mix(in srgb, var(--color-inset-border) 80%, var(--color-active) 20%);border-radius:999px;justify-content:center;align-items:center;gap:2px;margin:5px 0 0;padding:4px 8px 4px 6px;font-family:inherit;font-size:.76rem;font-weight:600;line-height:1;display:inline-flex}.timelineCardAuditionChip:hover{border-color:color-mix(in srgb, var(--color-active) 45%, var(--color-inset-border) 55%);color:var(--color-text)}.timelineCardAuditionChip:focus-visible{outline:2px solid var(--color-accent-focus-soft);outline-offset:2px}.timelineCardAuditionChipNumber{text-align:center;min-width:.75em;line-height:1}.timelineCardAuditionChipPlayIcon{opacity:.95;justify-content:center;align-items:center;font-size:.68rem;line-height:1;display:inline-flex;transform:translateY(.5px)}.timelineCardLabelBlock{flex-direction:column;flex:auto;justify-content:center;gap:2px;min-width:0;min-height:2.35rem;display:flex}.timelineCardRomanNumeral{letter-spacing:.04em;color:var(--color-active);white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;font-weight:650;line-height:1.15;overflow:hidden}.timelineCardLabel{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.81rem;font-weight:700;line-height:1.25;display:block;overflow:hidden}.timelineCardBassBadge{letter-spacing:.03em;color:var(--color-text-muted);background:color-mix(in srgb, var(--color-surface-raised) 72%, transparent);border:1px solid color-mix(in srgb, var(--color-inset-border) 88%, transparent);white-space:nowrap;border-radius:4px;align-self:flex-start;padding:1px 5px;font-size:.62rem;font-weight:650;line-height:1.2}.timelineCardBassBadge--subBar{letter-spacing:.02em;padding:1px 4px;font-size:.58rem}@media (width<=720px){.timelineRail{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 6px;padding:8px 0 16px}.timelineRail--splitBars{grid-template-columns:unset;flex-wrap:nowrap;max-width:100%;padding-bottom:12px;display:flex;overflow:auto visible}.timelineRail--splitBars .timelineBarGroup{flex:0 0 min(88vw,220px)}.timelineCard{border-radius:6px;gap:5px;min-height:0;padding:6px 4px 11px}.timelineCardTopStrip{gap:4px;min-height:0;padding-right:0}.timelineCardLabelBlock{gap:1px;min-height:0}.timelineCardRomanNumeral{font-size:.62rem}.timelineCardLabel{min-height:0;font-size:.7rem;font-weight:700;line-height:1.2}.timelineCardAuditionChip{gap:1px;margin-top:4px;padding:3px 5px 3px 4px;font-size:.65rem}.timelineCardAuditionChipPlayIcon{font-size:.6rem;transform:translateY(.5px)}.timelineBarDragHandle{width:clamp(44px,52%,72px);min-width:44px;padding:2px 6px}.timelineBarDragHandle:before{height:8px}.timelineCard--subBar.isSelected .timelineCardTopStrip{padding-right:24px}.timelineDragHandle{width:clamp(44px,68%,72px);min-width:44px;padding:2px 6px}.timelineDragHandle:before{height:8px}.timelineCardControls button{min-width:20px;padding:2px 4px;font-size:.65rem}.timelineCard.isSelected .timelineCardTopStrip{padding-right:16px}.timelineCardDelete{width:22px;height:22px;font-size:12px;top:-6px;right:-6px}}@media (width<=359px){.timelineRail{grid-template-columns:repeat(3,minmax(0,1fr))}}.timelineActions{gap:8px;display:flex}.timelineControls{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:10px;display:grid}.transportRow{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.transportHint,.emptyState{color:var(--color-text-muted);margin:0}html[data-glow=on]{--glow-s:1}html[data-glow=on][data-glow-intensity=medium]{--glow-s:1.5}html[data-glow=on][data-glow-intensity=high]{--glow-s:2}html[data-glow=on][data-theme-text=dark-glyphs] .optionButton.isActive,html[data-glow=on][data-theme-text=dark-glyphs] .modifier.isActive{box-shadow:0 0 calc(18px * var(--glow-s)) color-mix(in srgb, var(--color-active) 36%, transparent), 0 0 calc(40px * var(--glow-s)) color-mix(in srgb, var(--color-active) 14%, transparent)}html[data-glow=on][data-theme-text=light-glyphs] .optionButton.isActive,html[data-glow=on][data-theme-text=light-glyphs] .modifier.isActive{box-shadow:0 0 calc(12px * var(--glow-s)) color-mix(in srgb, var(--color-active) 20%, transparent)}html[data-glow=on][data-theme-text=dark-glyphs] .chordBuilderPanel .chordBuilderQuickActions .primaryButton{box-shadow:0 0 calc(20px * var(--glow-s)) color-mix(in srgb, var(--color-primary) 30%, transparent), 0 1px 0 #00000038}html[data-glow=on][data-theme-text=light-glyphs] .chordBuilderPanel .chordBuilderQuickActions .primaryButton{box-shadow:0 0 calc(14px * var(--glow-s)) color-mix(in srgb, var(--color-primary) 18%, transparent), 0 1px 0 #00000024}html[data-glow=on][data-theme-text=dark-glyphs] .keyAssistStripeGuidanceShellAssistOn{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-active) 14%, transparent), inset 0 1px 0 color-mix(in srgb, var(--color-active) 7%, transparent), 0 0 calc(28px * var(--glow-s)) color-mix(in srgb, var(--color-active) 26%, transparent)}html[data-glow=on][data-theme-text=light-glyphs] .keyAssistStripeGuidanceShellAssistOn{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-active) 14%, transparent), inset 0 1px 0 color-mix(in srgb, var(--color-active) 7%, transparent), 0 0 calc(16px * var(--glow-s)) color-mix(in srgb, var(--color-active) 14%, transparent)}html[data-glow=on] .keyAssistChip:hover{box-shadow:0 0 calc(14px * var(--glow-s)) color-mix(in srgb, var(--color-active) 18%, transparent)}html[data-glow=on][data-theme-text=dark-glyphs] .timelineCard.isSelected{box-shadow:0 0 0 1px var(--color-active-glow), 0 0 calc(22px * var(--glow-s)) color-mix(in srgb, var(--color-active) 32%, transparent), 0 0 calc(44px * var(--glow-s)) color-mix(in srgb, var(--color-active) 12%, transparent)}html[data-glow=on][data-theme-text=light-glyphs] .timelineCard.isSelected{box-shadow:0 0 0 1px var(--color-active-glow), 0 0 calc(14px * var(--glow-s)) color-mix(in srgb, var(--color-active) 18%, transparent)}html[data-glow=on][data-theme-text=dark-glyphs] .timelineCard.isPlaybackPlaying{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-playback-ring) 42%, transparent), 0 0 calc(22px * var(--glow-s)) color-mix(in srgb, var(--color-playback-ring) 34%, transparent), 0 0 calc(40px * var(--glow-s)) color-mix(in srgb, var(--color-playback-ring) 12%, transparent)}html[data-glow=on][data-theme-text=light-glyphs] .timelineCard.isPlaybackPlaying{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-playback-ring) 32%, transparent), 0 0 calc(12px * var(--glow-s)) color-mix(in srgb, var(--color-playback-ring) 20%, transparent)}html[data-glow=on][data-theme-text=dark-glyphs] .timelineCard.isSelected.isPlaybackPlaying{box-shadow:0 0 0 1px var(--color-active-glow), 0 0 0 1px color-mix(in srgb, var(--color-playback-ring) 36%, transparent), 0 0 calc(20px * var(--glow-s)) color-mix(in srgb, var(--color-playback-ring) 32%, transparent), 0 0 calc(44px * var(--glow-s)) color-mix(in srgb, var(--color-active) 13%, transparent)}html[data-glow=on][data-theme-text=light-glyphs] .timelineCard.isSelected.isPlaybackPlaying{box-shadow:0 0 0 1px var(--color-active-glow), 0 0 0 1px color-mix(in srgb, var(--color-playback-ring) 28%, transparent), 0 0 calc(12px * var(--glow-s)) color-mix(in srgb, var(--color-playback-ring) 20%, transparent)}html[data-glow=on][data-theme-text=dark-glyphs] .progressionTransportLoopButtonActive:not(:disabled){box-shadow:0 0 calc(18px * var(--glow-s)) color-mix(in srgb, var(--color-action-warning-border) 42%, transparent)}html[data-glow=on][data-theme-text=light-glyphs] .progressionTransportLoopButtonActive:not(:disabled){box-shadow:0 0 calc(12px * var(--glow-s)) color-mix(in srgb, var(--color-action-warning-border) 26%, transparent)}html[data-glow=on][data-theme-text=dark-glyphs] .progressionTransportPlayButton:not(:disabled){box-shadow:0 0 calc(18px * var(--glow-s)) color-mix(in srgb, var(--color-action-success-border) 40%, transparent)}html[data-glow=on][data-theme-text=light-glyphs] .progressionTransportPlayButton:not(:disabled){box-shadow:0 0 calc(12px * var(--glow-s)) color-mix(in srgb, var(--color-action-success-border) 24%, transparent)}html[data-glow=on][data-theme-text=dark-glyphs] .progressionTransportStopButton:not(:disabled){box-shadow:0 0 calc(18px * var(--glow-s)) color-mix(in srgb, var(--color-action-danger-border) 44%, transparent)}html[data-glow=on][data-theme-text=light-glyphs] .progressionTransportStopButton:not(:disabled){box-shadow:0 0 calc(12px * var(--glow-s)) color-mix(in srgb, var(--color-action-danger-border) 26%, transparent)}html[data-glow=on] .appSelectTrigger:focus-visible{box-shadow:0 0 calc(12px * var(--glow-s)) color-mix(in srgb, var(--color-active) 26%, transparent)}html[data-glow=on][data-theme-text=dark-glyphs] .miniKey.white.active{box-shadow:0 0 calc(10px * var(--glow-s)) color-mix(in srgb, var(--color-active) 42%, transparent)}html[data-glow=on][data-theme-text=light-glyphs] .miniKey.white.active{box-shadow:0 0 calc(8px * var(--glow-s)) color-mix(in srgb, var(--color-active) 20%, transparent)}html[data-glow=on][data-theme-text=dark-glyphs] .miniKey.black.active{box-shadow:0 0 calc(10px * var(--glow-s)) color-mix(in srgb, var(--color-active) 48%, transparent)}html[data-glow=on][data-theme-text=light-glyphs] .miniKey.black.active{box-shadow:0 0 calc(8px * var(--glow-s)) color-mix(in srgb, var(--color-active) 22%, transparent)}@media (prefers-reduced-motion:reduce){html[data-glow=on] .optionButton.isActive,html[data-glow=on] .modifier.isActive,html[data-glow=on] .chordBuilderPanel .chordBuilderQuickActions .primaryButton,html[data-glow=on] .keyAssistStripeGuidanceShellAssistOn,html[data-glow=on] .keyAssistChip:hover,html[data-glow=on] .timelineCard.isSelected,html[data-glow=on] .timelineCard.isPlaybackPlaying,html[data-glow=on] .progressionTransportLoopButtonActive:not(:disabled),html[data-glow=on] .progressionTransportPlayButton:not(:disabled),html[data-glow=on] .progressionTransportStopButton:not(:disabled),html[data-glow=on] .appSelectTrigger:focus-visible,html[data-glow=on] .miniKey.white.active,html[data-glow=on] .miniKey.black.active{box-shadow:none!important}}.accountHeaderBlock{align-items:center;gap:8px;display:flex;position:relative}.accountHeaderSignedIn{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:min(100vw - 48px,280px);display:flex}.accountHeaderEmail{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:.82rem;overflow:hidden}.accountHeaderSignOutError{color:var(--color-danger,#e85a5a);flex:100%;margin:0;font-size:.78rem}.accountHeaderButton{box-sizing:border-box;min-height:44px;padding:8px 11px;font-size:.86rem}.accountHeaderStatus{text-align:center;min-width:2rem;font-size:.9rem}.accountHeaderStatusMuted{color:var(--color-text-muted)}.accountAuthDialog{border:1px solid var(--color-panel-border);background:var(--color-panel-bg);width:min(400px,100%);max-width:calc(100vw - 32px);color:var(--color-text);border-radius:12px;padding:0}.accountAuthDialog::backdrop{background:#0000008c}.accountAuthDialogPanel{gap:12px;padding:16px 18px;display:grid}.accountAuthDialogTitle{margin:0;font-size:1.1rem}.accountAuthDialogNote{margin:0;font-size:.86rem;line-height:1.45}.accountAuthDialogMuted{color:var(--color-text-muted)}.accountAuthCode{background:color-mix(in srgb, var(--color-text) 8%, transparent);border-radius:4px;padding:1px 5px;font-size:.78rem}.accountAuthForm{gap:10px;display:grid}.accountAuthField{gap:4px;display:grid}.accountAuthLabel{font-size:.8rem;font-weight:600}.accountAuthInput{box-sizing:border-box;border:1px solid var(--color-panel-border);background:var(--color-app-bg,var(--color-panel-bg));width:100%;color:var(--color-text);font:inherit;border-radius:8px;padding:8px 10px;font-size:.9rem}.accountAuthDialogError{color:var(--color-danger,#e85a5a);margin:0;font-size:.84rem}.accountAuthActions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.accountAuthLinks{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.accountAuthLinkButton{color:var(--color-active);font:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;margin:0;padding:0;font-size:.82rem;text-decoration:underline}.accountAuthLinkButton:hover:not(:disabled){color:var(--color-primary)}.accountAuthLinkButton:disabled{opacity:.55;cursor:not-allowed}.accountAuthFooterActions{justify-content:flex-end;display:flex}.savedProgressionsSyncHint{color:var(--color-text-muted);margin:-4px 0 0;font-size:.8rem;line-height:1.4}.melodyPanelRow{border:1px solid var(--color-inset-border);background:color-mix(in srgb, var(--color-panel-bg) 72%, transparent);box-sizing:border-box;border-radius:8px;flex-direction:column;width:100%;padding:4px 6px 6px;display:flex}.melodyPanelRow--inactive{opacity:.55}.melodyPanelHeader{cursor:default}.melodyPanelLabel{color:var(--color-text);letter-spacing:.01em;font-size:.75rem;font-weight:700}.melodyPanelKeyChip{color:color-mix(in srgb, var(--color-active) 100%, transparent);background:color-mix(in srgb, var(--color-active) 14%, transparent);border:1px solid color-mix(in srgb, var(--color-active) 35%, transparent);letter-spacing:.01em;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;border-radius:10px;align-items:center;max-width:min(42ch,100%);margin-left:7px;padding:1px 7px 2px;font-size:.62rem;font-weight:600;display:inline-flex;overflow:hidden}.melodyPanelHeaderLoopButton{min-width:30px;min-height:30px;margin-right:4px;padding:4px 6px}.melodyPanelHeaderLoopGlyph{justify-content:center;align-items:center;display:inline-flex}.melodyPanelMain{flex-wrap:wrap;align-items:flex-end;gap:10px 12px;width:100%;min-width:0;display:flex}.progressionTrackFaderWrap--melody{flex-shrink:0;align-self:flex-end}.melodyPanelBody{flex-direction:column;flex:12rem;min-width:0;padding:6px 10px 0;display:flex}.melodyPanelExtras{box-sizing:border-box;width:100%;min-width:0;padding:0 10px 8px}.melodyPanelEditorToolbar{box-sizing:border-box;width:100%;min-width:0;padding:2px 10px 4px}.melodyPanelToolbar{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:0;display:flex}.melodyPanelFxShell{box-sizing:border-box;flex:none;width:100%;min-width:0;padding:6px 10px 4px}.melodyPanelFxShell .progressionChordLayerFxBox{width:100%;min-width:0;max-width:100%}.melodyPanelFxShell .progressionChordLayerFxHeaderRow{width:100%}.melodyPanelFxShell .progressionChordLayerFxSummary{flex:auto;min-width:0}.melodyPanelLengthGroup{border:1px solid var(--color-inset-border);border-radius:4px;align-items:center;gap:0;display:flex;overflow:hidden}.melodyPanelLengthLabel{color:var(--color-text-muted);border-right:1px solid var(--color-inset-border);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:3px 7px 3px 6px;font-size:.67rem;font-weight:600}.melodyPanelLengthButton{min-height:1.9rem;color:var(--color-text-muted);border:none;border-left:1px solid var(--color-inset-border);cursor:pointer;white-space:nowrap;background:0 0;padding:3px 8px;font-size:.72rem;font-weight:600;transition:background 80ms,color 80ms}.melodyPanelLengthButton:first-of-type{border-left:none}.melodyPanelLengthButton:hover{background:color-mix(in srgb, var(--color-text) 10%, transparent);color:var(--color-text)}.melodyPanelLengthButton--active{background:color-mix(in srgb, var(--color-active) 82%, black 18%);color:var(--color-text-on-accent,#fff);box-shadow:inset 0 1px 0 #ffffff3d, 0 0 8px color-mix(in srgb, var(--color-active) 28%, transparent);border-left-color:color-mix(in srgb, var(--color-active) 45%, white 55%);font-weight:700}.melodyPanelLengthButton--active:hover{background:color-mix(in srgb, var(--color-active) 74%, white 26%)}.melodyPanelRangeGroup{border:1px solid var(--color-inset-border);border-radius:4px;align-items:center;gap:4px;padding:2px 4px;display:inline-flex}.melodyPanelRangeLabel{color:var(--color-text-muted);margin-right:1px;font-size:.67rem;font-weight:600}.melodyPanelRangeValue{color:var(--color-text);text-align:center;min-width:3.9rem;font-size:.7rem;font-weight:650}.melodyPanelRangeButton{min-width:2.15rem;min-height:1.55rem;padding:0 4px;font-size:.78rem;line-height:1}.melodyPanelHiddenNoteHint{color:var(--color-text-muted);font-size:.65rem}.melodyPanelSoundField{align-items:center;gap:5px;display:flex}.melodyPanelSoundLabel{color:var(--color-text-muted);white-space:nowrap;font-size:.67rem;font-weight:600}.melodyPanelSoundField .appSelectRoot{min-width:7.5rem;max-width:11.5rem}.melodyPanelSoundField .appSelectTrigger{align-items:center;min-height:2rem;line-height:1;display:inline-flex}.melodyPanelSoundField .appSelectTriggerLabel{align-items:center;line-height:1.1;display:inline-flex}.melodyPanelSoundField .appSelectTriggerChevron{align-self:center}.melodyPanelClearButton{min-width:3.25rem;min-height:1.9rem;padding:3px 10px;font-size:.78rem;font-weight:650}.melodyPanelClearButton:disabled{opacity:.38;cursor:not-allowed}.melodyPanelNoteCount{color:var(--color-text-muted);padding-left:2px;font-size:.7rem}.melodyPanelLoopHelper{margin:0 0 4px}.melodyGridBarRuler{-webkit-user-select:none;user-select:none;pointer-events:none;align-items:center;width:100%;margin-bottom:3px;display:flex}.melodyGridBarRulerGutter{flex:0 0 var(--melody-grid-gutter,34px);width:var(--melody-grid-gutter,34px)}.melodyGridBarRulerBars{flex:1 1 0;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;display:grid}.melodyGridBarRulerBar{text-align:center;letter-spacing:.04em;color:color-mix(in srgb, var(--color-text-muted) 72%, transparent);font-family:monospace;font-size:.5rem;font-weight:600;line-height:1}.melodyGrid{--melody-grid-gutter:34px;border:1px solid var(--color-inset-border);background:color-mix(in srgb, var(--color-panel-bg) 80%, var(--color-surface-inset) 20%);border-radius:4px;width:100%;position:relative;overflow:visible}.melodyGridInner{flex-direction:column;width:100%;display:flex}.melodyGridPlayhead{background:color-mix(in srgb, var(--color-active) 88%, white 12%);width:2px;box-shadow:0 0 8px color-mix(in srgb, var(--color-active) 40%, transparent);z-index:8;pointer-events:none;position:absolute;top:0;bottom:0}.melodyGridPlayhead:before{content:"";background:color-mix(in srgb, var(--color-active) 86%, white 14%);width:6px;height:6px;box-shadow:0 0 6px color-mix(in srgb, var(--color-active) 45%, transparent);border-radius:999px;position:absolute;top:-3px;left:50%;transform:translate(-50%)}.melodyGridRow{border-top:1px solid color-mix(in srgb, var(--color-inset-border) 35%, transparent);flex-direction:row;align-items:stretch;height:20px;display:flex;position:relative}.melodyGridRow:first-child{border-top:none}.melodyGridRow--white{background:color-mix(in srgb, var(--color-surface-inset) 90%, var(--color-panel-bg) 10%)}.melodyGridRow--black{background:color-mix(in srgb, var(--color-surface-inset) 87%, var(--color-panel-bg) 13%)}.melodyGridRow--inKey.melodyGridRow--white,.melodyGridRow--inKey.melodyGridRow--black{background:color-mix(in srgb, var(--color-active) 30%, var(--color-surface-inset) 70%);box-shadow:inset 3px 0 0 color-mix(in srgb, var(--color-active) 66%, transparent)}.melodyGridRow--root.melodyGridRow--white{background:color-mix(in srgb, var(--color-active) 50%, var(--color-surface-inset) 50%);border-top-color:color-mix(in srgb, var(--color-active) 55%, transparent 45%);box-shadow:inset 5px 0 0 color-mix(in srgb, var(--color-active) 92%, white 8%)}.melodyGridRow--root.melodyGridRow--black{background:color-mix(in srgb, var(--color-active) 50%, var(--color-surface-inset) 50%);border-top-color:color-mix(in srgb, var(--color-active) 50%, transparent 50%);box-shadow:inset 5px 0 0 color-mix(in srgb, var(--color-active) 90%, white 10%)}.melodyGridRow--outOfKey.melodyGridRow--white,.melodyGridRow--outOfKey.melodyGridRow--black{background:color-mix(in srgb, var(--color-panel-bg) 12%, var(--color-surface-inset) 88%);box-shadow:inset 2px 0 0 color-mix(in srgb, var(--color-inset-border) 62%, transparent)}.melodyGridRow--octaveC{border-top-color:color-mix(in srgb, var(--color-inset-border) 72%, var(--color-text-muted) 28%)}.melodyGridRowLabel{box-sizing:border-box;border-right:1px solid var(--color-inset-border);width:28px;color:var(--color-text-muted);-webkit-user-select:none;user-select:none;letter-spacing:-.01em;flex:0 0 28px;justify-content:flex-end;align-items:center;padding-right:3px;font-family:monospace;font-size:.53rem;display:flex;overflow:hidden}.melodyGridRowLabel--audible{cursor:pointer;background:0 0;border:none;padding-right:3px;transition:color 80ms,background 80ms}.melodyGridRowLabel--audible:hover{background:color-mix(in srgb, var(--color-text) 10%, transparent)}.melodyGridRowLabel--audible:active{background:color-mix(in srgb, var(--color-active) 18%, transparent)}.melodyGridRowLabel--audible:focus-visible{outline:1px solid var(--color-accent-focus-soft);outline-offset:-1px}.melodyGridRowKeyStrip{border-right:1px solid color-mix(in srgb, var(--color-inset-border) 70%, transparent);flex:0 0 6px;width:6px}.melodyGridRowKeyStrip--white{background:color-mix(in srgb, #dbe8f0 78%, var(--color-surface-inset) 22%)}.melodyGridRowKeyStrip--black{background:#0f151e}.melodyGridRowLabel--octave{color:var(--color-text);font-size:.57rem;font-weight:700}.melodyGridRow--root .melodyGridRowLabel{color:color-mix(in srgb, var(--color-active) 92%, white 8%);text-shadow:0 0 4px color-mix(in srgb, var(--color-active) 22%, transparent);font-weight:700}.melodyGridRow--inKey:not(.melodyGridRow--root) .melodyGridRowLabel{color:color-mix(in srgb, var(--color-text) 70%, var(--color-active) 30%);font-weight:620}.melodyGridRow--outOfKey .melodyGridRowLabel{color:color-mix(in srgb, var(--color-text-muted) 86%, transparent)}.melodyGridRowSteps{flex:1 1 0;grid-template-columns:repeat(32,minmax(0,1fr));min-width:0;display:grid;position:relative}.melodyGridCell{box-sizing:border-box;border:none;border-left:1px solid color-mix(in srgb, var(--color-inset-border) 26%, transparent);cursor:pointer;z-index:1;background:0 0;width:100%;height:20px;padding:0;transition:background 60ms}.melodyGridCell:hover{background:color-mix(in srgb, var(--color-text) 14%, transparent)}.melodyGridCell--beat:not(.melodyGridCell--barStart){border-left-color:color-mix(in srgb, var(--color-inset-border) 54%, var(--color-text-muted) 18%)}.melodyGridCell--barStart{border-left-width:2px;border-left-color:color-mix(in srgb, var(--color-text-muted) 68%, var(--color-inset-border) 32%);box-shadow:inset 1px 0 0 color-mix(in srgb, var(--color-text) 10%, transparent)}.melodyGridRow .melodyGridCell.melodyGridCell--noteActive{background:color-mix(in srgb, var(--color-active) 84%, black 16%);border-left-color:color-mix(in srgb, var(--color-active) 58%, white 42%);box-shadow:inset 0 1px 0 #ffffff38, 0 0 8px color-mix(in srgb, var(--color-active) 30%, transparent);opacity:1;border-left-width:1px}.melodyGridRow .melodyGridCell.melodyGridCell--noteActive:hover{background:color-mix(in srgb, var(--color-active) 76%, white 24%)}.melodyGridRow .melodyGridCell.melodyGridCell--noteActive.melodyGridCell--preview{opacity:.68;box-shadow:inset 0 1px 0 #ffffff29, 0 0 6px color-mix(in srgb, var(--color-active) 22%, transparent)}.melodyGridRow .melodyGridCell.melodyGridCell--noteActive.melodyGridCell--preview:hover{background:color-mix(in srgb, var(--color-active) 84%, black 16%)}.melodyGridCell.melodyGridCell--noteSingle{border-radius:999px;height:calc(100% - 4px);margin:2px 0}.melodyGridCell.melodyGridCell--noteStart{border-radius:999px 0 0 999px;height:calc(100% - 4px);margin:2px 0}.melodyGridCell.melodyGridCell--noteMiddle{border-left-color:color-mix(in srgb, var(--color-active) 74%, var(--color-active) 26%);border-radius:0;height:calc(100% - 4px);margin:2px 0}.melodyGridCell.melodyGridCell--noteEnd{border-radius:0 999px 999px 0;height:calc(100% - 4px);margin:2px 0}.melodyGridCell.melodyGridCell--noteMiddle+.melodyGridCell.melodyGridCell--noteMiddle,.melodyGridCell.melodyGridCell--noteStart+.melodyGridCell.melodyGridCell--noteMiddle,.melodyGridCell.melodyGridCell--noteMiddle+.melodyGridCell.melodyGridCell--noteEnd{border-left-color:color-mix(in srgb, var(--color-active) 75%, transparent)}.melodyGridCell:focus-visible{outline:2px solid var(--color-accent-focus-soft);outline-offset:-1px;z-index:1;position:relative}@media (width<=720px){.melodyPanelBody{padding:6px 8px 0}.melodyPanelFxShell{padding:6px 8px 4px}.melodyPanelEditorToolbar{padding:2px 8px 4px}.melodyPanelExtras{padding:0 8px 10px}.progressionTrackFaderWrap--melody{flex-direction:column;flex:none}.melodyPanelToolbar{gap:8px}.melodyPanelLengthButton{min-height:2.4rem;padding:4px 9px}.melodyPanelRangeButton{min-width:2.45rem;min-height:2.2rem}.melodyPanelClearButton{min-height:2.4rem}.melodyGridRow,.melodyGridCell{height:22px}.melodyPanelKeyChip{font-size:.6rem}}.progressionRailPinGlyph{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.railPinIcon,.railUnpinIcon{flex-shrink:0;justify-content:center;align-items:center;width:.82rem;height:.82rem;display:inline-flex}.railPinIcon svg,.railUnpinIcon svg{width:100%;height:100%;display:block}.stickyProgressionRailHeaderButton--unpin .railUnpinIcon{width:.88rem;height:.88rem;transform:translateY(1px)}.progressionRailPinButton{border:1px solid color-mix(in srgb, var(--color-inset-border) 82%, var(--color-text-muted) 18%);background:color-mix(in srgb, var(--color-surface-inset) 90%, var(--color-panel-bg) 10%);color:var(--color-text-muted);font:inherit;cursor:pointer;white-space:nowrap;border-radius:6px;flex:none;align-items:center;gap:5px;margin-left:auto;padding:4px 9px;font-size:.72rem;font-weight:650;line-height:1.2;display:inline-flex}.progressionRailPinButton:hover:not(:disabled){color:var(--color-text);border-color:color-mix(in srgb, var(--color-active) 35%, var(--color-inset-border) 65%)}.progressionRailPinButton--pinned{background:color-mix(in srgb, var(--color-active) 16%, var(--color-surface-inset) 84%);border-color:color-mix(in srgb, var(--color-active) 48%, var(--color-inset-border) 52%);color:color-mix(in srgb, var(--color-active) 92%, var(--color-text) 8%)}.progressionRailPinButton:disabled{opacity:.45;cursor:not-allowed}.progressionRailPinButton:focus-visible{outline:2px solid var(--color-accent-focus-soft);outline-offset:1px}@media (width<=880px){.progressionRailPinButton{display:none}}.appShell--stickyProgressionRail{padding-bottom:calc(20px + var(--sticky-progression-rail-height,0px))}.stickyProgressionRail{z-index:180;box-sizing:border-box;border-top:1px solid color-mix(in srgb, var(--color-inset-border) 88%, var(--color-active) 12%);background:color-mix(in srgb, var(--color-panel-bg) 96%, black 4%);flex-direction:column;gap:0;max-width:100vw;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 28px #00000061}.progressionChordRailPinnedNotice{border:1px dashed color-mix(in srgb, var(--color-active) 35%, var(--color-inset-border) 65%);background:color-mix(in srgb, var(--color-active) 8%, var(--color-surface-inset) 92%);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:8px 10px;display:flex}.progressionChordRailPinnedNoticeText{color:var(--color-text-muted);margin:0;font-size:.78rem;line-height:1.35}.progressionChordRailPinnedNoticeAction{flex-shrink:0}.stickyProgressionRailHeader{border-bottom:1px solid color-mix(in srgb, var(--color-inset-border) 80%, transparent);box-sizing:border-box;justify-content:space-between;align-items:center;gap:10px;width:100%;max-width:min(1100px,100%);margin:0 auto;padding:5px 14px;display:flex}.stickyProgressionRailHeaderPrimary{align-items:baseline;gap:8px;min-width:0;display:flex}.stickyProgressionRailHeaderTitle{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text);font-size:.72rem;font-weight:700}.stickyProgressionRailHeaderHint{color:var(--color-text-muted);white-space:nowrap;font-size:.66rem}.stickyProgressionRailHeaderActions{flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.stickyProgressionRailHeaderButton{border:1px solid color-mix(in srgb, var(--color-inset-border) 82%, transparent);background:color-mix(in srgb, var(--color-surface-inset) 90%, transparent);width:1.55rem;height:1.55rem;color:var(--color-text-muted);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;padding:0;font-size:1rem;font-weight:700;line-height:1;display:inline-flex}.stickyProgressionRailHeaderButton:hover{color:var(--color-text);border-color:color-mix(in srgb, var(--color-active) 35%, var(--color-inset-border) 65%)}.stickyProgressionRailHeaderButton--unpin{color:var(--color-text-muted)}.stickyProgressionRailScroller{--sticky-rail-bar-width:calc((min(1100px, 100%) - 28px - 7 * 6px) / 8);--sticky-rail-scrollbar-track:color-mix(in srgb, var(--color-panel-bg) 82%, black 18%);--sticky-rail-scrollbar-thumb:color-mix(in srgb, var(--color-inset-border) 55%, var(--color-text-muted) 45%);--sticky-rail-scrollbar-thumb-hover:color-mix(in srgb, var(--color-inset-border) 35%, var(--color-text-muted) 65%);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--sticky-rail-scrollbar-thumb) var(--sticky-rail-scrollbar-track);box-sizing:border-box;flex-flow:row;align-items:stretch;gap:6px;width:100%;max-width:min(1100px,100%);margin:0 auto;padding:8px 14px;display:flex;overflow:auto hidden}.stickyProgressionRail--compact .stickyProgressionRailScroller{--sticky-rail-bar-width:calc((min(1100px, 100%) - 28px - 7 * 6px) / 8)}.stickyProgressionRail--editing .stickyProgressionRailScroller{--sticky-rail-bar-width:calc((min(1100px, 100%) - 28px - 4 * 8px) / 4.25);flex-shrink:0;gap:8px;min-height:calc(6.25rem + 30px);padding-bottom:14px}.stickyProgressionRailScroller::-webkit-scrollbar{height:8px}.stickyProgressionRailScroller::-webkit-scrollbar-track{background:var(--sticky-rail-scrollbar-track);border-radius:4px}.stickyProgressionRailScroller::-webkit-scrollbar-thumb{background:var(--sticky-rail-scrollbar-thumb);border:1px solid color-mix(in srgb, var(--color-panel-bg) 70%, transparent);border-radius:4px}.stickyProgressionRailScroller::-webkit-scrollbar-thumb:hover{background:var(--sticky-rail-scrollbar-thumb-hover)}.stickyProgressionRailBarGroup{flex:0 0 var(--sticky-rail-bar-width);width:var(--sticky-rail-bar-width);min-width:var(--sticky-rail-bar-width);max-width:var(--sticky-rail-bar-width);box-sizing:border-box;flex-direction:column;list-style:none;display:flex;position:relative}.stickyProgressionRailBarGroupRow{border:1px solid color-mix(in srgb, var(--color-inset-border) 78%, transparent);background:color-mix(in srgb, var(--color-surface-inset) 62%, transparent);height:100%;min-height:2.85rem;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-text) 4%, transparent);box-sizing:border-box;border-radius:7px;flex:auto;gap:3px;padding:3px;display:flex}.stickyProgressionRailBarGroup--barSelected .stickyProgressionRailBarGroupRow{border-color:color-mix(in srgb, var(--color-active) 40%, var(--color-inset-border) 60%);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-text) 4%, transparent), 0 0 0 1px color-mix(in srgb, var(--color-active) 18%, transparent)}.stickyProgressionRailSlice{border:1px solid color-mix(in srgb, var(--color-inset-border) 70%, transparent);background:var(--color-surface-inset);min-width:0;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;box-sizing:border-box;border-radius:4px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:flex-start;gap:1px;padding:3px 4px;display:flex}.stickyProgressionRailSlice:hover{border-color:color-mix(in srgb, var(--color-active) 30%, var(--color-inset-border) 70%)}.stickyProgressionRailSlice--selected{border-color:color-mix(in srgb, var(--color-active) 62%, var(--color-inset-border) 38%);background:color-mix(in srgb, var(--color-active) 14%, var(--color-surface-inset) 86%)}.stickyProgressionRailSlice--primary{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-active) 45%, transparent)}.stickyProgressionRailSlice--playing{border-color:color-mix(in srgb, var(--color-active) 75%, var(--color-inset-border) 25%)}.stickyProgressionRailSliceMeta{color:var(--color-text-muted);letter-spacing:.02em;align-items:baseline;gap:2px;font-size:.54rem;font-weight:700;line-height:1;display:flex}.stickyProgressionRailSliceIndex{opacity:.92}.stickyProgressionRailSliceRoman{color:color-mix(in srgb, var(--color-active) 88%, var(--color-text) 12%);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.56rem;font-weight:700;line-height:1;overflow:hidden}.stickyProgressionRailSliceLabel{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.64rem;font-weight:650;line-height:1.1;overflow:hidden}.stickyProgressionRailBarGroup--expanded{flex:0 0 var(--sticky-rail-bar-width);width:var(--sticky-rail-bar-width);min-width:var(--sticky-rail-bar-width);max-width:var(--sticky-rail-bar-width);margin-bottom:10px;position:relative;overflow:visible}.stickyProgressionRailBarGroupRow--expanded{box-sizing:border-box;gap:4px;min-height:6.25rem;padding:4px 4px 10px;position:relative;overflow:visible}.stickyProgressionRailBarGroupRow--expanded .timelineBarGroupSlot{align-self:stretch;min-width:0;overflow:visible}.stickyProgressionRailBarGroupRow--expanded .timelineRailChordSlot{min-width:0;height:100%;overflow:visible}.stickyProgressionRail .stickyProgressionRailBarGroup--expanded>.timelineBarDragHandle{z-index:4;width:clamp(48px,56%,76px);min-width:52px;padding:2px 8px;bottom:-3px;transform:translate(-50%,50%)}.stickyProgressionRail .stickyProgressionRailBarGroup--expanded>.timelineBarDragHandle:before{height:9px}.stickyProgressionRailBarGroup--expanded.timelineRailDropIndicatorBefore:before,.stickyProgressionRailBarGroup--expanded.timelineRailDropIndicatorAfter:after{z-index:4}.stickyProgressionRail .timelineCard--stickyRail{box-sizing:border-box;gap:4px;max-width:100%;height:100%;min-height:5.5rem;padding:8px 4px 1.85rem;position:relative;overflow:visible}.stickyProgressionRail .timelineCard--stickyRail.timelineCard--subBar{min-height:5.25rem;padding-top:6px;padding-bottom:1.75rem}.stickyProgressionRail .timelineCard--stickyRail .timelineCardTopStrip{box-sizing:border-box;gap:4px;max-width:100%;min-height:1.25rem;padding-top:2px;padding-right:0;overflow:hidden}.stickyProgressionRail .timelineCard--stickyRail.isSelected .timelineCardTopStrip,.stickyProgressionRail .timelineCard--stickyRail.timelineCard--subBar.isSelected .timelineCardTopStrip{padding-right:1.35rem}.stickyProgressionRail .timelineCard--stickyRail .timelineCardTopStripSpacer{display:none}.stickyProgressionRail .timelineCard--stickyRail .timelineCardSplitControls{z-index:3;pointer-events:auto;gap:2px;margin-top:0;position:absolute;bottom:5px;right:4px}.stickyProgressionRail .timelineCard--stickyRail .timelineCardLabelBlock{flex:auto;min-width:0;padding-bottom:4px;padding-right:2px}.stickyProgressionRail .timelineCard--stickyRail.isSelected .timelineCardLabelBlock{padding-bottom:0;padding-right:0}.stickyProgressionRail .timelineCard--stickyRail .timelineCardLabel{font-size:.72rem;line-height:1.2;overflow:visible}.stickyProgressionRail .timelineCard--stickyRail .timelineCardRomanNumeral{font-size:.62rem}.stickyProgressionRail .timelineCard--stickyRail .timelineCardAuditionChip{box-sizing:border-box;min-width:0;max-width:100%;min-height:1.2rem;padding:1px 4px;overflow:hidden}.stickyProgressionRail .timelineCard--stickyRail.timelineCard--subBar .timelineCardAuditionChip{gap:1px;min-width:0;max-width:100%;padding:1px 3px 1px 2px;font-size:.58rem}.stickyProgressionRail .timelineCard--stickyRail.timelineCard--subBar .timelineCardAuditionChipNumber{text-overflow:ellipsis;flex-shrink:1;min-width:0;font-size:.56rem;overflow:hidden}.stickyProgressionRail .timelineCard--stickyRail.timelineCard--subBar .timelineCardAuditionChipPlayIcon{flex-shrink:0;font-size:.52rem}.stickyProgressionRail .timelineCard--stickyRail .timelineCardAuditionChipNumber{font-size:.58rem}.stickyProgressionRail .timelineCard--stickyRail .timelineCardSplitButton{min-height:1.15rem;padding:1px 4px;font-size:.56rem}.stickyProgressionRail .timelineCard--stickyRail .timelineCardDelete{z-index:5;width:20px;height:20px;font-size:12px;top:3px;right:3px}.stickyProgressionRail .timelineCard--stickyRail.timelineCard--subBar .timelineCardDelete{width:18px;height:18px;font-size:11px;top:2px;right:2px}.stickyProgressionRailEditorTray{border-top:1px solid color-mix(in srgb, var(--color-inset-border) 85%, var(--color-active) 15%);background:color-mix(in srgb, var(--color-editor-fill) 94%, var(--color-panel-bg) 6%)}.stickyProgressionRailEditorTrayHeader{box-sizing:border-box;justify-content:space-between;align-items:center;gap:8px;width:100%;max-width:min(1100px,100%);margin:0 auto;padding:5px 14px 0;display:flex}.stickyProgressionRailEditorTrayTitle{letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-muted);font-size:.72rem;font-weight:650}.stickyProgressionRailEditorClose{border:1px solid color-mix(in srgb, var(--color-inset-border) 82%, transparent);background:color-mix(in srgb, var(--color-surface-inset) 90%, transparent);width:1.5rem;height:1.5rem;color:var(--color-text-muted);cursor:pointer;border-radius:5px;flex:none;padding:0;font-size:1rem;line-height:1}.stickyProgressionRailEditorClose:hover{color:var(--color-text);border-color:color-mix(in srgb, var(--color-active) 35%, var(--color-inset-border) 65%)}.stickyProgressionRailEditorTray .progressionMultiSelectBar{box-sizing:border-box;align-items:center;width:100%;max-width:min(1100px,100%);min-height:3rem;margin:6px auto 0;padding:12px}.progressionMultiSelectBar--stickyRail{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:10px 12px;min-height:3rem}.progressionMultiSelectBar--stickyRail .progressionMultiSelectBarPrimary{flex-direction:row;flex:auto;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.progressionMultiSelectBar--stickyRail .progressionMultiSelectBarLabel{white-space:nowrap;flex:none;font-size:.8rem;line-height:1.2}.progressionMultiSelectBar--stickyRail .progressionMultiSelectBarHint{min-width:0;color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:.66rem;font-weight:450;line-height:1.2;overflow:hidden}.progressionMultiSelectBar--stickyRail .progressionMultiSelectBarActions{scrollbar-width:none;flex-wrap:nowrap;flex:none;justify-content:flex-end;align-items:center;gap:6px 8px;max-width:min(58%,34rem);display:flex;overflow-x:auto}.progressionMultiSelectBar--stickyRail .progressionMultiSelectBarActions::-webkit-scrollbar{display:none}.stickyProgressionRailEditorTray .progressionMultiSelectBarDuplicate,.stickyProgressionRailEditorTray .progressionMultiSelectBarCopy,.stickyProgressionRailEditorTray .progressionMultiSelectBarPaste,.stickyProgressionRailEditorTray .progressionMultiSelectBarDelete,.stickyProgressionRailEditorTray .progressionMultiSelectBarClear,.stickyProgressionRailEditorTray .progressionMultiSelectBarMerge{padding:7px 12px}.stickyProgressionRailEditorBody{box-sizing:border-box;width:100%;max-width:min(1100px,100%);margin:0 auto;padding:6px 14px 12px;overflow:visible}.stickyProgressionRailEditorTray .progressionMultiSelectBar--stickyRail{height:3rem;max-height:3rem;overflow:hidden}.progressionMultiSelectBarHint--placeholder{visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.stickyProgressionRailEditorBody .progressionChordEditor--stickyRail{box-sizing:border-box;background:0 0;border:none;flex-direction:column;min-height:23.75rem;margin-top:0;padding:0;display:flex}.stickyProgressionRailEditorBody .progressionChordEditor--stickyRail.progressionInspectorMultiRoot{min-height:23.75rem}.stickyProgressionRailEditorBody .progressionChordEditor--stickyRail .progressionChordEditorBody{flex:auto;align-items:stretch;min-height:23.25rem}.stickyProgressionRailEditorBody .progressionChordEditor--stickyRail .progressionChordEditorControls,.stickyProgressionRailEditorBody .progressionChordEditor--stickyRail .progressionChordEditorPreview{min-height:23.25rem}.stickyProgressionRailEditorBody .progressionInspectorSelectedRow{flex-wrap:nowrap;align-items:center;min-height:2.125rem}.stickyProgressionRailEditorBody .progressionInspectorSelectedRow--stickyRailBulk:after{content:"";pointer-events:none;visibility:hidden;flex:0 0 7.35rem;width:7.35rem;height:1.875rem}.stickyProgressionRailEditorBody .progressionChordEditor--stickyRail .voicePositionLabel{min-height:2.4rem;line-height:1.2}.stickyProgressionRailEditorBody .progressionChordEditor--stickyRail .field>span{min-height:1.05rem;line-height:1.2;display:block}.stickyProgressionRailEditorBody .progressionChordEditorPreview .preview{flex-direction:column;height:100%;min-height:100%;display:flex}.stickyProgressionRailEditorBody .progressionChordEditorPreview .previewChordHead,.stickyProgressionRailEditorBody .progressionChordEditorPreview .previewChordLines,.stickyProgressionRailEditorBody .progressionChordEditorPreview .previewChordLinesCombined{flex:none;min-height:2.65rem}.stickyProgressionRailEditorBody .progressionChordEditorPreview .preview .miniKeyboardWrapInspector{flex:auto;min-height:7.5rem;margin-top:auto}@media (width<=880px){.stickyProgressionRail{display:none}.appShell--stickyProgressionRail{padding-bottom:20px}.progressionChordRailPinnedNotice{display:none}}