.preview-section.svelte-1zohy9{display:flex;flex-direction:column;gap:var(--space-md);align-items:center}.color-preview.svelte-1zohy9{width:200px;height:200px;border-radius:var(--radius-lg);border:2px solid var(--color-border);box-shadow:var(--shadow-md)}.preview-info.svelte-1zohy9{text-align:center}.preview-value.svelte-1zohy9{font-family:var(--font-mono);font-size:1.5rem;font-weight:600;color:var(--color-text-primary)}.input-group.svelte-1zohy9{display:flex;align-items:center;gap:var(--space-sm)}.input-group.svelte-1zohy9 label:where(.svelte-1zohy9){font-weight:500;color:var(--color-text-secondary);min-width:20px}.input.svelte-1zohy9{flex:1;padding:var(--space-sm) var(--space-md);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:1rem;font-family:var(--font-mono)}.rgb-inputs.svelte-1zohy9,.hsl-inputs.svelte-1zohy9{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-md)}.cmyk-inputs.svelte-1zohy9{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-bottom:var(--space-md)}.output-row.svelte-1zohy9{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-surface-elevated);border-radius:var(--radius-md)}.output-value.svelte-1zohy9{flex:1;font-family:var(--font-mono);color:var(--color-primary)}@media (max-width: 768px){.rgb-inputs.svelte-1zohy9,.hsl-inputs.svelte-1zohy9{grid-template-columns:1fr}.cmyk-inputs.svelte-1zohy9{grid-template-columns:repeat(2,1fr)}}