/* ==== Gemini-style settings panel (desktop popover / mobile bottom sheet) ==== */
#sheet-scrim{position:fixed;inset:0;z-index:76;background:#000000a6;opacity:0;transition:opacity .2s ease;display:none}
#sheet-scrim.open{display:block;opacity:1}
@media(min-width:761px){#sheet-scrim{display:none!important}}
#settings-sheet{position:fixed;z-index:77;width:292px;max-height:min(640px,calc(100dvh - 96px));display:flex;flex-direction:column;background:#1e1f20;color:#e3e3e3;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 14px 44px #000000b3;overflow:hidden;opacity:0;transform:translateY(8px) scale(.985);pointer-events:none;transition:opacity .16s ease,transform .16s ease;font-family:inherit}
#settings-sheet.open{opacity:1;transform:none;pointer-events:auto}
html[data-theme=light] #settings-sheet{background:#fff;color:#202124;border-color:#dde1e6;box-shadow:0 14px 44px #14233a2e}
.sheet-grip{display:none}
.sheet-top{display:none;align-items:center;gap:6px;padding:10px 12px 2px}
.sheet-mini,.sheet-dots,.sheet-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;flex:0 0 auto}
.sheet-mini .icon,.sheet-dots .icon{width:19px;height:19px}
.sheet-dots .icon{stroke-dasharray:2.6 3.4;opacity:.8}
.sheet-close{background:#c2263b;color:#fff}
.sheet-close:hover{background:#d32d43}
.sheet-close .icon{width:15px;height:15px;stroke-width:2.4}
.sheet-title{display:inline-flex;align-items:center;gap:3px;font-size:15px;line-height:1;color:#e3e3e3;padding-inline-start:2px}
html[data-theme=light] .sheet-title{color:#202124}
.sheet-title .chev{width:15px;height:15px;opacity:.85}
.sheet-body{overflow-y:auto;overscroll-behavior:contain;padding:4px 8px 10px;scrollbar-width:thin}
.sheet-group+.sheet-group{margin-top:4px}
.sheet-head{padding:12px 10px 5px;font-size:11.5px;font-weight:500;letter-spacing:.01em;color:#9aa0a6}
html[data-theme=light] .sheet-head{color:#5f6368}
.sheet-row{display:flex;align-items:center;gap:12px;width:100%;min-height:38px;padding:7px 10px;border-radius:9px;text-align:start;color:inherit;font-size:13.5px;line-height:1.35;background:transparent;white-space:nowrap}
.sheet-row:hover{background:#2a2b2d}
html[data-theme=light] .sheet-row:hover{background:#eef0f3}
.sheet-row .icon{width:18px;height:18px;stroke-width:1.7;flex:0 0 auto;opacity:.94}
.sheet-row .sheet-label{flex:1;overflow:hidden;text-overflow:ellipsis}
.sheet-row .chev{width:15px;height:15px;opacity:.55;stroke-width:2}
html[dir=rtl] .sheet-row .chev{transform:scaleX(-1)}
.sheet-row.danger{color:#f2a6a6}
html[data-theme=light] .sheet-row.danger{color:#c5221f}
.sheet-row.sel{background:#2a2b2d}
html[data-theme=light] .sheet-row.sel{background:#e8eaed}
.sheet-row .chk{width:16px;height:16px;color:#a8c7fa}
html[data-theme=light] .sheet-row .chk{color:#1a73e8}
.sheet-sub{padding:8px 6px 2px}
.sheet-back{display:inline-flex;align-items:center;gap:8px;padding:6px 8px;border-radius:9px;font-size:14px;color:inherit}
.sheet-back .icon{width:17px;height:17px}
html[dir=rtl] .sheet-back .icon{transform:scaleX(-1)}
.sheet-field{display:block;padding:6px 6px 0}
.sheet-field>span{display:block;margin-bottom:7px;font-size:12px;color:#9aa0a6}
.sheet-field input{display:block;width:100%;border:1px solid #ffffff1f;border-radius:10px;background:#131314;color:#e3e3e3;padding:10px 12px;font-size:12.5px}
html[data-theme=light] .sheet-field input{border-color:#dde1e6;background:#f7f8fa;color:#202124}
.sheet-actions{display:flex;justify-content:flex-end;padding:12px 6px 0}
.sheet-btn{border-radius:20px;padding:9px 16px;font-size:13px;background:#2a2b2d}
html[data-theme=light] .sheet-btn{background:#eef0f3}
.sheet-btn.primary{background:#a8c7fa;color:#0b1d3a}
html[data-theme=light] .sheet-btn.primary{background:#1a73e8;color:#fff}
.sheet-note,.sheet-body .subtle{padding:10px 8px 2px;font-size:11.5px;line-height:1.75;color:#9aa0a6}
html[data-theme=light] .sheet-note,html[data-theme=light] .sheet-body .subtle{color:#5f6368}
.sheet-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 6px 0}
.sheet-stat{background:#26272a;border-radius:12px;padding:12px}
html[data-theme=light] .sheet-stat{background:#f1f3f4}
.sheet-stat b{display:block;font-size:19px;font-weight:500;letter-spacing:-.3px}
.sheet-stat span{display:block;margin-top:4px;font-size:11px;color:#9aa0a6}
html[data-theme=light] .sheet-stat span{color:#5f6368}
.sheet-kbd{display:flex;justify-content:space-between;gap:12px;padding:7px 8px;font-size:12px;color:#c7c9cc}
html[data-theme=light] .sheet-kbd{color:#3c4043}
.sheet-help{padding:2px 8px;font-size:12.5px;line-height:1.9;color:#c7c9cc}
html[data-theme=light] .sheet-help{color:#3c4043}
@media(max-width:760px){
  #settings-sheet{left:0;right:0;bottom:0;width:auto;max-height:88dvh;border:0;border-radius:26px 26px 0 0;background:#131314;transform:translateY(100%);box-shadow:0 -10px 44px #000000b3}
  html[data-theme=light] #settings-sheet{background:#fff}
  #settings-sheet.open{transform:none}
  .sheet-grip{display:block;width:34px;height:4px;border-radius:4px;background:#5f6368;margin:9px auto 3px;flex:0 0 auto}
  .sheet-top{display:flex}
  .sheet-body{padding:2px 12px calc(18px + env(safe-area-inset-bottom))}
  .sheet-group+.sheet-group{margin-top:2px}
  .sheet-head{padding:13px 6px 7px}
  .sheet-row{background:#1f1f20;border-radius:12px;margin-bottom:5px;min-height:46px;padding:9px 13px;font-size:14px}
  html[data-theme=light] .sheet-row{background:#f1f3f4}
  .sheet-row:hover{background:#2a2b2d}
  html[data-theme=light] .sheet-row:hover{background:#e8eaed}
  .sheet-sub{padding:6px 2px 4px}
  .sheet-stat{background:#1f1f20}
  .sheet-field input{background:#1f1f20}
}