.color-grid.svelte-1m6z3uf{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:24px 0;display:grid}.color-card.svelte-1m6z3uf{border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--bg-card);align-items:center;gap:12px;padding:12px;display:flex}.color-swatch.svelte-1m6z3uf{border-radius:8px;flex-shrink:0;width:40px;height:40px}.color-info.svelte-1m6z3uf{flex-direction:column;gap:2px;display:flex}.color-name.svelte-1m6z3uf{font-size:.9rem;font-weight:600}.color-hex.svelte-1m6z3uf{font-family:var(--font-mono);color:var(--text-muted);font-size:.8rem}