.sp-tool{gap:1rem;max-width:820px;margin:1.5rem auto 3rem;padding:0 1rem;display:grid}.sp-panel{border:1px solid var(--border,#e2e2e2);border-radius:1rem;gap:.75rem;padding:1rem 1.25rem 1.25rem;display:grid}.sp-panel h2{margin:0;font-size:1.05rem}.sp-safe{border-width:2px}.sp-note{opacity:.85;margin:0;font-size:.9rem}.sp-row{flex-wrap:wrap;gap:.5rem;display:flex}.sp-row button{min-height:44px}.sp-row button[data-active=true]{outline:2px solid var(--focus,#1a73e8);outline-offset:1px;font-weight:700}.sp-volume{gap:.35rem;font-weight:600;display:grid}.sp-volume input[type=range]{width:100%;min-height:44px}.sp-progress{background:var(--border,#d4d4d4);border-radius:6px;height:12px;overflow:hidden}.sp-progress span{background:var(--focus,#1a73e8);width:0;height:100%;transition:width .12s linear;display:block}.sp-status{margin:0;font-weight:700}.sp-q{border-top:1px solid var(--border,#e2e2e2);gap:.4rem;padding-top:.6rem;display:grid}.sp-q p{margin:0}.sp-verdict{margin:0;font-weight:700}@media (prefers-reduced-motion:reduce){.sp-progress span{transition:none}}