.swatch.svelte-9jwzll{display:flex;align-items:center;gap:var(--space-xs)}.color.svelte-9jwzll{width:24px;height:24px;border-radius:var(--radius-sm);flex-shrink:0}.label.svelte-9jwzll{font-size:var(--text-body-sm);color:var(--color-fg-secondary);font-family:var(--font-mono)}.sm.svelte-9jwzll .color:where(.svelte-9jwzll){width:16px;height:16px}.sm.svelte-9jwzll .label:where(.svelte-9jwzll){font-size:var(--text-caption)}.lg.svelte-9jwzll .color:where(.svelte-9jwzll){width:32px;height:32px}.grid.svelte-1h7j2zl{display:flex;flex-direction:column;gap:var(--space-sm)}.title.svelte-1h7j2zl{font-size:var(--text-body-sm);font-weight:600;color:var(--color-fg-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0}.tokens.svelte-1h7j2zl{display:grid;grid-template-columns:repeat(var(--columns),1fr);gap:var(--space-sm)}.compact.svelte-1h7j2zl .tokens:where(.svelte-1h7j2zl){gap:var(--space-xs)}.token-columns.svelte-1i4n8zn{display:flex;gap:var(--space-md);justify-content:center}