.sc-range{display:flex;gap:.6rem;align-items:center;margin-bottom:.9rem}
.sc-range input{flex:1;min-width:0;padding:0;border:0;accent-color:var(--redline)}
.sc-range output{min-width:3ch;text-align:right;font-variant-numeric:tabular-nums}
.sc-grid{display:grid;grid-template-columns:minmax(0,170px) minmax(0,1fr);gap:1rem;align-items:center}
@media (max-width:520px){.sc-grid{grid-template-columns:minmax(0,1fr)}.sc-shape{max-width:200px;margin:0 auto}}
.sc-shape{width:100%;height:auto;overflow:visible}
.sc-outline{fill:color-mix(in srgb,var(--fg) 6%,transparent);stroke:var(--fg);stroke-width:1.5;stroke-linejoin:round}
.sc-comb{fill:none;stroke:var(--redline);stroke-width:.75;opacity:.55}
.sc-envelope{fill:none;stroke:var(--redline);stroke-width:1.25;stroke-linejoin:round}
.sc-plot-wrap{min-width:0}
.sc-plot{display:block;width:100%;height:170px;overflow:visible}
.sc-plot text{fill:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}
.sc-plot .sc-small{font-size:9px}
.sc-grid-line{stroke:var(--rule);stroke-width:1}
.sc-tan{stroke:var(--muted);stroke-width:1;stroke-dasharray:2 3}
.sc-ref{fill:none;stroke:var(--muted);stroke-width:1.25;stroke-dasharray:4 3}
.sc-curve{fill:none;stroke:var(--redline);stroke-width:2;stroke-linejoin:round}
.sc-key{display:flex;flex-wrap:wrap;gap:.25rem 1rem;margin-top:.4rem;color:var(--muted)}
.sc-key span{display:inline-flex;align-items:center;gap:.4rem}
.sc-key i{display:inline-block;width:16px;height:0;border-top:2px solid var(--redline)}
.sc-key .sc-k-ref{border-top:1.5px dashed var(--muted)}
.sc-zoom{display:block;width:100%;max-width:420px;height:auto;margin:0 auto;overflow:hidden}
.sc-z-edge{fill:none;stroke:var(--rule);stroke-width:1;stroke-dasharray:3 3}
.sc-z-circle{fill:none;stroke:var(--muted);stroke-width:1.5;stroke-dasharray:5 3}
.sc-z-squircle{fill:none;stroke:var(--redline);stroke-width:2}
.sc-z-comb-c{fill:none;stroke:var(--muted);stroke-width:.75;opacity:.6}
.sc-z-comb-s{fill:none;stroke:var(--redline);stroke-width:.75;opacity:.5}
.demo .sc-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}
.demo .sc-cards figure{margin:0;min-width:0}
.sc-card{height:96px;background:var(--fg)}
.sc-card-round{border-radius:24px}
.demo .sc-cards figcaption{margin-top:.4rem;color:var(--muted);font-size:inherit;overflow-wrap:anywhere}