.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.swatch{border:1px solid var(--hair);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.swatch-chip{height:68px;border-bottom:1px solid var(--hair)}.swatch-text{padding:var(--space-3);display:grid;grid-gap:2px;gap:2px}.swatch-text strong{font-size:var(--text-13)}.swatch-text code,.swatch-text small{font-family:var(--mono);font-size:var(--text-11);color:var(--muted)}.state-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));grid-gap:var(--space-4);gap:var(--space-4)}code{font-family:var(--mono);font-size:.9em;background:var(--tint-ink);border-radius:var(--radius-sm);padding:1px 5px}