.spc{--accent:#e0598a}.spc-main{display:flex;gap:18px;align-items:stretch;margin-top:16px;flex-wrap:wrap}.spc-swatch{flex:0 0 150px;min-height:120px;border-radius:14px;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 0 30px #00000040}.spc-vals{flex:1;min-width:220px;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;align-content:start}.spc-stat{padding:11px 13px;border-radius:11px;border:1px solid rgba(224,89,138,.2);background:rgba(224,89,138,.06)}.spc-stat b{display:block;font:800 19px/1.15 JetBrains Mono,monospace;color:var(--accent)}.spc-stat span{font:600 11px/1.3 Inter,Segoe UI,system-ui,sans-serif;color:var(--dim);text-transform:uppercase;letter-spacing:.03em}.spc-barwrap{margin-top:22px;position:relative}.spc-bar{height:44px;border-radius:10px;border:1px solid rgba(255,255,255,.14)}.spc-slider{width:100%;margin-top:12px;accent-color:#fff}.spc-examples{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.spc-ex{cursor:pointer;padding:8px 12px;border-radius:999px;border:1px solid rgba(140,160,235,.22);background:rgba(255,255,255,.03);font:700 12px/1 Inter,Segoe UI,system-ui,sans-serif;color:var(--dim);transition:border-color .13s,color .13s}.spc-ex:hover{color:var(--ink);border-color:var(--accent)}.spc-ex i{font-style:normal;margin-right:5px}