.preview-area.svelte-1tkj4od{border-radius:var(--pico-border-radius,.5rem);border:1px solid var(--pico-muted-border-color,#ccc);width:100%;height:120px;margin-bottom:1rem;transition:background-color .15s}input[type=color].svelte-1tkj4od{cursor:pointer;width:100%;height:44px;padding:2px}.color-row.svelte-1tkj4od{align-items:center;gap:.5rem;display:flex}.color-row.svelte-1tkj4od input:where(.svelte-1tkj4od){margin-bottom:0;font-family:monospace}.color-row.svelte-1tkj4od button:where(.svelte-1tkj4od){flex-shrink:0;width:100px;margin-bottom:0}.color-row.triple.svelte-1tkj4od input[type=number]:where(.svelte-1tkj4od){width:80px}fieldset.svelte-1tkj4od{border:none;margin-bottom:1rem;padding:0}.contrast-preview.svelte-1tkj4od{border-radius:var(--pico-border-radius,.5rem);border:1px solid var(--pico-muted-border-color,#ccc);margin-bottom:1rem;padding:1.5rem}.contrast-sample-text.svelte-1tkj4od{margin-bottom:.5rem;font-size:1rem}.contrast-sample-large.svelte-1tkj4od{margin-bottom:0;font-size:1.5rem;font-weight:700}.badge.svelte-1tkj4od{border-radius:4px;margin-right:.5rem;padding:.25rem .6rem;font-size:.8rem;font-weight:600;display:inline-block}.badge.pass.svelte-1tkj4od{color:#155724;background-color:#d4edda}.badge.fail.svelte-1tkj4od{color:#721c24;background-color:#f8d7da}.palette-grid.svelte-1tkj4od{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.swatch.svelte-1tkj4od{border-radius:var(--pico-border-radius,.5rem);border:1px solid var(--pico-muted-border-color,#ccc);cursor:pointer;justify-content:center;align-items:flex-end;width:80px;height:80px;padding:.25rem;transition:transform .15s,box-shadow .15s;display:flex}.swatch.svelte-1tkj4od:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.swatch-label.svelte-1tkj4od{color:#333;text-align:center;background:#ffffffd9;border-radius:3px;padding:.1rem .3rem;font-size:.6rem;line-height:1.3}