.TokenSwatch_swatch__9zKb6{display:flex;gap:var(--space-4);align-items:center;padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:240px}.TokenSwatch_body__FyqfG{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.TokenSwatch_name__7vpAM{font:var(--t-mono-sm);color:var(--fg)}.TokenSwatch_value__qzMkM{font:var(--t-mono-sm);color:var(--fg-muted)}.TokenSwatch_preview-color__I2knp{width:44px;height:44px;border-radius:var(--radius-sm);background:var(--swatch-value);border:1px solid var(--border);flex-shrink:0}.TokenSwatch_preview-radius__2ZTsf{width:44px;height:44px;background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--swatch-value);flex-shrink:0}.TokenSwatch_preview-spacing__O0hWK{background:var(--accent);height:16px;width:var(--swatch-value);border-radius:1px;flex-shrink:0}.TokenSwatch_preview-typography__AL_u_{font:var(--swatch-value);color:var(--fg);min-width:120px}.page_h1__mo23y{font:var(--t-display-md);color:var(--fg);margin:0}.page_lead__p_ewZ{font:var(--t-body-lg);color:var(--fg-muted);margin:var(--space-2) 0 var(--space-8);max-width:60ch}.page_grid__gqcJd{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--space-2);gap:var(--space-2)}.page_stack__V7U_Z{display:flex;flex-direction:column;gap:var(--space-2)}