.ss{display:grid;gap:28px;margin:32px 0;padding:28px;border:1px solid var(--line);border-radius:24px;background:#fff}.ss__stage{display:grid;grid-template-columns:2.4fr 1fr;gap:14px;align-items:end}.ss__stage svg{display:block;width:100%;height:auto;border-radius:16px}.ss__film{transition:opacity .35s ease}.ss__controls{display:grid;grid-template-columns:1fr 1fr;gap:8px 32px}.ss__controls>p{grid-column:1 / -1}.ss__group{margin:0 0 12px;padding:0;border:0;min-width:0}.ss__group legend{margin:0 0 10px;padding:0;font-size:15px;font-weight:700;color:var(--ink)}.ss__chips{display:flex;flex-wrap:wrap;gap:8px}.ss__chip{position:relative}.ss__chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.ss__chip span{display:inline-block;padding:9px 14px;border:1px solid var(--line);border-radius:999px;font-size:14px;font-weight:600;color:var(--slate);background:#fff;transition:background .15s,color .15s,border-color .15s}.ss__chip input:checked+span{border-color:var(--night);background:var(--night);color:#fff}.ss__chip input:focus-visible+span{outline:2px solid var(--glacier);outline-offset:2px}.ss__summary{margin:4px 0 0;font-size:15px;font-weight:600;color:var(--ink)}.ss__warn{margin:12px 0 0;padding:12px 14px;border-radius:12px;background:#fff8f1;border:1px solid #f1c9a8;font-size:14px;line-height:1.55;color:#6b3d12}.ss__fine{margin:14px 0 0;font-size:13px;line-height:1.6;color:var(--slate)}@media(max-width:760px){.ss{padding:16px;margin:24px -4px}.ss__stage,.ss__controls{grid-template-columns:1fr}.ss__front{max-width:260px}}@media(prefers-reduced-motion:reduce){.ss__film{transition:none}}