/* Shared dropdown treatment: native selection and keyboard behavior are preserved. */
:root{--dropdown-bg:#fbfcff;--dropdown-ink:#283449;--dropdown-border:#d2d9e8;--dropdown-hover:#94a4ca;--dropdown-accent:#6579ce;--dropdown-menu:#fff;--dropdown-shadow:0 12px 36px rgba(37,49,85,.12)}
html[data-theme=dark]{--dropdown-bg:#252d3c;--dropdown-ink:#eef2ff;--dropdown-border:#424e66;--dropdown-hover:#7688b4;--dropdown-accent:#a1b2ff;--dropdown-menu:#202838;--dropdown-shadow:0 18px 46px rgba(0,0,0,.36)}
html body :is(select,#sound-preset):not([multiple]){appearance:none;-webkit-appearance:none;box-sizing:border-box;min-height:48px;width:100%;max-width:100%;min-width:0;padding:12px 44px 12px 15px;border:1px solid var(--dropdown-border);border-radius:13px;background-color:var(--dropdown-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%237d8fbf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 15px center;background-size:18px;background-repeat:no-repeat;color:var(--dropdown-ink);font:inherit;font-size:16px;font-weight:550;line-height:1.4;text-overflow:ellipsis;cursor:pointer;box-shadow:0 2px 5px rgba(35,48,80,.035);transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
html body :is(select,#sound-preset):not([multiple]):hover:not(:disabled){border-color:var(--dropdown-hover);box-shadow:0 3px 12px rgba(83,102,159,.1)}
html body :is(select,#sound-preset):focus-visible{outline:2px solid var(--dropdown-accent);outline-offset:3px;border-color:var(--dropdown-accent);box-shadow:0 0 0 4px rgba(115,136,220,.13)}
html body :is(select,#sound-preset):disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
html body select option,html body select optgroup{background:var(--dropdown-menu);color:var(--dropdown-ink);font-size:16px;font-weight:450}
html body #output-format{width:auto;min-width:112px;max-width:55%;margin-left:12px}
html[data-theme=dark] body select{color-scheme:dark}
html .language-switcher summary{min-height:48px;padding:11px 15px;border-radius:13px;border-color:var(--dropdown-border);background:var(--dropdown-bg);color:var(--dropdown-ink);box-shadow:0 2px 5px rgba(35,48,80,.035);gap:10px;font-weight:550;transition:border-color .18s ease,box-shadow .18s ease}
html .language-switcher summary:hover{border-color:var(--dropdown-hover);box-shadow:0 3px 12px rgba(83,102,159,.1)}
html .language-switcher summary::after{content:'';width:8px;height:8px;margin-left:8px;margin-top:-4px;border-right:2px solid var(--dropdown-accent);border-bottom:2px solid var(--dropdown-accent);transform:rotate(45deg);transition:transform .2s ease}
html .language-switcher[open] summary{border-color:var(--dropdown-accent);box-shadow:0 0 0 3px rgba(115,136,220,.1)}
html .language-switcher[open] summary::after{transform:translateY(4px) rotate(225deg)}
html .language-switcher summary:focus-visible{outline:2px solid var(--dropdown-accent);outline-offset:3px}
html .language-switcher .language-menu{width:min(250px,calc(100vw - 32px));padding:9px;gap:4px;border-color:var(--dropdown-border);border-radius:17px;background:var(--dropdown-menu);box-shadow:var(--dropdown-shadow)}
html .language-switcher .language-menu a{min-height:45px;padding:11px 13px;border-radius:10px;color:var(--dropdown-ink);font-size:15px;transition:background-color .15s ease,color .15s ease}
html .language-switcher .language-menu a:hover{background:rgba(111,132,210,.12);color:var(--dropdown-accent)}
html .language-switcher .language-menu a[aria-current=page]{background:rgba(111,132,210,.15);color:var(--dropdown-accent);font-weight:650}
html .language-switcher .language-menu a:focus-visible{outline:2px solid var(--dropdown-accent);outline-offset:-2px;background:rgba(111,132,210,.12)}
@media(prefers-reduced-motion:no-preference){.language-switcher[open] .language-menu{animation:dropdown-reveal .18s ease-out;transform-origin:top right}@keyframes dropdown-reveal{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}}
@media(prefers-reduced-motion:reduce){html body select,html .language-switcher summary,html .language-switcher summary::after,html .language-switcher .language-menu a{transition:none}}
@media(max-width:600px){html body :is(select,#sound-preset):not([multiple]){min-height:48px;padding-left:13px;border-radius:12px}html .language-switcher summary{font-size:14px;padding:10px 12px}html body #output-format{min-width:102px}}
@media(forced-colors:active){html body :is(select,#sound-preset):not([multiple]){appearance:auto;background-image:none;box-shadow:none}html .language-switcher .language-menu{border:1px solid CanvasText}html .language-switcher .language-menu a[aria-current=page]{outline:1px solid Highlight}}