.shared-bpm-main-row{align-items:center;width:100%;display:flex}.shared-music-timing-row{--music-timing-value-font-size:var(--control-font-size,1rem);--music-timing-value-font-weight:600;--music-timing-value-letter-spacing:.01em;--music-timing-value-line-height:1;--bpm-value-text-align:center;--bpm-value-padding:0 .24rem}.shared-bpm-shell{--bpm-bg:var(--bg-input,var(--theme-surface,#fff));--bpm-border:var(--border-subtle,var(--theme-border,#b1bcfc));--bpm-text:var(--text-primary,var(--theme-text,#141a26));--bpm-muted:var(--text-secondary,var(--theme-text-secondary,#6f7790));--bpm-focus:var(--accent-primary,var(--theme-primary,#7c3aed));--labs-control-focus-ring-inset-color:var(--bpm-focus);--bpm-hover:color-mix(in srgb, var(--bpm-bg) 90%, #000 10%);--bpm-dropdown-bg:var(--bg-card,var(--theme-surface-elevated,#fff));--bpm-dropdown-border:var(--bpm-border);--bpm-dropdown-hover-bg:color-mix(in srgb, var(--bpm-focus) 12%, transparent);--bpm-dropdown-active-bg:color-mix(in srgb, var(--bpm-focus) 16%, transparent);--bpm-dropdown-active-text:var(--bpm-focus);--bpm-dropdown-header-bg:transparent;--bpm-dropdown-header-border:transparent;--bpm-focus-ring:var(--labs-control-focus-ring-inset);--bpm-dropdown-offset-y:6px;--bpm-dropdown-min-width:300px;--bpm-dropdown-max-width:min(460px, calc(100vw - 24px));--bpm-slider-panel-bg:color-mix(in srgb, var(--bpm-dropdown-bg) 94%, transparent);--bpm-chip-bg:color-mix(in srgb, var(--bpm-dropdown-bg) 94%, #f8fafc);--bpm-chip-border:color-mix(in srgb, var(--bpm-dropdown-border) 72%, transparent);--bpm-chip-text:color-mix(in srgb, var(--bpm-text) 84%, var(--bpm-muted));--bpm-chip-hover-bg:color-mix(in srgb, var(--bpm-focus) 10%, var(--bpm-chip-bg));--bpm-chip-active-bg:color-mix(in srgb, var(--bpm-focus) 16%, var(--bpm-dropdown-bg));--bpm-chip-active-text:color-mix(in srgb, var(--bpm-focus) 80%, var(--bpm-text));--bpm-chip-radius:999px;--bpm-chip-min-width:3.15rem;--bpm-chip-height:1.9rem;--bpm-shell-height:var(--control-height,38px);--bpm-shell-radius:var(--control-radius,12px);--bpm-divider:color-mix(in srgb, var(--bpm-border) 72%, transparent);border:var(--bpm-border-width,1px) solid var(--bpm-border);border-radius:var(--bpm-shell-radius);background:var(--bpm-bg);color:var(--bpm-text);min-height:var(--bpm-shell-height);width:auto;padding:0 calc(var(--space-1,4px) + 1px);align-items:center;gap:.12rem;display:inline-flex;overflow:hidden}.shared-bpm-shell:focus-within{border-color:var(--bpm-focus);box-shadow:var(--bpm-focus-ring)}.shared-bpm-shell :focus-visible{box-shadow:none;outline:none}.shared-bpm-stepper--playback-speed{flex:0 auto;min-width:0}.shared-bpm-stepper--playback-speed .shared-bpm-value{box-sizing:content-box;flex:none;width:5.5ch;min-width:5.5ch;max-width:none;padding-right:.34rem}.shared-bpm-stepper{flex:1 1 var(--bpm-stepper-min-width,6.9rem);min-width:var(--bpm-stepper-min-width,6.9rem);border-right:1px solid var(--bpm-divider);align-self:stretch;align-items:stretch;padding-right:.28rem;display:inline-flex}.shared-bpm-stepper:last-child{border-right:0;padding-right:0}.shared-bpm-stepper:has(+.shared-bpm-trailing-actions){border-right:0;padding-right:0}.shared-bpm-stepper:has(+.shared-bpm-preset-toggle){border-right:0;padding-right:0}.shared-bpm-stepper:has(+.shared-bpm-inline-action){border-right:0;padding-right:0}.shared-bpm-leading-actions{border-right:1px solid var(--bpm-divider);align-self:stretch;align-items:center;gap:.08rem;padding:0 .3rem 0 .12rem;display:inline-flex}.shared-bpm-value{color:var(--bpm-text);font-family:inherit;font-size:var(--music-timing-value-font-size,1em);font-style:inherit;font-weight:var(--music-timing-value-font-weight,700);width:100%;min-width:0;text-align:var(--bpm-value-text-align,left);padding:var(--bpm-value-padding,0 .3rem 0 .52rem);font-variant-numeric:var(--music-timing-value-font-variant,tabular-nums);letter-spacing:var(--music-timing-value-letter-spacing,.01em);line-height:var(--music-timing-value-line-height,1.15);background:0 0;border:none;outline:none;flex:auto;align-self:center}.shared-bpm-value:disabled{color:var(--bpm-muted);cursor:not-allowed}.shared-bpm-arrows{flex-direction:column;align-self:stretch;width:16px;height:100%;min-height:100%;margin-left:.08rem;display:inline-flex}.shared-bpm-arrow{color:var(--bpm-muted);cursor:pointer;background:0 0;border:none;flex:1 1 0;justify-content:center;align-items:center;width:16px;height:auto;min-height:0;padding:0;display:inline-flex}.shared-bpm-arrow+.shared-bpm-arrow{border-top:1px solid var(--bpm-divider)}.shared-bpm-arrow:hover:not(:disabled){background:var(--bpm-hover);color:var(--bpm-text)}.shared-bpm-arrow:disabled{opacity:.35;cursor:not-allowed}.shared-bpm-shell.is-idle .shared-bpm-arrows{opacity:.55}.shared-bpm-arrow .material-symbols-outlined{justify-content:center;align-items:center;width:10px;height:10px;font-size:10px;line-height:1;display:inline-flex}.shared-bpm-rate-inline{flex:none;align-self:stretch;gap:0;padding-left:.14rem;display:inline-flex}.shared-bpm-rate-btn.inline{color:color-mix(in srgb, var(--bpm-text) 54%, var(--bpm-muted));cursor:pointer;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;min-width:28px;height:100%;padding:0 .2rem;font-size:.72rem;font-weight:600;display:inline-flex;position:relative}.shared-bpm-rate-btn.inline+.shared-bpm-rate-btn.inline{border-left:0}.shared-bpm-rate-btn.inline+.shared-bpm-rate-btn.inline:before{content:"";background:var(--bpm-divider);width:1px;position:absolute;top:7px;bottom:7px;left:0}.shared-bpm-rate-btn.inline:hover:not(:disabled){background:var(--bpm-hover)}.shared-bpm-rate-btn.inline:disabled{opacity:.45;cursor:not-allowed}.shared-bpm-preset-toggle{color:var(--bpm-muted);cursor:pointer;border:0;border-left:1px solid var(--bpm-divider);background:0 0;border-radius:0;justify-content:center;align-self:stretch;align-items:center;width:30px;min-width:30px;margin:0;padding:0;display:inline-flex}.shared-bpm-preset-toggle:hover:not(:disabled){background:var(--bpm-hover);color:var(--bpm-text)}.shared-bpm-preset-toggle:disabled{opacity:.45;cursor:not-allowed}.shared-bpm-preset-toggle .material-symbols-outlined{font-size:18px;line-height:1}.shared-bpm-inline-action{color:var(--bpm-muted);border:none;border-left:1px solid var(--bpm-divider);cursor:pointer;background:0 0;justify-content:center;align-self:stretch;align-items:center;padding:0 .55rem;display:inline-flex}.shared-bpm-trailing-actions{border-left:1px solid var(--bpm-divider);flex:none;align-self:stretch;align-items:center;gap:.08rem;padding:0 .08rem 0 .3rem;display:inline-flex}.shared-bpm-trailing-actions .shared-bpm-inline-action{border-left:0;padding:0 .42rem}.shared-bpm-shell button:focus{outline:none}.shared-bpm-shell button:focus-visible{box-shadow:none;outline:none}.shared-bpm-inline-action:hover:not(:disabled){background:var(--bpm-hover);color:var(--bpm-text)}.shared-bpm-inline-action:disabled{opacity:.45;cursor:not-allowed}.shared-bpm-dropdown,.shared-bpm-inline-panel{--bpm-focus:var(--accent-primary,var(--theme-primary,#7c3aed));--bpm-border:var(--border-subtle,var(--theme-border,#b1bcfc));--bpm-text:var(--text-primary,var(--theme-text,#141a26));--bpm-muted:var(--text-secondary,var(--theme-text-secondary,#6f7790));--bpm-slider-panel-bg:color-mix(in srgb, var(--bpm-dropdown-bg,#fff) 94%, transparent);background:var(--bpm-dropdown-bg,var(--labs-popover-bg,#fff));max-height:300px;margin-top:var(--bpm-dropdown-offset-y);min-width:var(--bpm-dropdown-min-width);max-width:var(--bpm-dropdown-max-width);--bpm-chip-bg:color-mix(in srgb, var(--bpm-dropdown-bg,#fff) 94%, #f8fafc);--bpm-chip-border:color-mix(in srgb, var(--bpm-dropdown-border,#d5d9e2) 72%, transparent);--bpm-chip-text:color-mix(in srgb, var(--bpm-text,#141a26) 84%, var(--bpm-muted,#6f7790));--bpm-chip-hover-bg:color-mix(in srgb, var(--bpm-focus,#7c3aed) 10%, var(--bpm-chip-bg));--bpm-chip-active-bg:color-mix(in srgb, var(--bpm-focus,#7c3aed) 16%, var(--bpm-dropdown-bg,#fff));--bpm-chip-active-text:color-mix(in srgb, var(--bpm-focus,#7c3aed) 80%, var(--bpm-text,#141a26));--bpm-chip-radius:999px;--bpm-chip-min-width:3.15rem;--bpm-chip-height:1.9rem;--bpm-dropdown-list-padding:.72rem .76rem 1.08rem;--bpm-slider-wrap-padding:.74rem .86rem .78rem;--bpm-presets-section-padding:.56rem .08rem .12rem;--bpm-presets-row-padding:.06rem .02rem .12rem;overflow:visible auto}.shared-bpm-dropdown-list{min-width:280px;padding:var(--bpm-dropdown-list-padding);flex-direction:column;gap:.82rem;display:flex}.shared-bpm-dropdown:has(.shared-bpm-slider-wrap){max-height:none;overflow:visible}.shared-bpm-inline-panel:has(.shared-bpm-slider-wrap){max-height:none;overflow:visible}.shared-bpm-dropdown.MuiPaper-root:has(.shared-bpm-slider-wrap){overflow:visible!important}.shared-bpm-dropdown:has(.shared-bpm-slider-wrap) .shared-bpm-dropdown-list{overflow:visible}.shared-bpm-inline-panel:has(.shared-bpm-slider-wrap) .shared-bpm-dropdown-list{overflow:visible}.shared-bpm-inline-panel{background:0 0;min-width:0;max-width:none;max-height:none;margin-top:0;overflow:visible}.shared-bpm-inline-panel .shared-bpm-dropdown-list{gap:.5rem;min-width:0;padding:.25rem 0 0}.shared-bpm-inline-panel .shared-bpm-slider-wrap{padding-block-start:.5rem;padding-block-end:.5rem}.shared-bpm-inline-panel .shared-bpm-presets-section{padding-top:.15rem}.shared-bpm-slider-wrap{padding:var(--bpm-slider-wrap-padding);border:var(--bpm-slider-panel-border-width,1px) solid var(--bpm-slider-wrap-border-color,color-mix(in srgb, var(--bpm-dropdown-border) 68%, transparent));background:var(--bpm-slider-panel-bg);border-radius:.7rem;gap:.36rem;display:grid;overflow:visible}.shared-bpm-slider{--app-slider-track:color-mix(in srgb, var(--bpm-focus) 88%, #4f46e5);--app-slider-thumb:var(--app-slider-track);--app-slider-rail:color-mix(in srgb, var(--bpm-border) 72%, #cbd5e1);--app-slider-mark:color-mix(in srgb, var(--bpm-border) 84%, transparent);--app-slider-mark-active:color-mix(in srgb, var(--bpm-focus) 72%, var(--bpm-border));width:100%;margin:0}.shared-bpm-slider .MuiSlider-markLabel{display:none}.shared-bpm-milestones{box-sizing:border-box;height:.95rem;padding-inline:var(--bpm-slider-milestone-inset,10px);color:color-mix(in srgb, var(--bpm-muted) 94%, #cbd5e1);letter-spacing:.015em;-webkit-user-select:none;user-select:none;margin-top:.08rem;font-size:.62rem;font-weight:600;position:relative}.shared-bpm-milestone{white-space:nowrap;position:absolute;top:0}.shared-bpm-milestone--start{transform:translate(0)}.shared-bpm-milestone--center{transform:translate(-50%)}.shared-bpm-milestone--end{transform:translate(-100%)}.shared-bpm-presets-row{grid-template-columns:repeat(5, minmax(var(--bpm-chip-min-width), 1fr));padding:var(--bpm-presets-row-padding);align-items:stretch;gap:.54rem;display:grid}.shared-bpm-presets-section{padding:var(--bpm-presets-section-padding);border-top:1px solid color-mix(in srgb, var(--bpm-dropdown-border) 50%, transparent);flex-direction:column;gap:.52rem;display:flex}.shared-bpm-presets-label{color:color-mix(in srgb, var(--bpm-muted) 90%, var(--bpm-text));letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;flex:none;align-self:flex-start;padding-left:.04rem;font-size:.67rem;font-weight:700}.shared-bpm-preset-chip{border:var(--bpm-chip-border-width,1px) solid var(--bpm-chip-border,color-mix(in srgb, var(--bpm-dropdown-border,#d5d9e2) 72%, transparent));border-radius:var(--bpm-chip-radius);background:var(--bpm-chip-bg);color:var(--bpm-chip-text);min-width:var(--bpm-chip-min-width);height:var(--bpm-chip-height);cursor:pointer;white-space:nowrap;box-shadow:none;justify-content:center;align-items:center;padding:0 .62rem;font-size:.73rem;font-weight:600;line-height:1.1;transition:background-color .12s,border-color .12s,color .12s,transform .12s;display:inline-flex}@media (max-width:460px){.shared-bpm-presets-row{grid-template-columns:repeat(4, minmax(var(--bpm-chip-min-width), 1fr))}}@media (max-width:390px){.shared-bpm-presets-row{grid-template-columns:repeat(3, minmax(var(--bpm-chip-min-width), 1fr))}}@media (max-width:768px){.shared-bpm-shell{width:100%;max-width:100%;min-height:var(--control-height-touch,44px)}.shared-bpm-dropdown{min-width:min(320px,100vw - 16px);max-width:min(520px,100vw - 16px)}}@media (max-width:480px){.shared-bpm-dropdown-list{width:100%;min-width:0;padding:.62rem .62rem .92rem}.shared-bpm-slider-wrap{padding:.62rem .68rem .72rem}.shared-bpm-rate-btn.inline{min-width:24px;font-size:.68rem}}@media (pointer:coarse){.shared-bpm-shell{min-height:44px}.shared-bpm-value{min-height:24px}.shared-bpm-arrows{width:28px}.shared-bpm-arrow{width:28px;min-height:24px}.shared-bpm-rate-btn.inline{min-width:28px;min-height:24px}.shared-bpm-inline-action{min-height:24px}}.shared-bpm-preset-chip:hover{border-color:color-mix(in srgb, var(--bpm-focus) 45%, var(--bpm-chip-border));background:var(--bpm-chip-hover-bg);color:color-mix(in srgb, var(--bpm-text) 90%, var(--bpm-focus));transform:translateY(-1px)}.shared-bpm-preset-chip.active{border-color:color-mix(in srgb, var(--bpm-focus) 52%, var(--bpm-chip-border));background:var(--bpm-chip-active-bg);color:var(--bpm-chip-active-text)}.shared-bpm-stepper-with-suffix{flex:1 1 var(--bpm-stepper-min-width,6.9rem);min-width:var(--bpm-stepper-min-width,6.9rem);border-right:1px solid var(--bpm-divider);align-self:stretch;align-items:stretch;padding-right:.28rem;display:inline-flex}.shared-bpm-stepper-with-suffix>.shared-bpm-stepper{border-right:0;flex:auto;min-width:0;padding-right:0}.shared-bpm-stepper.has-value-suffix{flex:0 auto}.shared-bpm-stepper.has-value-suffix .shared-bpm-value{flex:0 auto;width:auto;min-width:1.55rem;max-width:3.35rem;padding-right:.06rem}.shared-bpm-stepper.has-value-suffix .shared-bpm-value-suffix{color:var(--bpm-muted);-webkit-user-select:none;user-select:none;flex-shrink:0;align-self:center;padding-right:.14rem;font-size:.82rem;font-weight:700}.shared-bpm-shell--compact{--bpm-shell-height:var(--control-height-compact,2rem);--bpm-shell-radius:var(--control-radius-compact,.375rem);--bpm-stepper-min-width:0;min-width:0}.shared-bpm-compact-display{color:var(--bpm-text);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;justify-content:center;align-self:stretch;align-items:center;padding:0 .52rem;font-size:.8rem;font-weight:600;line-height:1.2;display:inline-flex}.shared-bpm-compact-display:hover:not(:disabled){background:var(--bpm-hover)}.shared-bpm-compact-display--readonly{cursor:default;padding:0 .62rem}.shared-bpm-compact-display--readonly:hover{background:0 0}.shared-bpm-compact-display:disabled{opacity:.45;cursor:not-allowed}.shared-bpm-dropdown--speed{--bpm-chip-min-width:2.65rem;--bpm-chip-height:1.75rem;--bpm-dropdown-min-width:18rem;overflow:visible}.shared-bpm-dropdown--speed .shared-bpm-dropdown-list{overflow:visible}.shared-speed-presets-row{grid-template-columns:repeat(5, minmax(var(--bpm-chip-min-width), 1fr))}@media (max-width:460px){.shared-speed-presets-row{grid-template-columns:repeat(4, minmax(var(--bpm-chip-min-width), 1fr))}}@media (max-width:390px){.shared-speed-presets-row{grid-template-columns:repeat(3, minmax(var(--bpm-chip-min-width), 1fr))}}.shared-bpm-input--inline .shared-bpm-dropdown-anchor,.shared-bpm-input--inline .shared-bpm-main-row{width:-moz-fit-content;width:fit-content;max-width:100%}.shared-bpm-input--inline .shared-bpm-shell{--bpm-stepper-min-width:5rem}