.ds-top{top:env(safe-area-inset-top,0px);z-index:var(--z-sticky);background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);border-bottom:1px solid var(--border);position:sticky}.ds-top__in{max-width:var(--container);padding-inline:var(--space-5);height:var(--topbar);justify-content:space-between;align-items:center;gap:var(--space-3);margin:0 auto;display:flex}.ds-top__brand{align-items:center;gap:var(--space-3);min-width:0;display:flex}.ds-top__sep{background:var(--border-strong);width:1px;height:22px}.ds-top__title{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--weight-medium);white-space:nowrap}.ds-shell{max-width:var(--container);padding-inline:var(--space-5);padding-block:var(--space-8) var(--space-20);gap:var(--space-10);grid-template-columns:200px minmax(0,1fr);margin:0 auto;display:grid}.ds-nav{top:calc(var(--topbar) + var(--space-6));align-self:start;gap:var(--space-5);flex-direction:column;display:flex;position:sticky}.ds-nav__group{flex-direction:column;gap:2px;display:flex}.ds-nav__label{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-subtle);padding-inline:var(--space-3);margin-bottom:var(--space-1);letter-spacing:.02em}.ds-nav a{padding:6px var(--space-3);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-sm);transition:background-color var(--dur-1), color var(--dur-1);text-decoration:none;display:block}.ds-nav a:hover{background:var(--surface-sunken);color:var(--text)}.ds-nav a[aria-current=true]{background:var(--primary-soft);color:var(--primary-soft-fg);font-weight:var(--weight-semibold)}.ds-main{gap:var(--space-16);flex-direction:column;min-width:0;display:flex}.ds-hero{gap:var(--space-6);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:stretch;display:grid}.ds-hero__copy{gap:var(--space-4);flex-direction:column;justify-content:center;display:flex}.ds-hero__eyebrow{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--primary);font-weight:var(--weight-semibold);display:inline-flex}.ds-hero__eyebrow:before{content:"";background:var(--accent-2);border-radius:2px;width:18px;height:2px}.ds-hero h1{font-size:var(--text-hero);letter-spacing:-.01em}.ds-hero p{color:var(--text-muted);font-size:var(--text-lg);max-width:52ch}.ds-hero__facts{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.ds-tune{padding:var(--space-5);gap:var(--space-5);flex-direction:column;display:flex}.ds-tune__head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.ds-tune__title{font-weight:var(--weight-bold);font-size:var(--text-lg)}.ds-accents{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ds-accent{gap:var(--space-2);text-align:start;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);transition:border-color var(--dur-2), box-shadow var(--dur-2);flex-direction:column;align-items:flex-start;display:flex}.ds-accent:hover{border-color:var(--border-strong)}.ds-accent[aria-pressed=true]{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.ds-accent__chips{gap:4px;display:flex}.ds-accent__chips span{border:2px solid var(--surface);width:22px;height:22px;box-shadow:0 0 0 1px var(--border);border-radius:50%}.ds-accent__name{font-weight:var(--weight-bold);font-size:var(--text-md)}.ds-accent__note{font-size:var(--text-xs);color:var(--text-muted);line-height:1.55}.ds-tune__row{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ds-tune__current{font-size:var(--text-xs);color:var(--text-muted);padding:var(--space-3);background:var(--surface-sunken);border-radius:var(--radius-sm);line-height:1.8}.ds-tune__current b{color:var(--text);font-weight:var(--weight-semibold);white-space:nowrap}.ds-sec{scroll-margin-top:calc(var(--topbar) + var(--space-6));gap:var(--space-5);flex-direction:column;display:flex}.ds-sec__head{gap:var(--space-2);flex-direction:column;max-width:68ch;display:flex}.ds-sec__kicker{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--primary);letter-spacing:.03em}.ds-sec__head h2{font-size:var(--text-3xl)}.ds-sec__head p{color:var(--text-muted)}.ds-sub{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-muted);margin-bottom:var(--space-3);align-items:center;gap:var(--space-2);display:flex}.ds-sub code{font-family:var(--font-mono);font-size:11px;font-weight:var(--weight-regular);color:var(--text-subtle);direction:ltr}.ds-demo{padding:var(--space-6);gap:var(--space-6);flex-direction:column;display:flex}.ds-row{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.ds-grid-2{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));display:grid}.ds-grid-3{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));display:grid}.ds-grid-4{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));display:grid}.ds-swatches{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,168px),1fr));display:grid}.ds-swatch{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-width:0;overflow:hidden}.ds-swatch__chip{border-bottom:1px solid var(--border);height:64px;padding:var(--space-2);justify-content:flex-start;align-items:flex-end;display:flex}.ds-swatch__aa{font-weight:var(--weight-bold);font-size:var(--text-lg);line-height:1}.ds-swatch__meta{padding:var(--space-2) var(--space-3);flex-direction:column;gap:1px;display:flex}.ds-swatch__name{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.ds-swatch__token{font-family:var(--font-mono);color:var(--text-muted);text-align:end;direction:ltr;font-size:11px}.ds-swatch__val{font-family:var(--font-mono);color:var(--text-subtle);text-align:end;overflow-wrap:anywhere;direction:ltr;font-size:11px}.ds-swatch__ratio{font-size:11px;font-weight:var(--weight-semibold)}.ds-swatch__ratio--ok{color:var(--success)}.ds-swatch__ratio--low{color:var(--warning)}.ds-type-hero{font-family:var(--font-display);font-size:var(--text-hero);line-height:1.25;font-weight:var(--weight-semibold);text-wrap:balance}.ds-scale{flex-direction:column;display:flex}.ds-scale__row{gap:var(--space-4);padding-block:var(--space-3);border-bottom:1px dashed var(--border);grid-template-columns:120px minmax(0,1fr);align-items:baseline;display:grid}.ds-scale__row:last-child{border-bottom:0}.ds-scale__meta{font-size:var(--text-xs);color:var(--text-muted);flex-direction:column;display:flex}.ds-scale__meta code{font-family:var(--font-mono);text-align:end;color:var(--text-subtle);direction:ltr;font-size:11px}.ds-scale__sample{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ds-specimen{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));display:grid}.ds-specimen__card{padding:var(--space-5);gap:var(--space-2);flex-direction:column;display:flex}.ds-specimen__big{font-size:3.25rem;line-height:1.2}.ds-specimen__name{font-size:var(--text-sm);color:var(--text-muted)}.ds-space{gap:var(--space-2);flex-direction:column;display:flex}.ds-space__row{gap:var(--space-3);font-size:var(--text-xs);color:var(--text-muted);grid-template-columns:90px 50px minmax(0,1fr);align-items:center;display:grid}.ds-space__row code{font-family:var(--font-mono);text-align:end;direction:ltr}.ds-space__bar{background:var(--primary-soft);border-inline-start:2px solid var(--primary);border-radius:2px;height:12px}.ds-radius{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(72px,1fr));display:grid}.ds-radius__box{aspect-ratio:1;border:1.5px solid var(--primary);background:var(--primary-soft);width:100%;max-width:112px;padding:var(--space-2);font-size:var(--text-xs);color:var(--primary-soft-fg);font-weight:var(--weight-semibold);align-items:flex-end;display:flex}.ds-shadow{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.ds-shadow__box{border-radius:var(--radius-lg);background:var(--surface);height:96px;font-size:var(--text-sm);color:var(--text-muted);place-items:center;display:grid}.ds-tool{padding:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.ds-tool__icon{border-radius:var(--radius-md);background:var(--primary-soft);width:40px;height:40px;color:var(--primary-soft-fg);place-items:center;display:grid}.ds-tool__icon svg{width:20px;height:20px}.ds-tool__title{font-weight:var(--weight-bold);font-size:var(--text-lg)}.ds-tool__text{font-size:var(--text-sm);color:var(--text-muted);line-height:1.7}.ds-tool__foot{padding-top:var(--space-2);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.ds-note{font-size:var(--text-xs);color:var(--text-subtle);align-items:center;gap:6px;display:flex}.ds-note svg{width:14px;height:14px}.ds-foot{border-top:1px solid var(--border);padding-top:var(--space-6);color:var(--text-muted);font-size:var(--text-sm);justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;display:flex}@media (max-width:1024px){.ds-shell{gap:var(--space-6);grid-template-columns:minmax(0,1fr);padding-block-start:var(--space-4)}.ds-nav{top:var(--topbar);z-index:calc(var(--z-sticky) - 1);gap:var(--space-1);scrollbar-width:none;margin-inline:calc(var(--space-5) * -1);padding:var(--space-2) var(--space-5);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);flex-direction:row;position:sticky;overflow-x:auto}.ds-nav::-webkit-scrollbar{display:none}.ds-nav__group{gap:var(--space-1);flex-direction:row}.ds-nav__label{display:none}.ds-nav a{white-space:nowrap;background:var(--surface);border:1px solid var(--border)}.ds-hero{grid-template-columns:minmax(0,1fr)}.ds-sec{scroll-margin-top:calc(var(--topbar) + 64px)}}@media (max-width:560px){.ds-top__in,.ds-shell{padding-inline:var(--space-4)}.ds-nav{margin-inline:calc(var(--space-4) * -1);padding-inline:var(--space-4)}.ds-top__title,.ds-top__sep{display:none}.ds-demo{padding:var(--space-4)}.ds-accents{grid-template-columns:minmax(0,1fr)}.ds-accent{flex-direction:row;align-items:center}.ds-tune__row{grid-template-columns:minmax(0,1fr)}.ds-scale__row{gap:var(--space-1);grid-template-columns:minmax(0,1fr)}.ds-scale__meta{gap:var(--space-2);flex-direction:row}.ds-main{gap:var(--space-12)}.ds-sec__head h2{font-size:var(--text-2xl)}.theme-label{display:none}}.ds-picker{align-items:center;gap:var(--space-3);height:var(--control-md);padding-inline:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);display:flex}.ds-picker[data-on]{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.ds-picker input[type=color]{appearance:none;cursor:pointer;background:0 0;border:0;flex:none;width:32px;height:28px;padding:0}.ds-picker input[type=color]::-webkit-color-swatch-wrapper{padding:0}.ds-picker input[type=color]::-webkit-color-swatch{border:1px solid var(--border);border-radius:var(--radius-xs)}.ds-picker input[type=color]::-moz-color-swatch{border:1px solid var(--border);border-radius:var(--radius-xs)}.ds-picker .mono{font-size:var(--text-sm);color:var(--text-muted)}