main.svelte-13vkh3z{padding:2rem;max-width:1400px;margin:0 auto}header.svelte-13vkh3z{margin-bottom:2rem}h1.svelte-13vkh3z{font-size:1.8rem;color:#e8e8e8}.container.svelte-13vkh3z{grid-template-columns:280px 1fr}.controls.svelte-13vkh3z{height:fit-content}label.svelte-13vkh3z{color:#b0b0b0}input[type=color].svelte-13vkh3z{height:40px;background:transparent}.preview.svelte-13vkh3z{background:#2a2a2a;display:flex;justify-content:center;align-items:center}canvas.svelte-13vkh3z{max-width:100%;height:auto;border:1px solid #3a3a3a}@media (max-width: 900px){.container.svelte-13vkh3z{grid-template-columns:1fr}}