.shared-export-popover{color:var(--theme-text, #111827)}.shared-export-panel{width:min(500px,calc(100vw - 20px));max-height:min(78vh,680px);overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px;color:var(--theme-text, #111827);background:var(--theme-surface-elevated, #ffffff)}.shared-export-title{font-size:14px;font-weight:700}.shared-export-link-button{align-self:flex-start;border:none;background:transparent;padding:0;font:inherit;font-size:13px;color:var(--theme-link, #2563eb);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.shared-export-link-button:hover{color:var(--theme-link-hover, #1d4ed8)}.shared-export-subtitle{font-size:11px;color:var(--theme-text-secondary, #6b7280);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.shared-export-format-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.shared-export-format-row{border:1px solid var(--theme-border, #d1d5db);border-radius:8px;padding:4px 6px;display:flex;align-items:center;gap:6px;cursor:pointer;min-height:34px;background:color-mix(in srgb,var(--theme-surface, #ffffff) 96%,transparent)}.shared-export-format-row:hover:not(.disabled){border-color:var(--theme-primary, #7c3aed);background:color-mix(in srgb,var(--theme-primary, #7c3aed) 8%,var(--theme-surface, #ffffff))}.shared-export-format-row:has(input[type=radio]:checked):not(.disabled){border-color:var(--theme-primary, #7c3aed);background:color-mix(in srgb,var(--theme-primary, #7c3aed) 10%,var(--theme-surface, #ffffff))}.shared-export-format-row input[type=radio]{margin:0;accent-color:var(--theme-primary, #7c3aed)}.shared-export-format-row.disabled{opacity:.45;cursor:not-allowed}.shared-export-format-label{font-size:11px;font-weight:700;line-height:1}@media(max-width:640px){.shared-export-format-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.shared-export-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.shared-export-row-inline{justify-content:flex-start;gap:8px}.shared-export-row-inline input,.shared-export-row-inline select{width:110px;flex:0 0 auto}.shared-export-row-stack{flex-direction:column;align-items:stretch;gap:4px}.shared-export-score-title-row label{font-size:12px;font-weight:600;color:var(--theme-text-secondary, #6b7280)}.shared-export-score-title-input{width:100%;box-sizing:border-box;min-height:2rem;border:1px solid var(--theme-border, #d1d5db);border-radius:9px;padding-block:.45rem;padding-inline:.62rem;font:inherit;font-size:.8125rem;font-weight:600;color:var(--theme-text, #111827);background:color-mix(in srgb,var(--theme-surface, #ffffff) 96%,transparent)}.shared-export-score-title-input::-moz-placeholder{color:var(--theme-text-secondary, #6b7280);font-weight:500}.shared-export-score-title-input::placeholder{color:var(--theme-text-secondary, #6b7280);font-weight:500}.shared-export-score-title-input:focus{outline:none;border-color:color-mix(in srgb,var(--theme-primary, #7c3aed) 56%,#a5b4fc);box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-primary, #7c3aed) 14%,transparent)}.shared-export-row-stack input:not(.shared-export-score-title-input){width:100%}.shared-export-row label{font-size:12px;font-weight:600}.shared-export-row input,.shared-export-row select{width:118px;border:1px solid var(--theme-border, #d1d5db);border-radius:7px;padding:4px 6px;background:var(--theme-surface, #ffffff);color:var(--theme-text, #111827)}.shared-export-stems{border:1px solid var(--theme-border, #e5e7eb);border-radius:9px;padding:8px;display:flex;flex-direction:column;gap:6px;background:color-mix(in srgb,var(--theme-surface, #ffffff) 94%,transparent)}.shared-export-stem-row{display:flex;align-items:center;gap:8px;font-size:12px}.shared-export-preview{font-size:12px;background:color-mix(in srgb,var(--theme-primary, #7c3aed) 10%,var(--theme-surface, #ffffff));border-radius:9px;padding-block:.55rem;padding-inline:.72rem;box-sizing:border-box}.shared-export-error{color:#b91c1c;background:color-mix(in srgb,#ef4444 12%,var(--theme-surface, #ffffff));border:1px solid color-mix(in srgb,#ef4444 28%,var(--theme-border, #d1d5db));border-radius:8px;font-size:11px;padding:6px 8px}.shared-export-action{border:0;border-radius:9px;padding:8px 10px;background:var(--theme-primary, #7c3aed);color:#fff;cursor:pointer;font-weight:650;font-size:13px}.shared-export-action:hover:not(:disabled){background:var(--theme-primary-hover, #6d28d9)}.shared-export-action:disabled{opacity:.5;cursor:not-allowed}.labs-metronome-split-control--default,.labs-metronome-settings-popover--default{--metro-accent: #7c3aed;--metro-accent-dot: #7c3aed;--metro-split-border: rgba(0, 0, 0, .1);--metro-split-border-hover: rgba(124, 58, 237, .28);--metro-split-bg: #fff;--metro-split-hover-bg: rgba(124, 58, 237, .04);--metro-split-divider: rgba(0, 0, 0, .1);--metro-primary-color: #64748b;--metro-menu-color: #64748b;--metro-primary-hover-bg: rgba(124, 58, 237, .06);--metro-menu-hover-bg: rgba(124, 58, 237, .08);--metro-primary-active-bg: #7c3aed;--metro-primary-active-color: #fff;--metro-split-active-hover-bg: rgba(255, 255, 255, .14);--metro-split-divider-active: rgba(255, 255, 255, .28);--metro-panel-bg: #fff;--metro-panel-border: rgba(0, 0, 0, .12);--metro-panel-divider: rgba(0, 0, 0, .08);--metro-slider-color: #7c3aed}.labs-metronome-split-control--drums,.labs-metronome-settings-popover--drums{--metro-split-radius: .5rem;--metro-split-height: var(--drums-playback-control-height, 2.5rem);--metro-split-min-height: var(--drums-playback-control-height, 2.5rem);--metro-split-border-width: 2px;--metro-split-border-width-active: 2px;--metro-primary-min-width: 2rem;--metro-menu-width: 1.375rem;--metro-split-border: var(--border-color, #e5e7eb);--metro-split-border-hover: var(--primary-purple, #7c3aed);--metro-split-bg: #ffffff;--metro-split-hover-bg: #f9fafb;--metro-split-divider: var(--border-color, #e5e7eb);--metro-split-divider-inset: 28%;--metro-primary-padding: 0 .5rem;--metro-menu-padding: 0;--metro-icon-size: 1.25rem;--metro-menu-icon-size: .625rem;--metro-menu-chevron-opacity: .9;--metro-state-off-color: var(--text-color, #1f2937);--metro-state-on-color: #fff;--metro-accent: var(--primary-purple, #7c3aed);--metro-primary-color: var(--text-color, #1f2937);--metro-menu-color: var(--text-color, #1f2937);--metro-primary-hover-bg: #f9fafb;--metro-menu-hover-bg: #f9fafb;--metro-primary-active-bg: #6d28d9;--metro-primary-active-color: #fff;--metro-primary-active-border: var(--primary-purple, #7c3aed);--metro-split-active-hover-bg: rgba(255, 255, 255, .12);--metro-focus-ring: 0 0 0 3px rgba(124, 58, 237, .35);--metro-focus-ring-active: 0 0 0 2px #fff, 0 0 0 4px rgba(124, 58, 237, .55);--metro-panel-bg: var(--labs-popover-bg, var(--menu-surface, #fff));--metro-panel-header-bg: var(--menu-header-bg, #f9fafb);--metro-panel-border: var(--labs-popover-border, var(--menu-border, #d1d5db));--metro-panel-divider: var(--border-color, #d1d5db);--metro-panel-radius: var(--labs-popover-radius, var(--menu-radius, 8px));--metro-panel-shadow: var( --labs-popover-shadow, 0 8px 24px rgba(76, 29, 149, .12) );--metro-panel-muted: rgba(31, 41, 55, .62);--metro-toggle-bg: #ffffff;--metro-toggle-border: var(--border-color, #e5e7eb);--metro-toggle-hover-bg: #f9fafb;--metro-toggle-focus-ring: 0 0 0 2px var(--primary-purple, #7c3aed);--metro-focus-ring: 0 0 0 3px rgba(124, 58, 237, .22);--metro-slider-color: var(--primary-purple, #7c3aed)}.labs-metronome-split-control--words,.labs-metronome-settings-popover--words{--metro-split-radius: 999px;--metro-split-min-height: 34px;--metro-menu-padding: 0;--metro-menu-icon-size: .625rem;--metro-menu-chevron-opacity: .88;--metro-split-border: color-mix( in srgb, var(--pastel-6, #0d9488) 20%, #cbd5e1 );--metro-split-border-hover: color-mix( in srgb, var(--pastel-6, #0a8a8f) 34%, #94a3b8 );--metro-split-bg: color-mix( in srgb, var(--pastel-9, #fff) 72%, var(--pastel-8, #99f6e4) );--metro-split-hover-bg: color-mix( in srgb, var(--pastel-8, #99f6e4) 42%, #fff );--metro-split-divider: color-mix( in srgb, var(--pastel-6, #0d9488) 18%, #cbd5e1 );--metro-accent: #ea580c;--metro-accent-dot: #ea580c;--metro-primary-color: #0f766e;--metro-menu-color: #0f766e;--metro-primary-hover-bg: color-mix( in srgb, var(--pastel-8, #99f6e4) 55%, #fff );--metro-menu-hover-bg: color-mix(in srgb, var(--pastel-8, #99f6e4) 62%, #fff);--metro-primary-active-bg: linear-gradient( 135deg, color-mix(in srgb, var(--pastel-3, #fde68a) 88%, #f59e0b), color-mix(in srgb, var(--pastel-2, #fed7aa) 88%, #ea580c) );--metro-primary-active-color: #fff;--metro-primary-active-border: color-mix(in srgb, #ea580c 82%, #c2410c);--metro-split-active-hover-bg: rgba(255, 255, 255, .16);--metro-split-divider-active: rgba(255, 255, 255, .32);--metro-focus-ring: 0 0 0 2px color-mix(in srgb, var(--pastel-5, #67e8f9) 46%, #67e8f9);--metro-panel-bg: var(--labs-popover-bg, rgba(255, 255, 255, .98));--metro-panel-border: var(--labs-popover-border);--metro-panel-shadow: var(--labs-popover-shadow);--metro-slider-color: #0a8a8f}.labs-metronome-split-control--piano,.labs-metronome-settings-popover--piano{--metro-split-radius: var(--radius-lg, 10px);--metro-split-min-height: 36px;--metro-menu-padding: 0;--metro-menu-icon-size: .625rem;--metro-split-border: var(--piano-border, #e2e8f0);--metro-split-border-hover: color-mix( in srgb, var(--piano-primary, #7c3aed) 28%, var(--piano-border, #e2e8f0) );--metro-split-bg: var(--piano-surface, #fff);--metro-split-hover-bg: var(--piano-surface-hover, #f8fafc);--metro-split-divider: var(--piano-border, #e2e8f0);--metro-accent: var(--piano-primary, #7c3aed);--metro-accent-dot: var(--piano-primary, #7c3aed);--metro-primary-color: var(--piano-text-secondary, #6b5b8e);--metro-menu-color: var(--piano-text-secondary, #6b5b8e);--metro-primary-hover-bg: color-mix( in srgb, var(--piano-primary, #7c3aed) 7%, var(--piano-surface-hover, #f8fafc) );--metro-menu-hover-bg: color-mix( in srgb, var(--piano-primary, #7c3aed) 9%, var(--piano-surface-hover, #f8fafc) );--metro-primary-active-bg: var(--piano-primary, #7c3aed);--metro-primary-active-color: #fff;--metro-primary-active-border: var(--piano-primary, #7c3aed);--metro-split-active-hover-bg: rgba(255, 255, 255, .14);--metro-panel-bg: var(--piano-surface, #fff);--metro-panel-border: var(--piano-border, #e2e8f0);--metro-slider-color: var(--piano-primary, #7c3aed)}.labs-metronome-split-control--chords,.labs-metronome-settings-popover--chords{--metro-split-radius: var(--control-radius, 8px);--metro-split-min-height: var(--control-height, 38px);--metro-menu-padding: 0;--metro-menu-icon-size: .625rem;--metro-split-border: var(--border-color, #e2e8f0);--metro-split-border-hover: color-mix( in srgb, var(--primary, #7c3aed) 26%, var(--border-color, #e2e8f0) );--metro-split-bg: var(--bg-card, #fff);--metro-split-hover-bg: color-mix( in srgb, var(--primary, #7c3aed) 4%, var(--bg-card, #fff) );--metro-split-divider: var(--border-color, #e2e8f0);--metro-accent: var(--primary, #7c3aed);--metro-accent-dot: var(--primary, #7c3aed);--metro-primary-color: var(--text-secondary, #64748b);--metro-menu-color: var(--text-secondary, #64748b);--metro-primary-hover-bg: color-mix( in srgb, var(--primary, #7c3aed) 7%, var(--bg-card, #fff) );--metro-menu-hover-bg: color-mix( in srgb, var(--primary, #7c3aed) 9%, var(--bg-card, #fff) );--metro-primary-active-bg: var(--primary, #7c3aed);--metro-primary-active-color: #fff;--metro-primary-active-border: var(--primary, #7c3aed);--metro-split-active-hover-bg: rgba(255, 255, 255, .14);--metro-panel-bg: var(--bg-card, #fff);--metro-panel-border: var(--border-color, #e2e8f0);--metro-slider-color: var(--primary, #7c3aed)}.labs-metronome-split-control--stanza,.labs-metronome-settings-popover--stanza{--metro-split-radius: 999px;--metro-split-height: 32px;--metro-split-min-height: 32px;--metro-split-border-width: 1px;--metro-primary-min-width: 1.75rem;--metro-menu-width: 1.5rem;--metro-split-border: transparent;--metro-split-border-hover: rgba(232, 72, 160, .2);--metro-split-bg: transparent;--metro-split-hover-bg: rgba(232, 72, 160, .06);--metro-split-divider: rgba(49, 43, 38, .1);--metro-split-divider-inset: 24%;--metro-primary-padding: 0 .25rem 0 .35rem;--metro-menu-padding: 0;--metro-icon-size: 1.125rem;--metro-menu-icon-size: .625rem;--metro-menu-chevron-opacity: .72;--metro-accent: #e848a0;--metro-primary-color: var(--stanza-ink, #312b26);--metro-menu-color: color-mix( in srgb, var(--stanza-ink, #312b26) 72%, transparent );--metro-primary-hover-bg: rgba(232, 72, 160, .1);--metro-menu-hover-bg: rgba(232, 72, 160, .12);--metro-split-active-hover-bg: rgba(232, 72, 160, .2);--metro-primary-active-bg: rgba(232, 72, 160, .11);--metro-primary-active-color: var(--stanza-ink, #312b26);--metro-primary-active-border: rgba(232, 72, 160, .24);--metro-split-active-shadow: inset 0 0 0 1px rgba(232, 72, 160, .18);--metro-split-divider-active: rgba(49, 43, 38, .14);--metro-focus-ring: 0 0 0 2px rgba(232, 72, 160, .22);--metro-panel-bg: var(--stanza-paper-elevated-strong, #fffbf5);--metro-panel-border: rgba(49, 43, 38, .12);--metro-slider-color: #e848a0}.labs-metronome-split-control--midi,.labs-metronome-settings-popover--midi{--metro-split-radius: 999px;--metro-split-min-height: 36px;--metro-menu-padding: 0;--metro-menu-icon-size: .625rem;--metro-split-border: var(--midi-border, rgba(255, 68, 153, .12));--metro-split-border-hover: color-mix( in srgb, var(--midi-accent, #ff4499) 28%, rgba(255, 255, 255, .92) );--metro-split-bg: rgba(255, 255, 255, .92);--metro-split-hover-bg: color-mix( in srgb, var(--midi-accent-soft, rgba(255, 68, 153, .12)) 55%, #fff );--metro-split-divider: var(--midi-border, rgba(255, 68, 153, .14));--metro-accent: var(--midi-accent, #ff4499);--metro-accent-dot: var(--midi-accent-strong, #e91e8c);--metro-primary-color: var(--midi-text-muted, #7c6485);--metro-menu-color: var(--midi-text-muted, #7c6485);--metro-primary-hover-bg: var(--midi-accent-soft, rgba(255, 68, 153, .1));--metro-menu-hover-bg: var(--midi-accent-soft, rgba(255, 68, 153, .14));--metro-primary-active-bg: var(--midi-accent, #ff4499);--metro-primary-active-color: #fff;--metro-primary-active-border: color-mix( in srgb, var(--midi-accent, #ff4499) 88%, #e91e8c );--metro-split-active-hover-bg: rgba(255, 255, 255, .16);--metro-panel-bg: var(--midi-surface, #fff);--metro-panel-border: var(--midi-border, rgba(255, 68, 153, .14));--metro-panel-shadow: var(--midi-shadow, 0 10px 40px rgba(59, 31, 69, .08));--metro-slider-color: var(--midi-accent, #ff4499)}.labs-metronome-split-control--default,.labs-metronome-settings-popover--default,.labs-metronome-settings-panel--default,.labs-metronome-split-control--drums,.labs-metronome-settings-popover--drums,.labs-metronome-settings-panel--drums,.labs-metronome-split-control--words,.labs-metronome-settings-popover--words,.labs-metronome-settings-panel--words,.labs-metronome-split-control--piano,.labs-metronome-settings-popover--piano,.labs-metronome-settings-panel--piano,.labs-metronome-split-control--chords,.labs-metronome-settings-popover--chords,.labs-metronome-settings-panel--chords,.labs-metronome-split-control--stanza,.labs-metronome-settings-popover--stanza,.labs-metronome-settings-panel--stanza,.labs-metronome-split-control--midi,.labs-metronome-settings-popover--midi,.labs-metronome-settings-panel--midi{--metro-toggle-selected-bg: color-mix( in srgb, var(--metro-accent, #7c3aed) 12%, var(--metro-panel-bg, #fff) );--metro-toggle-selected-hover-bg: color-mix( in srgb, var(--metro-accent, #7c3aed) 18%, var(--metro-panel-bg, #fff) );--metro-toggle-selected-color: var( --metro-accent-dot, var(--metro-accent, #7c3aed) );--metro-toggle-focus-ring: 0 0 0 2px var(--metro-accent, #7c3aed);--labs-control-focus-ring-inset-color: var(--metro-accent, #7c3aed)}.labs-metronome-split-control--drums,.labs-metronome-settings-popover--drums,.labs-metronome-settings-panel--drums{--metro-toggle-selected-color: var(--primary-purple-dark, #6d28d9)}.labs-metronome-split-control--stanza,.labs-metronome-settings-popover--stanza,.labs-metronome-settings-panel--stanza{--metro-toggle-selected-bg: color-mix( in srgb, var(--metro-accent, #e848a0) 18%, var(--metro-panel-bg, #fffbf5) );--metro-toggle-selected-hover-bg: color-mix( in srgb, var(--metro-accent, #e848a0) 26%, var(--metro-panel-bg, #fffbf5) );--metro-toggle-selected-color: var(--stanza-ink, #312b26)}.labs-metronome-split-control--words,.labs-metronome-settings-popover--words,.labs-metronome-settings-panel--words{--metro-toggle-selected-color: var(--metro-primary-color, #0f766e)}.labs-metronome-split-control[class*=--] .labs-split-action-button__primary,.labs-metronome-split-control[class*=--] .labs-split-action-button__menu{border:0;border-radius:0;width:100%;min-width:0;height:100%;min-height:100%;margin:0;box-shadow:none;color:inherit}.labs-metronome-split-control[class*=--] .labs-split-action-button__primary,.labs-metronome-split-control[class*=--] .labs-split-action-button__menu{background:transparent}.labs-metronome-split-control[class*=--] .labs-split-action-button__primary:hover:not(:disabled),.labs-metronome-split-control[class*=--] .labs-split-action-button__primary.active,.labs-metronome-split-control[class*=--] .labs-split-action-button__primary.is-on{box-shadow:none}.labs-split-action-button{--metro-primary-min-width: 2.25rem;--metro-menu-width: 1.75rem;display:grid;grid-template-columns:minmax(var(--metro-primary-min-width),1fr) var( --metro-menu-width );align-items:stretch;border-radius:var(--metro-split-radius, 999px);overflow:visible;border:var(--metro-split-border-width, 1px) solid var(--metro-split-border, rgba(0, 0, 0, .12));background:var(--metro-split-bg, #fff);height:var(--metro-split-height, auto);min-height:var(--metro-split-min-height, 0);color:var(--metro-menu-color, var(--metro-primary-color, inherit));box-shadow:var(--metro-split-shadow, none);transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease}.labs-split-action-button__half{display:flex;min-width:0;min-height:100%;overflow:hidden}.labs-split-action-button__half--primary{border-top-left-radius:calc(var(--metro-split-radius, 999px) - 1px);border-bottom-left-radius:calc(var(--metro-split-radius, 999px) - 1px)}.labs-split-action-button__half--menu{border-top-right-radius:calc(var(--metro-split-radius, 999px) - 1px);border-bottom-right-radius:calc(var(--metro-split-radius, 999px) - 1px)}.labs-metronome-split-control{display:inline-flex;overflow:visible}.labs-split-action-button__half>.MuiTooltip-root{flex:1 1 auto;min-width:0;min-height:100%;display:inline-flex!important}.labs-split-action-button__half>.MuiTooltip-root>span{flex:1 1 auto;min-width:0;min-height:100%;display:inline-flex}.labs-split-action-button__primary,.labs-split-action-button__menu{margin:0;border:0;font:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none;box-sizing:border-box;cursor:pointer;flex:1 1 auto;width:100%;min-width:0;min-height:100%;border-radius:0;display:inline-flex;align-items:center;justify-content:center}.labs-split-action-button__primary{background:var(--metro-primary-bg, transparent);color:var(--metro-primary-color, inherit);padding:var(--metro-primary-padding, 0 .625rem);transition:background-color .15s ease,color .15s ease}.labs-split-action-button__menu{position:relative;background:var(--metro-menu-bg, var(--metro-primary-bg, transparent));color:var(--metro-menu-color, var(--metro-primary-color, inherit));padding:var(--metro-menu-padding, 0 .125rem);transition:background-color .15s ease,color .15s ease}.labs-metronome-toggle-content{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:0}.labs-metronome-toggle-icon{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.labs-split-action-button__primary .material-symbols-outlined.labs-metronome-toggle-icon{font-size:var(--metro-icon-size, 1.25rem);line-height:1;width:var(--metro-icon-size, 1.25rem);height:var(--metro-icon-size, 1.25rem)}.labs-split-action-button__chevron{flex-shrink:0;width:var(--metro-menu-icon-size, .625rem);height:var(--metro-menu-icon-size, .625rem);font-size:var(--metro-menu-icon-size, .625rem);color:var(--metro-menu-chevron-color, var(--metro-menu-color, currentColor));opacity:var(--metro-menu-chevron-opacity, .88)}.labs-metronome-state-pill{flex-shrink:0;font-size:.5625rem;font-weight:700;letter-spacing:.05em;line-height:1;text-transform:uppercase;color:var( --metro-state-off-color, color-mix(in srgb, var(--metro-accent, #7c3aed) 72%, #374151) );opacity:.9}.labs-metronome-state-pill.is-on{color:var(--metro-state-on-color, currentColor);opacity:1}.labs-split-action-button:has(.labs-split-action-button__primary.active) .labs-metronome-state-pill,.labs-split-action-button:has(.labs-split-action-button__primary.is-on) .labs-metronome-state-pill{color:var(--metro-state-on-color, currentColor)}.labs-split-action-button:not(:has(.labs-split-action-button__primary.active,.labs-split-action-button__primary.is-on)):hover{border-color:var( --metro-split-border-hover, var(--metro-split-border, rgba(0, 0, 0, .12)) );background:var(--metro-split-hover-bg, var(--metro-split-bg, #fff))}.labs-split-action-button:not(:has(.labs-split-action-button__primary.active,.labs-split-action-button__primary.is-on)) .labs-split-action-button__primary:hover:not(:disabled){background:var(--metro-primary-hover-bg, rgba(0, 0, 0, .04))}.labs-split-action-button:not(:has(.labs-split-action-button__primary.active,.labs-split-action-button__primary.is-on)) .labs-split-action-button__menu:hover:not(:disabled){background:var( --metro-menu-hover-bg, var(--metro-primary-hover-bg, rgba(0, 0, 0, .04)) )}.labs-split-action-button:has(.labs-split-action-button__primary.active,.labs-split-action-button__primary.is-on) .labs-split-action-button__primary:hover:not(:disabled),.labs-split-action-button:has(.labs-split-action-button__primary.active,.labs-split-action-button__primary.is-on) .labs-split-action-button__menu:hover:not(:disabled){background:var(--metro-split-active-hover-bg, rgba(255, 255, 255, .14))}.labs-split-action-button:focus-within{z-index:1}.labs-split-action-button:not(:has(.labs-split-action-button__primary.active,.labs-split-action-button__primary.is-on)):focus-within{box-shadow:var(--metro-focus-ring, 0 0 0 3px rgba(124, 58, 237, .35))}.labs-split-action-button:has(.labs-split-action-button__primary.active,.labs-split-action-button__primary.is-on):focus-within{box-shadow:var( --metro-focus-ring-active, 0 0 0 2px #fff, 0 0 0 4px rgba(124, 58, 237, .55) )}.labs-split-action-button__primary:focus-visible,.labs-split-action-button__menu:focus-visible{outline:none}.labs-split-action-button__menu:before{content:"";position:absolute;left:0;top:var(--metro-split-divider-inset, 22%);bottom:var(--metro-split-divider-inset, 22%);width:var(--metro-split-divider-width, 1px);background:var(--metro-split-divider, rgba(0, 0, 0, .12));pointer-events:none;z-index:1}.labs-split-action-button:has(.labs-split-action-button__primary.active),.labs-split-action-button:has(.labs-split-action-button__primary.is-on){background:var(--metro-primary-active-bg, var(--metro-accent, #7c3aed));border-color:var( --metro-primary-active-border, var(--metro-accent, #7c3aed) );border-width:var( --metro-split-border-width-active, var(--metro-split-border-width, 1px) );color:var(--metro-primary-active-color, #fff);box-shadow:var(--metro-split-active-shadow, none)}.labs-split-action-button:has(.labs-split-action-button__primary.active) .labs-split-action-button__primary,.labs-split-action-button:has(.labs-split-action-button__primary.is-on) .labs-split-action-button__primary,.labs-split-action-button:has(.labs-split-action-button__primary.active) .labs-split-action-button__menu,.labs-split-action-button:has(.labs-split-action-button__primary.is-on) .labs-split-action-button__menu{background:transparent;color:inherit}.labs-split-action-button:has(.labs-split-action-button__primary.active) .labs-split-action-button__chevron,.labs-split-action-button:has(.labs-split-action-button__primary.is-on) .labs-split-action-button__chevron{color:inherit;opacity:.92}.labs-split-action-button:has(.labs-split-action-button__primary.active) .labs-split-action-button__menu:before,.labs-split-action-button:has(.labs-split-action-button__primary.is-on) .labs-split-action-button__menu:before{background:var(--metro-split-divider-active, rgba(255, 255, 255, .28))}.labs-metronome-settings-popover{overflow:visible;color:var(--metro-panel-text, inherit)}.labs-metronome-settings-panel{width:min(100vw - 24px,340px);min-width:300px;box-sizing:border-box}.labs-metronome-settings-panel__header{padding:13px 16px 12px;border-bottom:1px solid var(--metro-panel-divider, rgba(0, 0, 0, .08));background:var(--metro-panel-header-bg, transparent)}.labs-metronome-settings-panel__power-control{flex:0 0 auto;margin:0 0 0 auto;gap:.35rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.labs-metronome-settings-panel__power-control .MuiFormControlLabel-label{font-size:.8125rem;font-weight:600;color:var(--metro-panel-text, rgba(0, 0, 0, .87));line-height:1.2}.labs-metronome-settings-panel__power-control .MuiCheckbox-root{padding:4px;color:var(--metro-panel-muted, rgba(0, 0, 0, .54))}.labs-metronome-settings-panel__power-control .MuiCheckbox-root.Mui-checked{color:var(--metro-accent, #7c3aed)}.labs-metronome-settings-panel__status{padding:.55rem 1rem;font-size:.8125rem;line-height:1.45;color:var(--metro-panel-muted, rgba(0, 0, 0, .62));background:color-mix(in srgb,var(--metro-accent, #7c3aed) 6%,var(--metro-panel-bg, #fff));border-bottom:1px solid var(--metro-panel-divider, rgba(0, 0, 0, .08))}.labs-metronome-settings-panel__body{display:flex;flex-direction:column;gap:16px;padding:16px;max-height:min(70vh,440px);overflow-y:auto}.labs-metronome-settings-panel__body--inactive{opacity:.58}.labs-metronome-settings-panel__section{margin:0}.labs-metronome-settings-panel__section-title{letter-spacing:.02em;text-transform:none;color:var(--metro-panel-muted, rgba(0, 0, 0, .6))!important}.labs-metronome-settings-panel__toggle-group{--metro-toggle-divider: rgba(0, 0, 0, .12);--metro-toggle-divider-selected: color-mix( in srgb, var(--metro-accent, #7c3aed) 16%, var(--metro-toggle-border, rgba(0, 0, 0, .12)) );display:flex;width:100%;gap:0;overflow:visible;border:var(--metro-toggle-border-width, 1px) solid var(--metro-toggle-border, rgba(0, 0, 0, .12));border-radius:var(--metro-toggle-radius, 8px);background:var(--metro-toggle-bg, rgba(0, 0, 0, .02))}.labs-metronome-settings-panel__toggle-group .MuiToggleButtonGroup-grouped:first-of-type{border-top-left-radius:calc(var(--metro-toggle-radius, 8px) - 1px);border-bottom-left-radius:calc(var(--metro-toggle-radius, 8px) - 1px)}.labs-metronome-settings-panel__toggle-group .MuiToggleButtonGroup-grouped:last-of-type{border-top-right-radius:calc(var(--metro-toggle-radius, 8px) - 1px);border-bottom-right-radius:calc(var(--metro-toggle-radius, 8px) - 1px)}.labs-metronome-settings-panel__toggle-group.MuiToggleButtonGroup-root{gap:0}.labs-metronome-settings-panel__toggle-group .MuiToggleButtonGroup-grouped{margin:0;flex:1 1 0;min-width:0;border:0;border-radius:0}.labs-metronome-settings-panel__toggle-group .MuiToggleButtonGroup-grouped:not(:first-of-type){box-shadow:inset 1px 0 0 0 var(--metro-toggle-divider)}.labs-metronome-settings-panel__toggle-group .MuiToggleButtonGroup-grouped.Mui-selected+.MuiToggleButtonGroup-grouped.Mui-selected{box-shadow:inset 1px 0 0 0 var(--metro-toggle-divider-selected)}.labs-metronome-settings-panel__toggle-group .MuiToggleButton-root{flex:1 1 0;min-width:0;width:100%;padding:8px 10px;font-size:.8125rem;font-weight:500;line-height:1.25;text-transform:none;white-space:nowrap;border:0;border-radius:0;color:var(--metro-toggle-color, inherit);background:transparent}.labs-metronome-settings-panel__toggle-group .MuiToggleButton-root:hover{background:var(--metro-toggle-hover-bg, rgba(0, 0, 0, .04))}.labs-metronome-settings-panel__toggle-group .MuiToggleButton-root.Mui-selected{background:var( --metro-toggle-selected-bg, color-mix( in srgb, var(--metro-accent, #7c3aed) 12%, var(--metro-panel-bg, #fff) ) );color:var( --metro-toggle-selected-color, var(--metro-accent-dot, var(--metro-accent, #7c3aed)) );font-weight:var(--labs-selection-secondary-weight, 600)}.labs-metronome-settings-panel__toggle-group .MuiToggleButton-root.Mui-selected:hover{background:var( --metro-toggle-selected-hover-bg, color-mix( in srgb, var(--metro-accent, #7c3aed) 18%, var(--metro-panel-bg, #fff) ) )}.labs-metronome-settings-panel__toggle-group .MuiToggleButton-root:focus-visible{outline:none;position:relative;z-index:2;box-shadow:var( --labs-control-focus-ring-inset, inset 0 0 0 2px var(--metro-accent, #7c3aed) )}.labs-metronome-settings-panel__reset-levels{color:var(--metro-accent, #7c3aed)}.labs-metronome-settings-panel__reset-levels:focus-visible{outline:none;border-radius:.25rem;box-shadow:var(--metro-focus-ring, 0 0 0 3px rgba(124, 58, 237, .22))}.labs-metronome-settings-panel__levels .shared-playback-volume-row{padding:3px 0}.labs-metronome-settings-panel__levels .MuiSlider-root{min-width:0;color:var(--metro-slider-color, var(--metro-accent, #7c3aed))}.labs-metronome-settings-panel__levels .MuiSlider-thumb{box-shadow:none}