#spw-widget { --muted:#94a3b8; --text:#111; }
#spw-widget .container{max-width:920px;margin:24px auto;padding:0 16px}
#spw-widget .hero{text-align:center;margin-bottom:12px}
#spw-widget h1{margin:0 0 6px;font-size:28px;letter-spacing:.2px}
#spw-widget .subtitle{color:var(--muted);font-size:14px}
#spw-widget .grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:start}
@media (max-width:900px){#spw-widget .grid{grid-template-columns:1fr}}
#spw-widget .card{background:#0b1220;color:#e5e7eb;border:1px solid rgba(255,255,255,.06);border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.15);padding:18px}
#spw-widget label{font-size:13px;color:#cbd5e1;display:block;margin-bottom:6px}
#spw-widget input[type=number],#spw-widget select,#spw-widget input[type=text]{width:100%;background:#0b0f1a;color:#e5e7eb;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 12px;outline:0}
#spw-widget input[type=checkbox]{transform:translateY(1px)}
#spw-widget .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#spw-widget .row-3{grid-template-columns:repeat(3,1fr)}
#spw-widget .row + .row{margin-top:12px}
#spw-widget .check{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#0b0f1a;border:1px solid rgba(255,255,255,.07);border-radius:10px}
#spw-widget .btns{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
#spw-widget button{cursor:pointer;border:none;padding:10px 14px;border-radius:10px;font-weight:600}
#spw-widget .btn-primary{background:#22c55e;color:#04130a}
#spw-widget .btn-primary:hover{background:#15803d;color:#eafff4}
#spw-widget .btn-ghost{background:#0b0f1a;color:#e5e7eb;border:1px solid rgba(255,255,255,.10)}
#spw-widget .output{background:#050a16;border:1px dashed rgba(255,255,255,.12);border-radius:14px;padding:16px;font-size:22px;letter-spacing:.6px;word-break:break-all}
#spw-widget .mono{font-family:ui-monospace,Menlo,Monaco,Consolas,"Liberation Mono",monospace}
#spw-widget .strength{margin-top:14px}
#spw-widget .bar{height:10px;background:#0b0f1a;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}
#spw-widget .fill{height:100%;width:0%;transition:width .25s ease;background:linear-gradient(90deg,#ef4444,#f59e0b,#22c55e)}
#spw-widget .meters{display:flex;justify-content:space-between;font-size:12px;color:#cbd5e1;margin-top:6px;gap:10px;flex-wrap:wrap}
#spw-widget .badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid transparent}
#spw-widget .badge.weak{background:rgba(239,68,68,.15);color:#fecaca;border-color:rgba(239,68,68,.35)}
#spw-widget .badge.fair{background:rgba(245,158,11,.15);color:#fde68a;border-color:rgba(245,158,11,.35)}
#spw-widget .badge.strong{background:rgba(34,197,94,.15);color:#bbf7d0;border-color:rgba(34,197,94,.35)}
#spw-widget .badge.excellent{background:rgba(56,189,248,.15);color:#bae6fd;border-color:rgba(56,189,248,.35)}
#spw-widget .hint{font-size:12px;color:#cbd5e1;margin-top:8px}
#spw-widget .stat{font-size:13px;color:#cbd5e1;margin-bottom:10px}
/* full-bleed helper for constrained themes */
#spw-widget{width:100%;}