main.svelte-1u1zv3t{padding:2rem;max-width:1400px;margin:0 auto}header.svelte-1u1zv3t{margin-bottom:2rem}h1.svelte-1u1zv3t{font-size:1.8rem;color:#e8e8e8}.canvas-wrapper.svelte-1u1zv3t{display:flex;justify-content:center;align-items:center;min-height:400px;overflow:auto}canvas.svelte-1u1zv3t{max-width:100%;max-height:80vh;height:auto;border:1px solid #3a3a3a;box-shadow:0 4px 12px #0000004d}.presets.svelte-1u1zv3t{display:grid;grid-template-columns:1fr;gap:.5rem;max-height:250px;overflow-y:auto;padding-right:.5rem}.presets.svelte-1u1zv3t::-webkit-scrollbar{width:6px}.presets.svelte-1u1zv3t::-webkit-scrollbar-track{background:#1a1a1a;border-radius:3px}.presets.svelte-1u1zv3t::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:3px}.presets.svelte-1u1zv3t::-webkit-scrollbar-thumb:hover{background:#5a5a5a}.preset-btn.svelte-1u1zv3t{width:100%;padding:.6rem;background:#1a1a1a;color:#e8e8e8;border:1px solid #3a3a3a;border-radius:4px;font-size:.85rem;cursor:pointer;transition:all .2s;text-align:left}.preset-btn.svelte-1u1zv3t:hover{background:#2a2a2a;border-color:#7c9cbf}.color-presets.svelte-1u1zv3t{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.color-preset-btn.svelte-1u1zv3t{padding:.6rem;border:2px solid #3a3a3a;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.color-preset-btn.svelte-1u1zv3t:hover{border-color:#7c9cbf;transform:scale(1.05)}.color-name.svelte-1u1zv3t{display:block;font-weight:600;text-shadow:0 0 3px rgba(0,0,0,.8),0 0 6px rgba(0,0,0,.5);color:#fff;mix-blend-mode:difference}@media (max-width: 1024px){.presets.svelte-1u1zv3t{max-height:200px}}