#audioSettingsButton { display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;min-height:38px;border-radius:7px; }
#audioSettingsButton img { flex:none;opacity:.8; }
#audioSettingsDialog { --as-bg:var(--panel,#fff);--as-text:var(--ink,#101828);box-sizing:border-box;width:min(480px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:22px;border:1px solid var(--line,#d9e1ec);border-radius:8px;background:var(--as-bg);color:var(--as-text);box-shadow:0 20px 65px #0005;font:14px/1.5 Inter,"Segoe UI",Arial,sans-serif;letter-spacing:0; }
#audioSettingsDialog::backdrop { background:#0008;backdrop-filter:blur(4px); }
#audioSettingsDialog header { display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px; }
#audioSettingsDialog h2 { margin:0;font-size:19px;line-height:1.3;letter-spacing:0; }
#audioSettingsDialog button,#audioSettingsDialog select { font:inherit;letter-spacing:0; }
#audioSettingsDialog button { cursor:pointer; }
#audioSettingsDialog .as-close { width:32px;height:32px;padding:0;background:transparent;border:1px solid var(--line,#d9e1ec);border-radius:6px;color:inherit;font-size:22px; }
#audioSettingsDialog label { margin:0;color:var(--as-text);font-size:14px;line-height:1.4; }
#audioSettingsDialog .as-enabled { display:flex;align-items:center;gap:10px;font-weight:600;margin:0 0 16px; }
#audioSettingsDialog input[type=checkbox] { width:18px;height:18px;margin:0;accent-color:#078669; }
#audioSettingsDialog fieldset { margin:0;padding:0;border:0;min-width:0;display:grid;gap:14px; }
#audioSettingsDialog .as-field { display:grid;gap:5px;min-width:0; }
#audioSettingsDialog select { width:100%;min-width:0;max-width:100%;margin:0;padding:9px 10px;border:1px solid var(--line,#d9e1ec);border-radius:6px;color:var(--as-text);background:var(--panel-soft,#f7f9fc); }
#audioSettingsDialog select:disabled { opacity:1;background:transparent;color:var(--as-text);-webkit-text-fill-color:var(--as-text);cursor:not-allowed; }
#audioSettingsDialog .as-status { font-size:12px;color:var(--muted,#667085);margin:12px 0;min-height:18px;overflow-wrap:anywhere; }
#audioSettingsDialog .as-test { display:flex;align-items:center;gap:12px;margin-top:18px; }
#audioSettingsDialog meter { width:100%;height:12px;min-width:40px;flex:1; }
#audioSettingsDialog .as-test button,#audioSettingsDialog footer button { padding:9px 13px;border:1px solid var(--line,#d9e1ec);border-radius:6px;color:var(--as-text);background:var(--panel-soft,#f7f9fc);white-space:nowrap; }
#audioSettingsDialog footer { display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line,#d9e1ec);padding-top:16px;margin-top:16px; }
#audioSettingsDialog #asSave { background:#078669;color:white;border-color:#078669; }
#audioSettingsDialog button:disabled { opacity:1;cursor:not-allowed;background:transparent;color:var(--as-text);-webkit-text-fill-color:var(--as-text);border-style:dashed; }
#audioSettingsDialog #asSave:disabled { background:transparent;color:var(--as-text);border-color:var(--line,#d9e1ec); }
#audioSettingsDialog input:disabled { opacity:1;cursor:not-allowed; }
body.dark-mode #audioSettingsDialog,html[data-theme=dark] #audioSettingsDialog,body[data-theme=dark] #audioSettingsDialog { --as-bg:rgba(15,23,42,.96);--as-text:#f8fafc;--panel-soft:#202b3d;--line:#ffffff20;--muted:#a9b7cb; }
body.dark-mode #audioSettingsButton img,html[data-theme=dark] #audioSettingsButton img,body[data-theme=dark] #audioSettingsButton img { filter:invert(1); }
@media(max-width:540px){.top-actions{flex-wrap:wrap;}#audioSettingsDialog{padding:17px;}#audioSettingsButton{font-size:12px;gap:6px;}}

/* Keep native popup options and enabled controls on the same explicit palette. */
#audioSettingsDialog {
  --as-control-bg:#f7f9fc;
  --as-control-fg:#182230;
  --as-control-border:#b9c6d6;
  --as-control-scheme:light;
}
body.dark-mode #audioSettingsDialog,
body.dark #audioSettingsDialog,
html.dark #audioSettingsDialog,
body.theme-dark #audioSettingsDialog,
html[data-theme="dark"] #audioSettingsDialog,
body[data-theme="dark"] #audioSettingsDialog,
html[data-bs-theme="dark"] #audioSettingsDialog,
html[data-darkreader-scheme="dark"] #audioSettingsDialog {
  --as-control-bg:#202b3d;
  --as-control-fg:#f1f5f9;
  --as-control-border:#53647b;
  --as-control-scheme:dark;
}
#audioSettingsDialog select,
#audioSettingsDialog select:disabled,
#audioSettingsDialog select option,
#audioSettingsDialog .as-test button,
#audioSettingsDialog footer button:not(#asSave) {
  background-color:var(--as-control-bg) !important;
  color:var(--as-control-fg) !important;
  -webkit-text-fill-color:var(--as-control-fg) !important;
  border-color:var(--as-control-border);
  color-scheme:var(--as-control-scheme);
  opacity:1;
}
#audioSettingsDialog select option:checked {
  background-color:#1d5d91 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}