button.svelte-vyp3t6{margin:10px 0;color:var(--primary-color);padding:10px 20px;background-color:var(--secondary-text-color);transition:background-color .15s}button.svelte-vyp3t6:hover{cursor:pointer;background-color:var(--primary-text-color)}.radio-wrapper.svelte-6ibpe7{display:flex}.radio-wrapper.svelte-6ibpe7 input[type=radio]:where(.svelte-6ibpe7){-webkit-appearance:none;appearance:none;background-color:var(--primary-color);color:var(--primary-text-color);min-width:1em;width:1em;max-height:1em;height:1em;border:.15em solid currentColor;border-radius:0;margin:10px 0;cursor:pointer;display:flex;align-items:center;justify-content:center}.radio-wrapper.svelte-6ibpe7 input[type=radio]:where(.svelte-6ibpe7):before{content:"";width:.5em;height:.5em;border-radius:0;transform:scale(0);transition:transform .15s ease-in-out;box-shadow:inset 1em 1em var(--primary-text-color)}.radio-wrapper.svelte-6ibpe7 input[type=radio]:where(.svelte-6ibpe7):disabled{cursor:not-allowed;opacity:.5}.radio-wrapper.svelte-6ibpe7 input[type=radio]:where(.svelte-6ibpe7):disabled+label:where(.svelte-6ibpe7){cursor:not-allowed;opacity:.5}.radio-wrapper.svelte-6ibpe7 input[type=radio]:where(.svelte-6ibpe7):checked:before{transform:scale(1)}.radio-wrapper.svelte-6ibpe7 label:where(.svelte-6ibpe7){font-size:1em;margin:10px 0;cursor:pointer;padding-left:10px;color:var(--primary-text-color)}.form-element.svelte-gyy9l6{margin-bottom:2.5rem}h2.svelte-gyy9l6{color:var(--primary-text-color);font-size:1.25rem;margin-bottom:1rem;text-decoration:underline}#wrapper.svelte-gyy9l6{display:grid;grid-template-columns:2fr 1fr;gap:5%}#src-img-container.svelte-gyy9l6{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:16/9;width:45vw;max-width:700px;height:auto;background-color:var(--secondary-color)}#img-canvas.svelte-gyy9l6{display:none;box-sizing:border-box;border:1px solid var(--primary-text-color);width:45vw;max-width:700px;height:auto}@media(max-width:600px){#wrapper.svelte-gyy9l6{grid-template-columns:1fr}#src-img-container.svelte-gyy9l6,#img-canvas.svelte-gyy9l6{width:90vw}}@media(prefers-color-scheme:light){#src-img-container.svelte-gyy9l6{background-color:var(--lightmode-secondary-color)}#img-canvas.svelte-gyy9l6{border:1px solid var(--lightmode-primary-text-color)}}