.shared-playback-field-select{--pfs-height:2.125rem;--pfs-radius:.5rem;--pfs-font-size:.8125rem;--pfs-padding-x:.625rem;--pfs-padding-y:.375rem;--pfs-border:color-mix(in srgb, var(--theme-primary,#6366f1) 34%, #c7d2fe);--pfs-bg:var(--theme-surface,#fff);--pfs-text:var(--theme-text,#0f172a);--pfs-icon:#0f172a85;--pfs-focus-border:color-mix(in srgb, var(--theme-primary,#7c3aed) 56%, #c4b5fd);--pfs-focus-ring:var(--labs-control-focus-ring,0 0 0 2px #7c3aed1f);--pfs-menu-border:#c3affb;--pfs-menu-shadow:0 12px 28px #0f172a1f;--pfs-menu-radius:.625rem;--pfs-menu-padding:.375rem;--pfs-item-radius:.5rem;--pfs-item-hover-bg:#6366f10f;--pfs-item-active-bg:#6366f11a;width:100%}.shared-playback-field-select--encore{--pfs-height:34px;--pfs-radius:8px;--pfs-font-size:.8125rem;--pfs-padding-x:10px;--pfs-padding-y:6px;--pfs-border:#7c3aed2e;--pfs-bg:#fff;--pfs-text:#0f172aeb;--pfs-icon:#6d28d985;--pfs-focus-border:#8b5cf68c;--pfs-focus-ring:0 0 0 2px #7c3aed1a;--pfs-menu-border:#7c3aed1f;--pfs-menu-shadow:0 12px 32px #4c1d9514;--pfs-menu-radius:10px;--pfs-menu-padding:.375rem;--pfs-item-hover-bg:#7c3aed0f;--pfs-item-active-bg:#7c3aed1a}.shared-playback-field-select__anchor{width:100%}.shared-playback-field-select__trigger{width:100%;min-height:var(--pfs-height);border:1px solid var(--pfs-border);border-radius:var(--pfs-radius);background:var(--pfs-bg);color:var(--pfs-text);font:inherit;font-size:var(--pfs-font-size);letter-spacing:-.01em;padding:var(--pfs-padding-y) var(--pfs-padding-x);cursor:pointer;box-sizing:border-box;justify-content:space-between;align-items:center;gap:.375rem;font-weight:600;transition:border-color .15s,box-shadow .15s;display:inline-flex}.shared-playback-field-select__trigger:hover:not(:disabled){border-color:color-mix(in srgb, var(--pfs-focus-border) 72%, var(--pfs-border))}.shared-playback-field-select__trigger:disabled{opacity:.6;cursor:not-allowed}.shared-playback-field-select__trigger:focus-visible{border-color:var(--pfs-focus-border);box-shadow:var(--pfs-focus-ring);outline:none}.shared-playback-field-select__value{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:auto;align-items:center;gap:.25rem;min-width:0;font-weight:600;display:inline-flex;overflow:hidden}.shared-playback-field-select__chevron{width:1.125rem;height:1.125rem;color:var(--pfs-icon);flex-shrink:0;font-size:1.125rem}.shared-playback-field-select__menu{overflow:hidden}.shared-playback-field-select__menu--default{--pfs-bg:#fff;--pfs-text:#0f172a;--pfs-menu-padding:.375rem;--pfs-item-radius:.5rem;--pfs-item-hover-bg:#6366f10f;--pfs-item-active-bg:#6366f11a;--pfs-font-size:.8125rem}.shared-playback-field-select__menu--encore{--pfs-bg:#fff;--pfs-text:#0f172aeb;--pfs-menu-padding:.375rem;--pfs-item-radius:.5rem;--pfs-item-hover-bg:#7c3aed0f;--pfs-item-active-bg:#7c3aed1a;--pfs-font-size:.8125rem}.shared-playback-field-select--words{--pfs-border:#81cccf;--pfs-focus-border:#31b1bc;--pfs-focus-ring:0 0 0 2px #0a8a8f24;--pfs-icon:#0a8a8f94;--pfs-text:#0f172a}.shared-playback-field-select--chords{--pfs-border:#abb4fa;--pfs-focus-border:#7374ef;--pfs-focus-ring:0 0 0 2px #6366f124;--pfs-icon:#4f46e594}.shared-playback-field-select--piano{--pfs-border:#c094fa;--pfs-focus-border:#996bf3;--pfs-focus-ring:0 0 0 2px #7c3aed24;--pfs-icon:#6d28d985}.shared-playback-field-select__menu--words{--pfs-bg:#fff;--pfs-text:#0f172a;--pfs-menu-padding:.375rem;--pfs-item-radius:.5rem;--pfs-item-hover-bg:#f4fefb;--pfs-item-active-bg:#e9fdf9;--pfs-item-active-border:#33b3be;--pfs-font-size:.8125rem;--pfs-option-desc-color:#155e63c7}.shared-playback-field-select__menu--chords{--pfs-bg:#fff;--pfs-text:#0f172a;--pfs-menu-padding:.375rem;--pfs-item-radius:.5rem;--pfs-item-hover-bg:#f3f6ff;--pfs-item-active-bg:#edf1ff;--pfs-font-size:.8125rem;--pfs-option-desc-color:#4f46e5b8}.shared-playback-field-select__menu--piano{--pfs-bg:#fff;--pfs-text:#0f172a;--pfs-menu-padding:.375rem;--pfs-item-radius:.5rem;--pfs-item-hover-bg:#f8f7ff;--pfs-item-active-bg:#f4f1fe;--pfs-font-size:.8125rem;--pfs-option-desc-color:#6d28d9ad}.shared-playback-field-select__menu-list{padding:var(--pfs-menu-padding,.375rem);overscroll-behavior:contain;background-color:var(--pfs-bg,#fff);flex-direction:column;gap:.125rem;max-height:min(280px,100dvh - 120px);display:flex;overflow-y:auto}.shared-playback-field-select__option{border-radius:var(--pfs-item-radius);width:100%;color:var(--pfs-text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.375rem;min-width:0;padding:.5rem .625rem;display:flex}.shared-playback-field-select__option:hover{background:var(--pfs-item-hover-bg);outline:none}.shared-playback-field-select__option:focus-visible{background:var(--pfs-item-hover-bg);outline:none}.shared-playback-field-select__option.active{background:var(--pfs-item-active-bg);color:var(--pfs-text);box-shadow:inset 0 0 0 1px var(--pfs-item-active-border,transparent)}.shared-playback-field-select__option-copy{flex:auto;min-width:0}.shared-playback-field-select__option-label{font-size:var(--pfs-font-size);letter-spacing:-.01em;font-weight:600;line-height:1.25;display:block}.shared-playback-field-select__option-description{color:var(--pfs-option-desc-color,#64748bf2);margin-top:.125rem;font-size:.6875rem;line-height:1.35;display:block}.shared-playback-field-select__option-trailing{flex-shrink:0}