.color-layout.svelte-gmn7c3{gap:var(--spacing-lg,1rem);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;display:grid}.color-picker-field.svelte-gmn7c3 input[type=color]:where(.svelte-gmn7c3){cursor:pointer;width:100%;height:3rem;padding:.25rem}.color-preview-card.svelte-gmn7c3{border:1px solid var(--border);background:var(--surface);border-radius:.7rem;grid-template-columns:6rem minmax(0,1fr);align-items:center;gap:1rem;padding:.85rem;display:grid}.color-swatch-large.svelte-gmn7c3{aspect-ratio:1;border:1px solid var(--border);background-image:linear-gradient(45deg, color-mix(in srgb, var(--border) 45%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in srgb, var(--border) 45%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in srgb, var(--border) 45%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in srgb, var(--border) 45%, transparent) 75%);background-position:0 0,0 .5rem,.5rem -.5rem,-.5rem 0;background-size:1rem 1rem;border-radius:.75rem;width:6rem}.empty-swatch.svelte-gmn7c3{background:var(--surface-muted)}.color-result-row.svelte-gmn7c3{grid-template-columns:minmax(5rem,.4fr) minmax(0,1.6fr) auto}.color-result-value.svelte-gmn7c3{white-space:pre-wrap;word-break:break-all;margin:0}@media (width<=900px){.color-layout.svelte-gmn7c3,.color-result-row.svelte-gmn7c3{grid-template-columns:1fr}}@media (width<=520px){.color-preview-card.svelte-gmn7c3{grid-template-columns:1fr}}