.mode-picker.svelte-2d7h51{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.mode-option.svelte-2d7h51{border-radius:var(--radius);border:2px solid var(--border);cursor:pointer;background:0 0;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;transition:all .25s;display:flex}.mode-option.svelte-2d7h51:hover{border-color:var(--muted-foreground)}.mode-option.active.svelte-2d7h51{border-color:var(--primary);background:oklch(from var(--primary) l c h / 8%)}.mode-preview.svelte-2d7h51{aspect-ratio:16/10;border-radius:calc(var(--radius) - 4px);justify-content:center;align-items:center;width:100%;transition:all .25s;display:flex}.mode-preview--light.svelte-2d7h51{color:#374151;background:#f8f9fa;border:1px solid #e5e7eb}.mode-preview--dark.svelte-2d7h51{color:#e2e8f0;background:#1a1a2e;border:1px solid #2d2d44}.mode-label.svelte-2d7h51{color:var(--foreground);font-size:.8rem;font-weight:600}.palette-grid.svelte-2d7h51{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.palette-card.svelte-2d7h51{border-radius:var(--radius);border:2px solid var(--border);cursor:pointer;background:0 0;flex-direction:column;align-items:center;gap:.4rem;padding:.625rem .5rem;transition:all .25s;display:flex}.palette-card.svelte-2d7h51:hover{border-color:var(--muted-foreground);transform:translateY(-1px)}.palette-card.active.svelte-2d7h51{border-color:var(--primary);background:oklch(from var(--primary) l c h / 8%)}.palette-swatch.svelte-2d7h51{border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex;position:relative;overflow:hidden}.swatch-inner.svelte-2d7h51{background:var(--swatch-color);border-radius:50%;width:100%;height:100%;transition:transform .2s}.palette-card.svelte-2d7h51:hover .swatch-inner:where(.svelte-2d7h51){transform:scale(1.1)}.check-icon.svelte-2d7h51{color:#fff;filter:drop-shadow(0 1px 2px #0000004d);animation:.2s cubic-bezier(.34,1.56,.64,1) svelte-2d7h51-pop-in;position:absolute}@keyframes svelte-2d7h51-pop-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.palette-name.svelte-2d7h51{color:var(--foreground);white-space:nowrap;font-size:.7rem;font-weight:500}