main.svelte-khobfb.svelte-khobfb{max-width:1600px;margin:0 auto;padding:2rem 1.5rem}header.svelte-khobfb.svelte-khobfb{margin-bottom:2rem}h1.svelte-khobfb.svelte-khobfb{font-size:2rem;margin-bottom:.5rem;color:#e8e8e8}.subtitle.svelte-khobfb.svelte-khobfb{color:#a0a0a0}.back.svelte-khobfb.svelte-khobfb{display:inline-block;margin-bottom:1rem;color:#7c9cbf;transition:color .2s}.back.svelte-khobfb.svelte-khobfb:hover{color:#9ab4d4}.container.svelte-khobfb.svelte-khobfb{display:grid;grid-template-columns:320px 1fr;gap:2rem}@media (max-width: 1024px){.container.svelte-khobfb.svelte-khobfb{grid-template-columns:1fr}}.controls.svelte-khobfb.svelte-khobfb{display:flex;flex-direction:column;gap:1.5rem}.control-section.svelte-khobfb.svelte-khobfb{background:#252525;border:1px solid #3a3a3a;border-radius:8px;padding:1.5rem}.control-section.svelte-khobfb h3.svelte-khobfb{font-size:1rem;margin-bottom:1rem;color:#e8e8e8}label.svelte-khobfb.svelte-khobfb{display:block;margin-bottom:1rem;color:#d4d4d4;font-size:.9rem}label.svelte-khobfb.svelte-khobfb:last-child{margin-bottom:0}input[type=range].svelte-khobfb.svelte-khobfb{width:100%;margin-top:.5rem}input[type=color].svelte-khobfb.svelte-khobfb{width:100%;height:40px;margin-top:.5rem;border:1px solid #3a3a3a;border-radius:4px;background:#1a1a1a;cursor:pointer}.checkbox-label.svelte-khobfb.svelte-khobfb{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.checkbox-label.svelte-khobfb input[type=checkbox].svelte-khobfb{width:18px;height:18px;cursor:pointer}.button-group.svelte-khobfb.svelte-khobfb{display:flex;flex-direction:column;gap:.75rem}.preview.svelte-khobfb.svelte-khobfb{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:2rem;display:flex;align-items:center;justify-content:center;min-height:400px}.canvas-wrapper.svelte-khobfb.svelte-khobfb{max-width:100%;max-height:80vh;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(45deg,#2a2a2a 25%,transparent 25%),linear-gradient(-45deg,#2a2a2a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#2a2a2a 75%),linear-gradient(-45deg,transparent 75%,#2a2a2a 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;padding:1rem;border-radius:4px}canvas.svelte-khobfb.svelte-khobfb{display:block;max-width:100%;max-height:70vh;height:auto;box-shadow:0 4px 20px #00000080}