.color-input-wrapper.svelte-12th6rt{gap:var(--spacing-md);align-items:center;display:flex}.color-picker.svelte-12th6rt{width:48px;height:36px;padding:var(--spacing-xs);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer}.color-text.svelte-12th6rt{padding:var(--spacing-md) 12px;color:var(--text-primary);background:var(--button-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex:1;font-family:monospace;font-size:13px}.color-preview.svelte-12th6rt{justify-content:center;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-xl);background:var(--bg-tertiary);border-radius:var(--radius-md);margin:12px 0;display:flex}.preview-item.svelte-12th6rt{flex-direction:column;align-items:center;gap:6px;display:flex}.preview-item.svelte-12th6rt span:where(.svelte-12th6rt){color:var(--text-tertiary);text-transform:uppercase;font-size:11px}.arrow.svelte-12th6rt{color:var(--text-tertiary);align-items:center;display:inline-flex}.arrow.svelte-12th6rt svg{width:20px;height:20px;display:block}