:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}.menuitem.svelte-17m53fi{display:grid;grid-template-columns:30% 50% 20%;border-color:#0ff;border-style:solid;margin-top:3px;width:100%;border-radius:10px;animation:forwards .5s svelte-17m53fi-hovermenuitemopen}.menuitem.svelte-17m53fi:hover{animation:forwards .5s svelte-17m53fi-hovermenuitemclose}@keyframes svelte-17m53fi-hovermenuitemclose{0%{border-radius:10px}to{border-radius:0}}@keyframes svelte-17m53fi-hovermenuitemopen{0%{border-radius:0}to{border-radius:10px}}.menuimage.svelte-17m53fi{width:60px;border-radius:10px}.menutext.svelte-17m53fi{font-size:1.1rem;display:block;margin-top:auto;margin-bottom:auto}.menutick.svelte-17m53fi{font-size:2rem;display:block;margin-top:auto;margin-bottom:auto}@media (max-width: 810px){.menuimage.svelte-17m53fi{width:40px}.menuitem.svelte-17m53fi{grid-template-columns:30% 50% 20%!important}}.checkbox.svelte-1ims1tv{border-style:solid;border-width:0px;background-color:transparent}.menu.svelte-2vxsbf{display:grid;grid-template-columns:5% 90% 5%}.menubar.svelte-2vxsbf{display:grid;grid-template-columns:80% 20%}.menubtn.svelte-2vxsbf{width:100%;border-style:solid;border-radius:none;border-color:#f0f8ff;margin:1px;border-radius:10px;animation:forwards .5s svelte-2vxsbf-hovermenuclose}.menubtn.svelte-2vxsbf:hover{animation:forwards .5s svelte-2vxsbf-hovermenuopen}@keyframes svelte-2vxsbf-hovermenuclose{0%{border-radius:0}to{border-radius:10px}}@keyframes svelte-2vxsbf-hovermenuopen{0%{border-radius:10px}to{border-radius:0}}.fillstyle.svelte-2vxsbf{font-size:large}.arrow.svelte-2vxsbf{font-size:2rem;display:block;margin-top:auto;margin-bottom:auto}@media (max-width: 810px){.menu.svelte-2vxsbf{grid-template-columns:1% 98% 1%}}.container.svelte-15twz0q{display:grid;grid-template-columns:auto auto}.editorcontainer.svelte-15twz0q{margin:10px;width:100%}.colorchange.svelte-15twz0q{display:grid;grid-template-columns:70% 5% 25%}canvas.svelte-15twz0q{border:3px solid coral;width:42.5vw;height:calc(52vw *.85)}.save.svelte-15twz0q{border-color:#6495ed;background-color:coral;color:#000;border-style:solid;margin-top:3px;padding:2px;width:70%;font-size:x-large;border-radius:10px;animation:forwards .5s svelte-15twz0q-generateclose;align-items:center;justify-content:center}.save.svelte-15twz0q:hover{animation:forwards .5s svelte-15twz0q-generateopen}.generate.svelte-15twz0q{border-color:coral;background-color:#6495ed;color:#000;border-style:solid;margin-top:3px;padding:2px;width:70%;font-size:x-large;border-radius:10px;animation:forwards .5s svelte-15twz0q-generateclose}.generate.svelte-15twz0q:hover{animation:forwards .5s svelte-15twz0q-generateopen}@keyframes svelte-15twz0q-generateopen{0%{border-radius:10px}to{border-radius:0}}@keyframes svelte-15twz0q-generateclose{0%{border-radius:0}to{border-radius:10px}}.label.svelte-15twz0q{display:block;margin-top:auto;font-size:1.2rem}@media (max-width: 810px){.container.svelte-15twz0q{grid-template-columns:auto!important;grid-template-rows:auto auto;justify-items:center;align-items:center}.editorcontainer.svelte-15twz0q{margin:2px!important;width:90%}canvas.svelte-15twz0q{width:60vw!important;height:62.4vw!important}.colorchange.svelte-15twz0q{grid-template-columns:80% 0% 20%}.save.svelte-15twz0q,.generate.svelte-15twz0q{font-size:large}.label.svelte-15twz0q{font-size:1rem}}