/*! OPTB Settings Lite v1.0 — single-panel dark settings (no side nav) */
:root{ --sl-ink:#e7eaf6; --sl-bg:#0b1022; --sl-accent:#2b8be2 }
#optb-settings-lite{ position:fixed; inset:0; z-index:999996; display:none; font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif; color:var(--sl-ink) }
#optb-settings-lite.open{ display:grid }

/* Ambient background */
#optb-settings-lite .bg{
  position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(900px 540px at 20% 20%, rgba(59,130,246,.25), transparent 60%),
    radial-gradient(1100px 620px at 80% 15%, rgba(147,197,253,.18), transparent 65%),
    linear-gradient(180deg, #0b1022, #0e1636);
  filter: saturate(120%);
}

/* Shell */
#optb-settings-lite .shell{ position:relative; margin:auto; width:min(980px,94vw); max-height:88vh;
  background:rgba(10,13,30,.70); border:1px solid rgba(255,255,255,.08); border-radius:24px;
  box-shadow:0 50px 160px rgba(0,0,0,.55); backdrop-filter: blur(12px); overflow:hidden;
  display:grid; grid-template-rows:auto 1fr auto
}
#optb-settings-lite .head{ display:flex; align-items:center; justify-content:space-between; padding:16px 18px; border-bottom:1px solid rgba(255,255,255,.08) }
#optb-settings-lite .brand{ font-weight:900; letter-spacing:.02em }
#optb-settings-lite .close{ background:transparent; border:1px solid rgba(255,255,255,.18); color:var(--sl-ink); border-radius:12px; padding:8px 12px; cursor:pointer }

/* Body — single column of sections */
#optb-settings-lite .body{ padding:14px 16px; overflow:auto; display:grid; gap:12px }
#optb-settings-lite .section{ border:1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.06); border-radius:16px; overflow:hidden }
#optb-settings-lite .section summary{ list-style:none; cursor:pointer; padding:14px 16px; font-weight:900; display:flex; align-items:center; justify-content:space-between }
#optb-settings-lite .section summary::-webkit-details-marker{ display:none }
#optb-settings-lite .section .content{ padding:14px 16px; display:grid; gap:10px }
#optb-settings-lite .muted{ opacity:.8; font-size:13px }

/* Controls */
#optb-settings-lite .row{ display:flex; align-items:center; gap:10px; flex-wrap:wrap }
#optb-settings-lite .chip{ display:inline-flex; align-items:center; gap:8px; padding:10px 12px; border-radius:999px; border:1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.06); font-weight:900; cursor:pointer }
#optb-settings-lite .chip.active{ background:var(--sl-accent); border-color:transparent }
#optb-settings-lite .picker{ display:flex; align-items:center; gap:8px; padding:8px 10px; border-radius:12px; border:1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.06) }
#optb-settings-lite input[type="color"]{ appearance:none; -webkit-appearance:none; width:28px; height:28px; border:none; background:transparent; padding:0; border-radius:999px; overflow:hidden }
#optb-settings-lite .input{ display:grid; gap:6px; min-width:220px }
#optb-settings-lite .input input, #optb-settings-lite .input select{ width:100%; min-height:44px; border-radius:12px; border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.06); color:#fff; padding:8px 10px }
#optb-settings-lite .input input[type="range"]{ appearance:auto; height:6px; padding:0 }

/* Footer */
#optb-settings-lite .actions{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 18px; border-top:1px solid rgba(255,255,255,.08) }
#optb-settings-lite .btn{ display:inline-flex; align-items:center; gap:10px; padding:12px 16px; border-radius:12px; border:1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.06); color:#fff; font-weight:900; cursor:pointer }
#optb-settings-lite .btn.primary{ background:#2b8be2; border-color:transparent; box-shadow:0 18px 48px rgba(43,139,226,.45) }

/* Launcher */
#optb-settings-lite-launch{ position:fixed; left:16px; bottom:16px; z-index:999995 }
#optb-settings-lite-launch .fab{ display:inline-flex; align-items:center; gap:8px; padding:12px 14px; border-radius:999px; background:#111827; color:#fff; border:1px solid rgba(255,255,255,.14); font-weight:900; box-shadow:0 16px 38px rgba(17,24,39,.45); cursor:pointer }

/* Helpers */
#optb-settings-lite .swatch{ width:22px; height:22px; border-radius:999px; border:1px solid rgba(255,255,255,.3) }