.styles_page__qt5au{max-width:72rem;margin:0 auto;padding:var(--space-12) var(--content-padding-x) var(--space-20);display:flex;flex-direction:column;gap:var(--space-16)}.styles_intro__PJgem{display:flex;flex-direction:column;gap:var(--space-3);max-width:60ch}.styles_title__QqQIE{font-family:var(--font-family-display);font-size:var(--font-size-4xl);font-weight:var(--font-weight-normal);color:var(--color-foreground-strong);line-height:var(--line-height-tight)}.styles_lede__J0A63{font-size:var(--font-size-base);color:var(--color-foreground-subtle);line-height:var(--line-height-relaxed)}.styles_section__YhISC{display:flex;flex-direction:column;gap:var(--space-6)}.styles_sectionTitle__xG7Xh{font-family:var(--font-family-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-normal);color:var(--color-foreground-strong);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.styles_group__EepEA{display:flex;flex-direction:column;gap:var(--space-4)}.styles_groupTitle__D4D_I{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground-subtle)}.styles_swatchGrid__9siPQ{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:var(--space-4)}.styles_swatch__IcGK1{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.styles_swatchColor___qP2v{height:3.5rem}.styles_swatchLabel__ZYM1B{padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.styles_swatchName__1BoPO{font-size:var(--font-size-xs);font-family:var(--font-family-primary);color:var(--color-foreground-strong);word-break:break-all}.styles_swatchNote__kUPDG{font-size:var(--font-size-xs);color:var(--color-warning)}.styles_typeRow__NF_Qp{display:flex;align-items:baseline;gap:var(--space-5);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.styles_typeSample__MZRtB{color:var(--color-foreground-strong);white-space:nowrap}.styles_typeMeta__lAeN6{font-size:var(--font-size-xs);font-family:var(--font-family-primary);color:var(--color-foreground-subtle)}.styles_spaceRow__eHZL4{display:flex;align-items:center;gap:var(--space-4)}.styles_spaceBar__4Bwk4{height:var(--space-4);background:var(--color-accent);border-radius:var(--radius-xs)}.styles_spaceMeta__i74I5{font-size:var(--font-size-xs);font-family:var(--font-family-primary);color:var(--color-foreground-subtle);white-space:nowrap}.styles_radiusGrid__yPFKL{display:flex;flex-wrap:wrap;gap:var(--space-5)}.styles_radiusBox__tIkKX{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.styles_radiusSwatch__ar8CH{width:4.5rem;height:4.5rem;background:var(--color-accent-subtle);border:1.5px solid var(--color-accent)}.styles_shadowGrid__cCSKN{display:flex;flex-wrap:wrap;gap:var(--space-8);padding:var(--space-4) 0}.styles_shadowBox__4jHne{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.styles_shadowSwatch__MIGIv{width:6rem;height:4rem;border-radius:var(--radius-md);background:var(--color-background)}.styles_motionGrid__1wfgk{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:var(--space-4)}.styles_motionCard__LlF6F{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.styles_motionDot__zti3q{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);background:var(--color-accent);transform:scale(1);transition-property:transform}.styles_motionCard__LlF6F:hover .styles_motionDot__zti3q{transform:scale(1.4)}.styles_componentGrid__fD5nT{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}@media (prefers-reduced-motion:reduce){.styles_motionDot__zti3q{transition:none}}