/* Same preference control as the workbench language menu. */
:root{--preference-shadow:0 16px 48px #0005;--preference-selected:#ffffff0a;--preference-border:#555b5a}
:root[data-theme="light"]{--preference-shadow:0 16px 48px #28252120;--preference-selected:#eeedea;--preference-border:#aaa7a1}
.header{--panel:#17191a;--raised:#2b2d2e;--line:#505355;--soft:#c4c6c3;--text:#f2f1ed;--muted:#9a9c99;--preference-border:#555b5a;--preference-shadow:0 16px 48px #0008;--preference-selected:#ffffff14;--accent:#f0a065;--focus:#f0a065}
.preference-control{position:relative;flex-shrink:0}
.preference-trigger,.preference-option{font-family:inherit;cursor:pointer;appearance:none}
.preference-trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:7px 10px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--soft);font-size:.75rem;white-space:nowrap;line-height:1.2}
.preference-trigger>svg{width:16px;height:16px}
.preference-trigger:hover,.preference-trigger[aria-expanded="true"]{background:var(--raised);border-color:var(--preference-border);color:var(--text)}
.preference-chevron{width:11px;height:11px;color:var(--muted)}
.preference-panel{position:absolute;top:calc(100% + 9px);right:0;width:204px;max-width:calc(100vw - 28px);max-height:min(75dvh,530px);overflow-y:auto;overscroll-behavior:contain;padding:7px;border:1px solid var(--preference-border);border-radius:8px;background:var(--panel);box-shadow:var(--preference-shadow);z-index:30;color:var(--text)}
.preference-panel[hidden]{display:none}
.preference-panel-title{display:block;padding:7px 9px 9px;font-size:.6875rem;letter-spacing:.06em;color:var(--muted)}
.preference-option{display:flex;align-items:center;gap:10px;text-align:start;width:100%;min-height:39px;border:0;border-radius:5px;padding:10px 9px;background:transparent;font-size:.8125rem;line-height:1.45;color:var(--soft)}
.preference-option>svg{width:16px;height:16px;color:var(--muted)}
.preference-option:hover{background:var(--raised);color:var(--text)}
.preference-option.selected{background:var(--preference-selected);color:var(--text);font-weight:500}
.preference-option.selected>svg{color:var(--text)}
.preference-check{margin-inline-start:auto;width:14px;height:14px;color:var(--accent)}
.preference-trigger:focus-visible,.preference-option:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
:root[dir="rtl"] .preference-panel{right:auto;left:0}
:root[dir="rtl"] .preference-option{text-align:start}
html:lang(ar) .preference-panel-title,html:lang(th) .preference-panel-title,html:lang(vi) .preference-panel-title{letter-spacing:0}
@media(max-width:900px){.header .preference-trigger .preference-label,.header .preference-trigger .preference-chevron{display:none}.header .preference-trigger{min-width:36px;min-height:36px;padding:7px}.header .preference-panel{width:190px}}
@media(max-width:440px){.header .preference-panel{position:fixed;right:12px;top:64px;width:208px;max-width:calc(100vw - 24px)}:root[dir="rtl"] .header .preference-panel{left:12px;right:auto}}