.page.svelte-16jl2qj{display:flex;flex-direction:column;align-items:center;width:100%;min-width:18em;gap:14px}header.svelte-16jl2qj{text-align:center;padding:18px 12px 4px}header.svelte-16jl2qj h1:where(.svelte-16jl2qj){margin:0;font-size:1.6rem}header.svelte-16jl2qj p:where(.svelte-16jl2qj){margin:4px 0 0;color:var(--text-muted);font-size:.95rem}.preview-wrap.svelte-16jl2qj{width:100%;display:flex;justify-content:center}.preview.svelte-16jl2qj{width:min(760px,100%);padding:2rem 2.4rem;border-radius:10px;border:1px solid var(--border);text-align:center}.controls.svelte-16jl2qj{width:min(760px,100%);display:flex;gap:16px;align-items:flex-start}.col.svelte-16jl2qj{flex:1;min-width:0}.col.svelte-16jl2qj h2:where(.svelte-16jl2qj){margin:0 0 8px;font-size:1rem;text-align:center}.picker.svelte-16jl2qj{margin:1em}.picker.svelte-16jl2qj input[type=color]:where(.svelte-16jl2qj){width:100%;height:3.6rem;border:1px solid var(--border);border-radius:10px;background:none;cursor:pointer;display:block;padding:0;appearance:none}.picker.svelte-16jl2qj input[type=color]:where(.svelte-16jl2qj)::-webkit-color-swatch-wrapper{padding:0}.picker.svelte-16jl2qj input[type=color]:where(.svelte-16jl2qj)::-webkit-color-swatch{border:none;border-radius:8px}.picker.svelte-16jl2qj input[type=color]:where(.svelte-16jl2qj)::-moz-color-swatch{border:none;border-radius:8px}.results.svelte-16jl2qj{width:100%;display:flex;flex-direction:column;gap:12px;margin-top:10px}.results.svelte-16jl2qj div:where(.svelte-16jl2qj){display:flex;align-items:center;gap:6px}.results.svelte-16jl2qj label:where(.svelte-16jl2qj){width:48px;font-weight:600}.results.svelte-16jl2qj input:where(.svelte-16jl2qj){flex:1;padding:8px;border:1px solid var(--border);border-radius:6px;background:var(--bg-elev);color:var(--text)}.results.svelte-16jl2qj button:where(.svelte-16jl2qj){border:none;background:transparent;cursor:pointer;font-size:1.1rem}.swap.svelte-16jl2qj{align-self:center;font-size:1.3rem;padding:8px 12px;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:background .2s}.swap.svelte-16jl2qj:hover,.swap.svelte-16jl2qj:active{background:var(--bg-elev)}.swap-icon.svelte-16jl2qj{font-size:1.5em}.swap-text.svelte-16jl2qj{font-size:.6em}.copied.svelte-16jl2qj{margin:0;font-size:.9rem;color:#15803d}.color-names-section.svelte-16jl2qj{width:min(760px,100%);padding:0 0 24px}.color-names-section.svelte-16jl2qj h2:where(.svelte-16jl2qj){margin-bottom:12px;font-size:1.1rem;text-align:center}.color-list.svelte-16jl2qj{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.color-item.svelte-16jl2qj{display:flex;align-items:center;justify-content:center;height:32px;border-radius:6px;font-size:.75rem;cursor:pointer;text-shadow:0 0 2px rgba(0,0,0,.25);border:1px solid var(--border);overflow:hidden}.color-item.svelte-16jl2qj:hover{outline:2px solid var(--border-strong)}@media(max-width:720px){.controls.svelte-16jl2qj{flex-direction:column}.preview.svelte-16jl2qj{padding:14px}}