body{color:#0f172a;background:linear-gradient(135deg,#f4f7fb 0%,#f8fafc 100%);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.page{max-width:1160px;margin:0 auto;padding:3rem 1.5rem 4rem}.hero{background:linear-gradient(135deg,#fff 0%,#eef4ff 100%);border:1px solid #94a3b833;border-radius:1.5rem;margin-bottom:2.25rem;padding:2rem;box-shadow:0 16px 50px #0f172a0f}.hero h1{margin:0 0 .6rem;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.15}.hero p{color:#475569;max-width:44rem;margin:0;font-size:1rem}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#2563eb;margin:0 0 .4rem;font-size:.72rem;font-weight:700}.section-heading{justify-content:space-between;align-items:end;gap:1rem;margin:2.5rem 0 1rem;display:flex}.section-heading h2{margin:0;font-size:clamp(1.3rem,2vw,1.7rem)}.section-heading p{color:#475569;max-width:36rem;margin:0}.demo-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:stretch;gap:1.25rem;display:grid}.demo-grid--skins{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.card{box-sizing:border-box;background:#fff;border:1px solid #94a3b82e;border-radius:1.25rem;flex-direction:column;align-self:stretch;gap:1rem;width:100%;height:100%;padding:1.4rem;display:flex;box-shadow:0 18px 50px #0f172a0f}.card__header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.card h2,.card h3{margin:0;font-size:1.05rem;font-weight:700}.pill{color:#334155;background:#f1f5f9;border-radius:999px;justify-content:center;align-items:center;padding:.35rem .65rem;font-size:.8rem;font-weight:600;display:inline-flex}.pill--accent{color:#1d4ed8;background:#dbeafe}.card--skin{justify-content:flex-start;min-height:100%}.card--settings{margin-bottom:1rem}.settings-stack{gap:1rem;display:grid}.settings-block{background:#f8fafc;border:1px solid #94a3b82e;border-radius:1rem;padding:1rem}.settings-block h4{margin:0 0 .6rem;font-size:.95rem}.settings-block ul{color:#475569;margin:0;padding-left:1.15rem;line-height:1.6}.settings-block code{color:#89ddff;background:#263238eb;border-radius:.35rem;padding:.15rem .4rem;font-size:.9rem}.settings-block pre{color:#eff;background:linear-gradient(135deg,#263238 0%,#1e272e 100%);border:1px solid #818cf83d;border-radius:.9rem;margin:.5rem 0 0;padding:.9rem 1rem;font-size:.86rem;line-height:1.55;overflow-x:auto;box-shadow:inset 0 1px #ffffff0a}.settings-block pre code{color:inherit;font-size:inherit;background:0 0;padding:0}.slider-panel{flex-direction:column;gap:.35rem;width:100%;min-height:4.4rem;padding-top:.35rem;display:flex}.slider-panel .range-slider__values{margin-top:.15rem}.slider-summary{color:#475569;min-height:1.2rem;font-size:.93rem}.field-label{color:#334155;margin-bottom:-.25rem;font-weight:600;display:block}input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1px solid #cbd5e1;border-radius:.85rem;width:100%;padding:.8rem .9rem}.range-slider{margin:1rem 0 0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:block;position:relative}.range-slider__labels{justify-content:space-between;gap:1rem;min-height:1.5rem;margin-bottom:.75rem;display:flex}.range-slider__label{color:#475569;background:#f8fafc;border:1px solid #94a3b838;border-radius:999px;justify-content:center;align-items:center;min-width:3.25rem;padding:.25rem .55rem;font-size:.72rem;line-height:1;display:inline-flex}.range-slider__controls{flex-direction:column;gap:1rem;display:flex;position:relative}.range-slider__values{justify-content:space-between;align-items:center;gap:.5rem;min-height:1.45rem;display:flex}.range-slider__value--from{margin-right:auto}.range-slider__value--to{margin-left:auto}.range-slider__track{cursor:pointer;touch-action:none;background:linear-gradient(90deg,#2563eb24 0% 100%);border-radius:999px;width:100%;height:.5rem;margin-top:.4rem;position:relative;overflow:visible;box-shadow:inset 0 1px 2px #0f172a14}.range-slider__fill{border-radius:inherit;pointer-events:none;z-index:1;background:linear-gradient(90deg,#2563eb 0%,#60a5fa 100%);position:absolute;top:0;bottom:0;left:0}.range-slider__handle{cursor:grab;z-index:3;background:#2563eb;border:2px solid #fff;border-radius:50%;width:1.25rem;height:1.25rem;transition:transform .16s,box-shadow .16s,background .16s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #2563eb33}.range-slider__handle:focus-visible{outline-offset:3px;outline:3px solid #2563eb59}.range-slider__handle:active{cursor:grabbing;transform:translate(-50%,-50%)scale(1.03);box-shadow:0 10px 28px #2563eb40}.range-slider__value{white-space:nowrap;color:#fff;background:#2563eb;border-radius:999px;justify-content:center;align-items:center;min-width:4.5rem;padding:.35rem .75rem;font-size:.84rem;line-height:1;display:inline-flex;box-shadow:0 6px 18px #2563eb29}.range-slider__value--single{justify-content:flex-start;margin-right:auto}.range-slider__grid{height:1.2rem;margin-top:.7rem;position:relative}.range-slider__grid-mark{background:#94a3b866;width:1px;height:.5rem;position:absolute;top:0;transform:translate(-50%)}.range-slider__grid-text{color:#64748b;font-size:.7rem;position:absolute;top:.7rem;transform:translate(-50%)}.range-slider--flat .range-slider__track{background:#e1e4e9;border-radius:4px;height:.5rem;box-shadow:inset 0 1px 2px #0f172a1a}.range-slider--flat .range-slider__fill{background:linear-gradient(90deg,#ed5565 0%,#ff7a7a 100%)}.range-slider--flat .range-slider__handle{width:1rem;height:1.25rem;box-shadow:none;background:0 0;border-color:#0000;border-radius:4px}.range-slider--flat .range-slider__handle:before{content:"";background:#da4453;width:2px;height:100%;position:absolute;inset:0 50% auto auto;transform:translate(-50%)}.range-slider--flat .range-slider__handle:hover:before{background:#a43540}.range-slider--flat .range-slider__label{color:#6b7280;background:#e1e4e9}.range-slider--flat .range-slider__value{background:#ed5565}.range-slider--round .range-slider__track{background:#dee4ec;border-radius:999px;height:.25rem}.range-slider--round .range-slider__fill{background:#006cfa}.range-slider--round .range-slider__handle{background:#fff;border:4px solid #006cfa;width:1.5rem;height:1.5rem;box-shadow:0 1px 3px #0000ff40}.range-slider--round .range-slider__label{color:#334155;background:#00000014}.range-slider--round .range-slider__value{background:#006cfa}.range-slider--big .range-slider__track{background:linear-gradient(#ddd 0%,#fff 100%);border:1px solid #ccc;border-radius:999px;height:.75rem;box-shadow:inset 0 1px 2px #0f172a1f}.range-slider--big .range-slider__fill{background:linear-gradient(#a3c7f5 0%,#428bca 100%)}.range-slider--big .range-slider__handle{background:#f5f8fb;border:1px solid #0000004d;width:1.9rem;height:1.9rem;box-shadow:1px 1px 2px #0000001f,inset 0 0 4px #fffc}.range-slider--big .range-slider__label{color:#fff;background:#9f9f9f}.range-slider--big .range-slider__value{background:#428bca}.range-slider--sharp .range-slider__track{height:.125rem;box-shadow:none;background:#000;border-radius:.125rem}.range-slider--sharp .range-slider__fill{background:#ee22fa}.range-slider--sharp .range-slider__handle{width:.625rem;height:.625rem;box-shadow:none;background:#c116d3;border-radius:.125rem}.range-slider--sharp .range-slider__handle:before{content:"";border:5px solid #0000;border-top-color:#c116d3;position:absolute;top:100%;left:50%;transform:translate(-50%)}.range-slider--sharp .range-slider__label{color:#fff;background:#0000004d}.range-slider--sharp .range-slider__value{background:#7d04a7}.range-slider--square .range-slider__track{background:#dedede;height:.25rem}.range-slider--square .range-slider__fill{background:#000}.range-slider--square .range-slider__handle{background:#fff;border:3px solid #000;width:1rem;height:1rem;transform:translate(-50%,-50%)rotate(45deg)}.range-slider--square .range-slider__label{color:#334155;background:#00000014}.range-slider--square .range-slider__value{background:#000}.range-slider--modern .range-slider__track{background:#2563eb24}.range-slider--modern .range-slider__fill{background:linear-gradient(90deg,#2563eb 0%,#60a5fa 100%)}.range-slider--modern .range-slider__handle{background:#2563eb}