.color-count.svelte-1q06x4x{padding:var(--spacing-xl);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;align-items:center;margin-bottom:12px;display:flex}.count-number.svelte-1q06x4x{color:var(--accent-color);font-size:36px;font-weight:700;line-height:1}.count-label.svelte-1q06x4x{color:var(--text-tertiary);margin-top:var(--spacing-sm);font-size:13px}.color-grid.svelte-1q06x4x{gap:var(--spacing-xs);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex-direction:column;max-height:300px;margin:12px 0;display:flex;overflow-y:auto}.color-swatch.svelte-1q06x4x{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);font-size:12px;display:flex}.color-swatch.svelte-1q06x4x:nth-child(odd){background:var(--bg-secondary)}.color-swatch.more.svelte-1q06x4x{padding:var(--spacing-md);color:var(--text-tertiary);justify-content:center}.swatch-color.svelte-1q06x4x{border-radius:var(--radius-sm);border:1px solid var(--border-color);background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(-45deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(-45deg,#0000 75%,#ccc 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;flex-shrink:0;width:16px;height:16px}.swatch-hex.svelte-1q06x4x{color:var(--text-primary);flex:1;font-family:monospace}.swatch-count.svelte-1q06x4x{color:var(--text-tertiary);font-variant-numeric:tabular-nums}