.shared-bpm-main-row{display:flex;align-items:center;width:100%}.shared-bpm-shell{--bpm-bg: var(--bg-input, var(--theme-surface, #fff));--bpm-border: var( --border-subtle, var(--theme-border, color-mix(in srgb, #818cf8 32%, #c7d2fe)) );--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));--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: inset 0 0 0 2px color-mix(in srgb, var(--bpm-focus) 38%, transparent);--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);display:inline-flex;align-items:center;border: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);gap:.12rem;overflow:hidden}.shared-bpm-shell:focus-within{border-color:var(--bpm-focus);box-shadow:var(--bpm-focus-ring)}.shared-bpm-shell :focus-visible{outline:none;box-shadow:none}.shared-bpm-stepper--playback-speed{flex:0 1 auto;min-width:0}.shared-bpm-stepper--playback-speed .shared-bpm-value{flex:0 0 auto;width:5.5ch;min-width:5.5ch;max-width:none;padding-right:.34rem;box-sizing:content-box}.shared-bpm-stepper{display:inline-flex;align-items:stretch;align-self:stretch;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);padding-right:.28rem}.shared-bpm-stepper:has(+.shared-bpm-trailing-actions),.shared-bpm-stepper:has(+.shared-bpm-preset-toggle),.shared-bpm-stepper:has(+.shared-bpm-inline-action),.shared-bpm-stepper:last-child{border-right:0;padding-right:0}.shared-bpm-leading-actions{display:inline-flex;align-self:stretch;align-items:center;border-right:1px solid var(--bpm-divider);padding:0 .3rem 0 .12rem;gap:.08rem}.shared-bpm-value{border:none;background:transparent;color:var(--bpm-text);font:inherit;font-weight:700;width:100%;min-width:0;flex:1 1 auto;outline:none;text-align:var(--bpm-value-text-align, left);padding:var(--bpm-value-padding, 0 .3rem 0 .52rem);font-variant-numeric:tabular-nums;letter-spacing:.01em;align-self:center}.shared-bpm-value:disabled{color:var(--bpm-muted);cursor:not-allowed}.shared-bpm-arrows{display:inline-flex;flex-direction:column;align-self:stretch;width:16px;height:100%;min-height:100%;margin-left:.08rem}.shared-bpm-arrow{border:none;background:transparent;color:var(--bpm-muted);width:16px;height:auto;flex:1 1 0;min-height:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.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{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;font-size:14px;line-height:1}.shared-bpm-rate-inline{display:inline-flex;align-self:stretch;flex:0 0 auto;padding-left:.14rem;gap:0}.shared-bpm-rate-btn.inline{border:0;background:transparent;color:color-mix(in srgb,var(--bpm-text) 54%,var(--bpm-muted));font-size:.72rem;font-weight:600;min-width:28px;height:100%;padding:0 .2rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:0;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:"";position:absolute;left:0;top:7px;bottom:7px;width:1px;background:var(--bpm-divider)}.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{border:0;background:transparent;color:var(--bpm-muted);align-self:stretch;display:inline-flex;align-items:center;justify-content:center;width:30px;min-width:30px;padding:0;margin:0;cursor:pointer;border-left:1px solid var(--bpm-divider);border-radius:0}.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{border:none;background:transparent;color:var(--bpm-muted);border-left:1px solid var(--bpm-divider);padding:0 .55rem;align-self:stretch;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.shared-bpm-trailing-actions{display:inline-flex;align-self:stretch;align-items:center;flex:0 0 auto;border-left:1px solid var(--bpm-divider);padding:0 .08rem 0 .3rem;gap:.08rem}.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{outline:none;box-shadow: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{--bpm-focus: var(--accent-primary, var(--theme-primary, #7c3aed));--bpm-border: var( --border-subtle, var(--theme-border, color-mix(in srgb, #818cf8 32%, #c7d2fe)) );--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, #ffffff);border:1px solid color-mix(in srgb,var(--bpm-dropdown-border, var(--bpm-border)) 92%,#e2e8f0);border-radius:.82rem;box-shadow:0 12px 28px #0f172a24;max-height:300px;overflow-y:auto;overflow-x:visible;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}.shared-bpm-dropdown-list{display:flex;flex-direction:column;min-width:280px;padding:var(--bpm-dropdown-list-padding);gap:.82rem}.shared-bpm-dropdown:has(.shared-bpm-slider-wrap){overflow:visible;max-height:none}.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-slider-wrap{padding:var(--bpm-slider-wrap-padding);border-radius:.7rem;border:1px solid color-mix(in srgb,var(--bpm-dropdown-border) 68%,transparent);background:var(--bpm-slider-panel-bg);display:grid;gap:.36rem;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{position:relative;height:.95rem;box-sizing:border-box;padding-inline:var(--bpm-slider-milestone-inset, 10px);color:color-mix(in srgb,var(--bpm-muted) 94%,#cbd5e1);font-size:.62rem;font-weight:600;letter-spacing:.015em;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-top:.08rem}.shared-bpm-milestone{position:absolute;top:0;white-space:nowrap}.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{display:grid;grid-template-columns:repeat(5,minmax(var(--bpm-chip-min-width),1fr));align-items:stretch;gap:.54rem;padding:var(--bpm-presets-row-padding)}.shared-bpm-presets-section{display:flex;flex-direction:column;gap:.52rem;padding:var(--bpm-presets-section-padding);border-top:1px solid color-mix(in srgb,var(--bpm-dropdown-border) 50%,transparent)}.shared-bpm-presets-label{color:color-mix(in srgb,var(--bpm-muted) 90%,var(--bpm-text));font-size:.67rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;align-self:flex-start;white-space:nowrap;padding-left:.04rem;flex:0 0 auto}.shared-bpm-preset-chip{border: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);font-size:.73rem;font-weight:600;line-height:1.1;min-width:var(--bpm-chip-min-width);height:var(--bpm-chip-height);padding:0 .62rem;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;box-shadow:none;transition:background-color .12s ease,border-color .12s ease,color .12s ease,transform .12s ease}@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:min(100%,100%);max-width:100%;min-height:var(--control-height-touch, 44px)}.shared-bpm-dropdown{min-width:min(320px,calc(100vw - 16px));max-width:min(520px,calc(100vw - 16px))}}@media(max-width:480px){.shared-bpm-dropdown-list{min-width:0;width:100%;padding:.62rem .62rem .92rem}.shared-bpm-slider-wrap{padding:.62rem .68rem .72rem}.shared-bpm-rate-btn.inline{min-width:24px;font-size:.68rem}}.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{display:inline-flex;align-items:stretch;align-self:stretch;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);padding-right:.28rem}.shared-bpm-stepper-with-suffix>.shared-bpm-stepper{flex:1 1 auto;min-width:0;border-right:0;padding-right:0}.shared-bpm-stepper.has-value-suffix{flex:0 1 auto}.shared-bpm-stepper.has-value-suffix .shared-bpm-value{flex:0 1 auto;width:auto;min-width:1.55rem;max-width:3.35rem;padding-right:.06rem}.shared-bpm-stepper.has-value-suffix .shared-bpm-value-suffix{align-self:center;color:var(--bpm-muted);font-size:.82rem;font-weight:700;padding-right:.14rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}.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{border:0;background:transparent;color:var(--bpm-text);font:inherit;font-size:.8rem;font-weight:600;line-height:1.2;padding:0 .52rem;align-self:stretch;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;white-space:nowrap}.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:transparent}.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}