.dss-demo,.dss-demo *,.dss-demo *:before,.dss-demo *:after{box-sizing:border-box}.dss-demo{--dss-bg: #f7f5ef;--dss-surface: #fdfcf8;--dss-ink: #16181b;--dss-ink-soft: #5b6168;--dss-mute: #8b9099;--dss-line: #d8d5cb;--dss-line-soft: #ebe7dd;--dss-accent: #0d6b3a;--dss-accent-soft: #e6efe9;--dss-warn: #b8451e;--dss-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;--dss-mono: "SF Mono", "JetBrains Mono", Menlo, Consolas, "Courier New", monospace;--dss-pad: 1.5rem;--dss-gap: 1rem;font-family:var(--dss-sans);color:var(--dss-ink);background:var(--dss-bg);line-height:1.4;font-size:15px;padding:2rem 1.25rem 3rem;max-width:1200px;margin:0 auto;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.dss-header{display:flex;gap:1.25rem;align-items:flex-start;border-bottom:1px solid var(--dss-line);padding-bottom:1.75rem;margin-bottom:1.75rem}.dss-header__line{width:3px;align-self:stretch;background:var(--dss-accent);flex-shrink:0}.dss-header__content{flex:1}.dss-header__eyebrow{font-family:var(--dss-mono);font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.18em;color:var(--dss-accent);margin:0 0 .5rem}.dss-header__title{font-size:clamp(1.6rem,2.6vw,2.3rem);font-weight:600;letter-spacing:-.018em;margin:0 0 .6rem;line-height:1.15}.dss-header__title em{font-style:italic;font-weight:400;color:var(--dss-ink-soft)}.dss-header__sub{color:var(--dss-ink-soft);font-size:.9rem;margin:0;max-width:60ch}.dss-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:2rem;align-items:start}.dss-layout__inputs{display:flex;flex-direction:column;gap:1.75rem;min-width:0}.dss-layout__output{position:sticky;top:1rem}@media (max-width: 900px){.dss-layout{grid-template-columns:1fr}.dss-layout__output{position:static;order:-1}}.dss-section{background:var(--dss-surface);border:1px solid var(--dss-line)}.dss-section__head{display:flex;align-items:baseline;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--dss-line-soft)}.dss-section__marker{font-family:var(--dss-mono);font-size:.72rem;color:var(--dss-mute);letter-spacing:.06em}.dss-section__title{font-size:.95rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;margin:0;color:var(--dss-ink)}.dss-section__body{padding:1.25rem}.dss-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 1.5rem}.dss-grid--wide{grid-template-columns:repeat(2,minmax(0,1fr))}.dss-grid__full{grid-column:1 / -1}@media (max-width: 520px){.dss-grid,.dss-grid--wide{grid-template-columns:1fr}}.dss-slider{display:block;cursor:pointer}.dss-slider__head{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.35rem;min-height:1.25rem}.dss-slider__label{display:inline-flex;align-items:baseline;gap:.55rem;min-width:0;overflow:hidden}.dss-slider__code{font-family:var(--dss-mono);font-size:.7rem;color:var(--dss-mute);flex-shrink:0;letter-spacing:.04em}.dss-slider__text{font-size:.82rem;color:var(--dss-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dss-slider__value{font-family:var(--dss-mono);font-size:.78rem;color:var(--dss-accent);flex-shrink:0;font-variant-numeric:tabular-nums}.dss-slider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:18px;background:transparent;cursor:pointer;margin:0;display:block}.dss-slider input[type=range]::-webkit-slider-runnable-track{height:2px;background:var(--dss-line);border:none}.dss-slider input[type=range]::-moz-range-track{height:2px;background:var(--dss-line);border:none}.dss-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--dss-ink);border-radius:50%;margin-top:-6px;border:2px solid var(--dss-surface);transition:background .12s,transform .12s}.dss-slider input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--dss-ink);border-radius:50%;border:2px solid var(--dss-surface);transition:background .12s,transform .12s}.dss-slider input[type=range]:hover::-webkit-slider-thumb,.dss-slider input[type=range]:focus-visible::-webkit-slider-thumb{background:var(--dss-accent);transform:scale(1.15)}.dss-slider input[type=range]:hover::-moz-range-thumb,.dss-slider input[type=range]:focus-visible::-moz-range-thumb{background:var(--dss-accent);transform:scale(1.15)}.dss-slider input[type=range]:focus-visible{outline:none}.dss-picker{display:block}.dss-picker__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}.dss-picker__label{font-size:.82rem}.dss-picker__value{font-family:var(--dss-mono);font-size:.95rem;color:var(--dss-accent);font-weight:600}.dss-picker__buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.dss-picker__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--dss-surface);border:1px solid var(--dss-line);font-family:var(--dss-sans);font-size:.82rem;padding:.55rem .5rem;cursor:pointer;color:var(--dss-ink-soft);letter-spacing:.04em;transition:all .12s}.dss-picker__btn:hover{border-color:var(--dss-ink);color:var(--dss-ink)}.dss-picker__btn.is-active{background:var(--dss-ink);color:var(--dss-surface);border-color:var(--dss-ink)}.dss-ranking{background:var(--dss-surface);border:1px solid var(--dss-line)}.dss-ranking__head{display:flex;align-items:baseline;gap:.6rem;padding:1rem 1.25rem;border-bottom:1px solid var(--dss-line-soft)}.dss-ranking__marker{font-family:var(--dss-mono);color:var(--dss-accent)}.dss-ranking__title{font-size:.95rem;font-weight:600;margin:0;flex:1;letter-spacing:.02em;text-transform:uppercase}.dss-ranking__hint{font-family:var(--dss-mono);font-size:.7rem;color:var(--dss-mute);letter-spacing:.06em}.dss-ranking__list{list-style:none;margin:0;padding:0}.dss-ranking__item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--dss-line-soft);transition:background .2s}.dss-ranking__item:last-child{border-bottom:none}.dss-ranking__item.is-top{background:var(--dss-accent-soft)}.dss-ranking__rank{font-family:var(--dss-mono);font-size:.78rem;color:var(--dss-mute);font-variant-numeric:tabular-nums}.dss-ranking__item.is-top .dss-ranking__rank{color:var(--dss-accent);font-weight:600}.dss-ranking__main{display:flex;flex-direction:column;min-width:0}.dss-ranking__name{font-size:.88rem;font-weight:500;color:var(--dss-ink);line-height:1.25}.dss-ranking__item.is-top .dss-ranking__name{font-weight:600}.dss-ranking__cat{font-family:var(--dss-mono);font-size:.65rem;color:var(--dss-mute);text-transform:uppercase;letter-spacing:.08em;margin-top:.15rem}.dss-ranking__dist{font-family:var(--dss-mono);font-size:.85rem;color:var(--dss-ink);font-variant-numeric:tabular-nums}.dss-ranking__item.is-top .dss-ranking__dist{color:var(--dss-accent);font-weight:600}.dss-ranking__foot{padding:.6rem 1.25rem .75rem;border-top:1px solid var(--dss-line-soft);font-family:var(--dss-mono);font-size:.65rem;color:var(--dss-mute);letter-spacing:.04em}