/* v1.3.1 styles */
.svb-wrap{font-family:inherit; color:inherit}
.svb-wrap .svb-btn{cursor:pointer}
.svb-wrap.svb-skin-minimal{--bg:transparent; --fg:inherit; --muted:#6b7280; --accent:currentColor; --ok:#15803d; --warn:#b91c1c;}
.svb-wrap.svb-skin-boxed{--bg:#fff; --fg:#111; --muted:#666; --accent:#2d6cdf; --ok:#15803d; --warn:#b91c1c; background:var(--bg); color:var(--fg); border-radius:16px; padding:16px; box-shadow:0 6px 20px rgba(0,0,0,.08); max-width:980px; margin:24px auto;}
.svb-wrap.dark{--bg:#0b0f14; --fg:#e5e7eb; --muted:#94a3b8; --accent:#60a5fa; --ok:#22c55e; --warn:#ef4444}
.svb-head{display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:12px}
.svb-title{font-weight:700; font-size:clamp(18px, 2.2vw, 22px)}
.svb-controls .svb-btn{margin-left:6px}
.svb-btn{background:var(--accent); color:#fff; border:none; border-radius:10px; padding:8px 12px; font-weight:600; box-shadow:0 2px 8px rgba(0,0,0,.12)}
.svb-picker{border:1px dashed rgba(0,0,0,.15); border-radius:12px; padding:14px; margin-top:8px}
.svb-pack-title{font-size:14px; color:var(--muted); margin-bottom:8px}
.svb-pack-list{display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:12px}
.svb-card{border:1px solid rgba(0,0,0,.1); border-radius:14px; overflow:hidden; background:rgba(0,0,0,.02); display:flex; flex-direction:column}
.svb-card .svb-card-cover{width:100%; height:140px; background:#f3f4f6; display:flex; align-items:center; justify-content:center; overflow:hidden}
.svb-card .svb-card-cover img{width:100%; height:100%; object-fit:cover}
.svb-card .svb-card-body{padding:10px}
.svb-card h4{margin:0 0 6px; font-size:16px}
.svb-card p{margin:0; font-size:13px; color:var(--muted)}
.svb-stage{margin-top:12px}
.svb-progress{font-size:13px; color:var(--muted); margin-bottom:8px}
.svb-qimg img{max-width:100%; width:100%; height:auto; max-height:320px; object-fit:contain; border-radius:12px; background:#f9fafb}
.svb-qtext{font-size:18px; font-weight:600; margin:8px 0 10px}
.svb-choices{display:grid; gap:8px}
.svb-choice{border:1px solid rgba(0,0,0,.1); border-radius:12px; padding:10px; background:#fff; cursor:pointer}
.svb-choice.correct{border-color:var(--ok)}
.svb-choice.wrong{border-color:var(--warn)}
.svb-scale{margin:8px 0}
.svb-feedback{margin-top:8px; color:var(--muted); font-size:14px}
.svb-result{margin-top:12px}
.svb-score{font-size:26px; font-weight:700}
.svb-eval{font-size:15px}
.svb-breakdown{margin-top:8px; font-size:14px}
.hidden{display:none}