.st-root{--st-height: 44px;--st-width: 96px;--st-padding: max(2px, calc(var(--st-height) * .08));--st-knob-size: calc(var(--st-height) - (var(--st-padding) * 2));--st-radius: calc(var(--st-height) / 2);--st-on-bg: #17a673;--st-off-bg: #d5dbe3;--st-knob-bg: #ffffff;--st-on-color: #ffffff;--st-off-color: #293241;--st-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--st-font-size: calc(var(--st-height) * .32);--st-font-weight: 600;--st-shadow: 0 1px 3px rgb(15 23 42 / 20%);--st-duration: .18s;--st-easing: cubic-bezier(.2, .8, .2, 1);display:inline-flex;width:var(--st-width);height:var(--st-height);cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle}.st-root:has(.st-input:disabled){cursor:not-allowed;opacity:.58}.st-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.st-track{position:relative;display:inline-flex;align-items:center;width:100%;height:100%;overflow:hidden;border-radius:var(--st-radius);background:var(--st-off-bg);color:var(--st-off-color);transition:background-color var(--st-duration) var(--st-easing),color var(--st-duration) var(--st-easing)}.st-input:checked+.st-track{background:var(--st-on-bg);color:var(--st-on-color)}.st-input:focus-visible+.st-track{outline:2px solid color-mix(in srgb,var(--st-on-bg),white 20%);outline-offset:3px}.st-knob{position:absolute;z-index:2;top:var(--st-padding);left:var(--st-padding);width:var(--st-knob-size);height:var(--st-knob-size);border-radius:50%;background:var(--st-knob-bg);box-shadow:var(--st-shadow);transform:translate(0);transition:transform var(--st-duration) var(--st-easing);pointer-events:none}.st-input:checked+.st-track .st-knob{transform:translate(calc(var(--st-width) - var(--st-height)))}.st-content{position:absolute;z-index:1;top:0;bottom:0;display:inline-flex;align-items:center;gap:calc(var(--st-height) * .11);font-family:var(--st-font-family);font-size:var(--st-font-size);font-weight:var(--st-font-weight);line-height:1;pointer-events:none;transition:opacity var(--st-duration) var(--st-easing),transform var(--st-duration) var(--st-easing)}.st-content svg{width:calc(var(--st-height) * .38);height:calc(var(--st-height) * .38);flex:0 0 auto}.st-content-unchecked{right:calc(var(--st-height) * .28);opacity:1;transform:translate(0)}.st-content-checked{left:calc(var(--st-height) * .28);opacity:0;transform:translate(calc(var(--st-height) * -.18))}.st-input:checked+.st-track .st-content-unchecked{opacity:0;transform:translate(calc(var(--st-height) * .18))}.st-input:checked+.st-track .st-content-checked{opacity:1;transform:translate(0)}@media (prefers-reduced-motion: reduce){.st-track,.st-knob,.st-content{transition-duration:1ms}}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f6f8fb;color:#172033;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}main{width:min(1100px,calc(100vw - 32px));margin:0 auto;padding:48px 0}.hero{margin-bottom:28px}.eyebrow{margin:0 0 8px;color:#5b6b82;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}h1{margin:0;font-size:clamp(34px,6vw,64px);line-height:1;letter-spacing:0}.summary{max-width:620px;margin:16px 0 0;color:#4b5870;font-size:18px;line-height:1.55}.showcase{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:28px;align-items:stretch;margin-bottom:22px;padding:28px;border:1px solid #dbe2ea;border-radius:8px;background:#fff;box-shadow:0 14px 38px #1f29371a}.showcase-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}.showcase-copy h2{max-width:440px;margin:0;color:#111827;font-size:clamp(28px,4vw,48px);line-height:1.02;letter-spacing:0}.showcase-copy p:not(.eyebrow){max-width:460px;margin:16px 0 0;color:#526078;font-size:16px;line-height:1.6}pre{width:min(100%,430px);margin:22px 0 0;padding:16px;overflow:auto;border:1px solid #d8e0ea;border-radius:8px;background:#0f172a;color:#e5eefc;font-size:14px}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.scale-lab{display:grid;gap:18px;min-width:0}.scale-stack{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;min-height:190px;padding:20px;border:1px solid #e3e9f1;border-radius:8px;background:linear-gradient(90deg,rgb(148 163 184 / 12%) 1px,transparent 1px),linear-gradient(0deg,rgb(148 163 184 / 12%) 1px,transparent 1px),#f8fafc;background-size:24px 24px}.scale-toggle{flex:0 0 auto;--st-on-bg: #2563eb;--st-off-bg: #dbeafe;--st-off-color: #1e3a8a}.slider-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px;border:1px solid #e3e9f1;border-radius:8px;background:#fbfdff}.slider-card h3{margin:0;font-size:16px}.slider-card p{margin:5px 0 0;color:#64748b;font-size:14px}.height-slider{grid-column:1 / -1;width:100%;accent-color:#2563eb}.panel{padding:24px;border:1px solid #dbe2ea;border-radius:8px;background:#fff;box-shadow:0 10px 30px #1f293714}.panel+.panel{margin-top:18px}.row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0}.row+.row{border-top:1px solid #edf1f5}h2{margin:0;font-size:16px;line-height:1.25}.row p,.compact p{margin:5px 0 0;color:#64748b;font-size:14px;line-height:1.45}.blue{--st-on-bg: #2264e5}.violet{--st-on-bg: #6d5dfc;--st-off-bg: #e4e7ef}.violet .st-content svg{fill:currentColor}.mui-example{--st-on-bg: #1976d2;--st-off-bg: #e0e0e0;--st-off-color: #263238;--st-font-family: Roboto, Arial, sans-serif;--st-font-weight: 500;--st-shadow: 0 2px 4px rgb(0 0 0 / 22%);--st-duration: .2s}.rsuite-example{--st-on-bg: #3498ff;--st-off-bg: #e5e5ea;--st-off-color: #343434;--st-font-family: "Helvetica Neue", Arial, sans-serif;--st-font-weight: 600;--st-shadow: 0 1px 4px rgb(31 45 61 / 18%);--st-duration: .16s}.chakra-example{--st-on-bg: #319795;--st-off-bg: #e6fffa;--st-off-color: #285e61;--st-font-family: Inter, system-ui, sans-serif;--st-font-weight: 700;--st-shadow: 0 1px 3px rgb(49 151 149 / 28%)}.tailwind-example{--st-on-bg: #4f46e5;--st-off-bg: #e0e7ff;--st-off-color: #3730a3;--st-font-family: ui-sans-serif, system-ui, sans-serif;--st-font-weight: 800;--st-duration: .13s}.antd-example{--st-on-bg: #1677ff;--st-off-bg: #f0f0f0;--st-off-color: #595959;--st-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--st-font-size: 12px;--st-font-weight: 500;--st-shadow: 0 2px 4px rgb(0 0 0 / 14%)}.radix-example{--st-on-bg: #111827;--st-off-bg: #f3f4f6;--st-off-color: #111827;--st-font-family: system-ui, sans-serif;--st-font-weight: 700;--st-shadow: 0 0 0 1px rgb(17 24 39 / 14%)}.font-example{--st-font-family: Georgia, "Times New Roman", serif;--st-font-size: 15px;--st-font-weight: 700}.icon-stroke .st-content svg,.mixed-example .st-content svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4}.icon-fill .st-content svg{fill:currentColor}.mixed-example{--st-font-weight: 800}.success-example{--st-on-bg: #16a34a;--st-off-bg: #dcfce7;--st-off-color: #166534;--st-font-weight: 800}.warning-example{--st-on-bg: #f59e0b;--st-off-bg: #fef3c7;--st-off-color: #92400e;--st-on-color: #1f2937;--st-font-weight: 800}.dark-example{--st-on-bg: #a78bfa;--st-off-bg: #1f2937;--st-knob-bg: #f8fafc;--st-on-color: #111827;--st-off-color: #e5e7eb;--st-shadow: 0 2px 8px rgb(0 0 0 / 35%)}@media (max-width: 560px){main{width:min(100% - 20px,900px);padding:28px 0}.panel{padding:18px}.showcase{grid-template-columns:1fr;padding:18px}.slider-card{grid-template-columns:1fr}.row{align-items:flex-start;flex-direction:column}}