:root{--ds-color-bg:#fff;--ds-color-surface:#fff;--ds-color-surface-muted:#f5f5f5;--ds-color-text:#000;--ds-color-text-muted:#666;--ds-color-border:#e0e0e0;--ds-color-highlight:#c41e3a;--ds-color-focus:#000;--ds-space-1:4px;--ds-space-2:8px;--ds-space-3:12px;--ds-space-4:16px;--ds-space-5:24px;--ds-space-6:32px;--ds-space-7:48px;--ds-space-8:64px;--ds-font-sans:Inter,-apple-system,BlinkMacSystemFont,"Noto Sans","PingFang SC","Hiragino Sans",sans-serif;--ds-font-mono:"JetBrains Mono","SFMono-Regular","Cascadia Mono","Menlo",monospace;--ds-font-weight-regular:400;--ds-font-weight-medium:500;--ds-font-weight-bold:700;--ds-font-weight-heavy:900;--ds-tracking-tight:-.04em;--ds-tracking-title:-.02em;--ds-tracking-overline:.08em;--ds-text-xs:12px;--ds-text-sm:14px;--ds-text-md:16px;--ds-text-lg:20px;--ds-text-xl:28px;--ds-text-2xl:40px;--ds-leading-tight:1.1;--ds-leading-normal:1.45;--ds-leading-relaxed:1.65;--ds-motion-fast:.12s;--ds-motion-base:.3s;--ds-ease:cubic-bezier(.23,1,.32,1)}.ds-shell{background:var(--ds-color-bg);color:var(--ds-color-text);font-family:var(--ds-font-sans)}.ds-container{width:min(1120px,100% - 48px);margin-inline:auto}.ds-stack{gap:var(--ds-space-5);display:grid}.ds-grid{gap:var(--ds-space-4);display:grid}.ds-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ds-heading-xl{font-size:clamp(2.1rem,6vw,4.2rem);line-height:var(--ds-leading-tight);letter-spacing:var(--ds-tracking-tight);font-weight:var(--ds-font-weight-heavy);text-transform:uppercase}.ds-heading-lg{font-size:clamp(1.2rem,2vw,1.8rem);line-height:var(--ds-leading-tight);letter-spacing:var(--ds-tracking-title);font-weight:var(--ds-font-weight-bold);text-transform:uppercase}.ds-text{font-size:var(--ds-text-md);line-height:var(--ds-leading-relaxed)}.ds-text-muted{color:var(--ds-color-text-muted)}.ds-overline{color:var(--ds-color-text-muted);text-transform:uppercase;letter-spacing:var(--ds-tracking-overline);font-size:12px}.ds-type-display{font-family:var(--ds-font-sans);font-size:clamp(2.1rem,6vw,4.2rem);font-weight:var(--ds-font-weight-heavy);letter-spacing:var(--ds-tracking-tight);line-height:var(--ds-leading-tight);text-transform:uppercase}.ds-type-title{font-family:var(--ds-font-sans);font-size:var(--ds-text-lg);font-weight:var(--ds-font-weight-bold);letter-spacing:var(--ds-tracking-title);line-height:var(--ds-leading-tight);text-transform:uppercase}.ds-type-body{font-family:var(--ds-font-sans);font-size:var(--ds-text-md);font-weight:var(--ds-font-weight-regular);line-height:var(--ds-leading-relaxed)}.ds-type-code{font-family:var(--ds-font-mono);font-size:var(--ds-text-xs);font-weight:var(--ds-font-weight-medium);line-height:var(--ds-leading-normal)}.ds-kbd,.ds-inline-chip{border:1px solid var(--ds-color-border);background:var(--ds-color-surface-muted);font-size:var(--ds-text-xs);font-family:var(--ds-font-mono);border-radius:2px;padding:2px 8px}.ds-row{border-bottom:1px solid var(--ds-color-border);transition:padding var(--ds-motion-base)var(--ds-ease);justify-content:space-between;align-items:center;gap:16px;padding:20px 0;display:flex}.ds-row:hover{background:var(--ds-color-surface-muted);padding-left:24px}.ds-swatch{border:1px solid var(--ds-color-border);height:56px}@media (max-width:860px){.ds-grid-2,.ds-grid-3{grid-template-columns:1fr}.ds-container{width:min(1120px,100% - 28px)}}