.color-input.svelte-1pa6zsa{gap:.4rem;display:flex}.color-input.svelte-1pa6zsa input[type=color]:where(.svelte-1pa6zsa){flex:none;width:48px}.actions.svelte-1pa6zsa{flex-wrap:wrap;align-items:flex-end;gap:.4rem;padding-bottom:.25rem;display:flex}.head.svelte-1pa6zsa{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.6rem;display:flex}h2.svelte-1pa6zsa{font-size:1rem}.palette.svelte-1pa6zsa{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.4rem;display:grid}.swatch.svelte-1pa6zsa{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:flex-end;height:88px;padding:.5rem;transition:transform .1s;display:flex}.swatch.svelte-1pa6zsa:hover{transform:translateY(-2px)}.hex.svelte-1pa6zsa{font-family:var(--font-mono);font-size:.74rem;font-weight:600}