button.svelte-zlf4pi{position:relative;touch-action:manipulation;background:none;--btn-scale-active: .96;--btn-font-size: inherit;font-family:inherit;font-weight:505;padding:0;outline:none;transition:var(--tr-dur-short)}.blurred.svelte-zlf4pi span:where(.svelte-zlf4pi){-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}span.svelte-zlf4pi{background:var(--background);color:var(--color);scale:1;transition:var(--tr-dur-short),scale var(--tr-dur);border-radius:var(--radius);padding:var(--padding);height:inherit;width:inherit;font-family:inherit;display:flex;justify-content:center;font-size:var(--btn-font-size)}@media (hover: hover){button.svelte-zlf4pi:hover span:where(.svelte-zlf4pi){background:var(--background-hover);color:var(--btn-color-hover)}.tint.svelte-zlf4pi:hover span:where(.svelte-zlf4pi):after{border:1px solid var(--fg-tint-hover)}}button.svelte-zlf4pi:active span:where(.svelte-zlf4pi){scale:var(--btn-scale-active);color:var(--btn-color-hover);background:var(--background-hover)}.slider-container.svelte-f1n75{display:flex;flex-direction:column;gap:var(--s);width:100%}.slider-track.svelte-f1n75{position:relative;--inset: 10px;width:calc(100% - 2 * var(--inset));height:6px;cursor:pointer;-webkit-user-select:none;user-select:none;margin-block:.35rem;margin-inline:var(--inset);touch-action:pan-y}.label.svelte-f1n75{text-align:start}.slider-track.svelte-f1n75:after{content:"";position:absolute;inset:0;margin-inline:-7px;background:var(--fg);border-radius:var(--m);z-index:-1}.slider-progress.svelte-f1n75{position:absolute;top:0;left:0;height:100%;margin-left:-7px;background:#2196f3;border-radius:3px 0 0 3px}.slider-thumb.svelte-f1n75{position:absolute;top:-7px;width:20px;height:20px;background:#fff;border-radius:50%;border:10px solid white;box-shadow:0 1px 3px #0000004d;cursor:grab;transform:translate(-50%);transition:background .2s,border .2s}.slider-container.svelte-f1n75:active .slider-thumb:where(.svelte-f1n75){cursor:grabbing;background:#2196f3;border-width:4px}.slider-value-bubble.svelte-f1n75{position:absolute;background:#2196f3;color:#fff;transform:translate(-50%);border-radius:16px;font-size:16px;white-space:nowrap;pointer-events:none}.slider-value-bubble-container.svelte-f1n75{position:absolute;top:-40px;white-space:nowrap;pointer-events:none}.bubble-container.svelte-f1n75{position:relative;padding:4px 8px;display:flex;justify-content:center;align-items:center;z-index:5;color:#fff;perspective:25px;transform-style:preserve-3d}h1.svelte-1hnlcly,p.svelte-1hnlcly{text-align:left}h1.svelte-1hnlcly{margin-top:var(--s);font-size:1.1rem}.colors.svelte-1hnlcly{display:flex;overflow:scroll hidden;scrollbar-width:thin;padding-bottom:var(--xs);gap:.25rem;min-height:4rem}.centered.svelte-1hnlcly{display:flex;align-items:center;justify-content:center}.sidebar.svelte-1hnlcly{width:320px;padding:18px;box-sizing:border-box;background:#111;color:#ddd;overflow:hidden scroll;gap:var(--s);display:flex;flex-direction:column;touch-action:auto}.sidebar.svelte-1hnlcly :where(.svelte-1hnlcly){touch-action:auto}.point-row.svelte-1hnlcly{display:flex;align-items:center;position:relative;padding:.25rem;font-size:.6rem}.color-input.svelte-1hnlcly{width:2rem;height:2rem;padding:0;border-radius:1rem;border:none;background:none}.remove-btn.svelte-1hnlcly{background:#222;border:none;color:#fff;border-radius:2rem;cursor:pointer;position:absolute;right:0;top:0;width:1.2rem;height:1.2rem}input[type=color].svelte-1hnlcly::-webkit-color-swatch{border:none;padding:0;margin:-.5rem}p.svelte-1hnlcly{padding-block:.5rem}select.svelte-1hnlcly{background:var(--bg)}@media screen and (width < 640px){.sidebar.svelte-1hnlcly{width:100vw;height:35dvh}}canvas.svelte-i9w4bf{width:100%;height:100%;display:block}body{--xxxs: .125rem;--xxs: .25rem;--xs: .5rem;--s: .75rem;--m: 1rem;--l: 1.25rem;--xl: 1.5rem;--xxl: 1.75rem;--xxxl: 2rem;--bg: rgb(29, 29, 29);--fg: rgb(36, 36, 36);--text: rgb(255, 255, 255);--success: #43ff1d;--error: #ff3e3e;--text-tint: rgba(255, 255, 255, .75);--fg-tint: rgba(255, 255, 255, .05);--fg-tint-hover: rgba(255, 255, 255, .1);--bg-tint: rgba(29, 29, 29, .5);--h1: 4rem;--h2: 3rem;--h3: 2rem;--h4: 1.5rem;--h5: 1.25rem;--p: 1rem;--small: .75rem;--extrabold: 700;--bold: 600;--normal: 400;--tr-dur: .4s;--tr-dur-short: .2s;--tr-dur-long: 1s}@font-face{font-family:Onest;src:url(./Onest.BOoujEdj.woff2)}*{color:var(--color, var(--text));border:none;box-sizing:border-box;font-family:Onest,-apple-system,sans-serif;touch-action:none;-webkit-tap-highlight-color:transparent}:where(div,main,article,address,aside,nav,section,footer,header,button,a,ul,li,summary,output,textarea,option,select,input,label,form){background:var(--background, none);margin:var(--margin, 0);padding:var(--padding, 0);border-radius:calc(var(--radius, 0) - var(--padding, 0))}:is(option,select,input,button,a):focus-visible{--shadow: 0 0 0 1px var(--text-tint);box-shadow:var(--shadow)}body{color-scheme:dark;background-color:var(--bg);color:var(--text);-webkit-user-select:none;user-select:none;margin:0;min-height:100dvh;min-width:100vw;display:flex;flex-direction:column;text-align:center;justify-content:center;padding:0}h1,h2,h3,h4,h5,h6,small,p,a{margin:0;padding:0}.radius-tiny{border-radius:var(--s);--radius: var(--s)}.radius-small{border-radius:var(--m);--radius: var(--m)}.radius-mid{border-radius:var(--xl);--radius: var(--xl)}.radius-large{border-radius:var(--xxl);--radius: var(--xxl)}.shadow-tiny{--shadow: 0 0 8px rgba(0, 0, 0, .25)}.shadow-small{--shadow: 0 2px 12px rgba(0, 0, 0, .25)}.shadow-mid{--shadow: 0 8 16px rgba(0, 0, 0, .5)}.shadow-large{--shadow: 0 8px 64px rgba(0, 0, 0, .5)}.gap-tiny{--gap: var(--xxs)}.gap-small{--gap: var(--xs)}.gap-mid{--gap: var(--m)}.gap-large{--gap: var(--xl)}.vertical,.horizontal{display:flex;justify-content:var(--align);align-items:var(--align);gap:var(--gap, 0)}.vertical{flex-direction:column}.start{--align: start}.center{--align: center}.stretch{--align: stretch}.end{--align: end}.width-fit{max-width:fit-content}.width-fill{width:100%}.height-fit{max-height:fit-content}.height-fill{height:100%}.main{--background: var(--text);--background-hover: var(--text);--color: var(--bg);--color-hover: var(--bg);--opacity-hover: .75}.sec{--background: var(--fg-tint);--background-hover: var(--fg-tint-hover);--color: var(--text);--color-hover: var(--text);--outline: 1px solid rgba(255, 255, 255, .08);--outline-hover: 1px solid rgba(255, 255, 255, .125)}.glare:after,.sec:after{content:"";position:absolute;top:0;left:0;height:calc(100% - 2px);border-radius:inherit;width:calc(100% - 2px);border:var(--outline, var(--outline-hover));z-index:-1;transition:var(--tr-dur-short)}.glare{--background: var(--fg-tint);--background-hover: var(--fg-tint-hover);--color: var(--text);--color-hover: var(--text);--outline: 1px solid rgba(255, 255, 255, .1);--outline-hover: 1px solid rgba(255, 255, 255, .15)}.glare:after{-webkit-mask-image:linear-gradient(135deg,black 0,transparent 30%,transparent 70%,black 100%);mask-image:linear-gradient(135deg,black 0,transparent 30%,transparent 70%,black 100%)}.plain{--background: none;--background-hover: none;--color: var(--text);--color-hover: var(--text);--opacity-hover: .75}h1,h2,h3,h4{font-weight:var(--extrabold)}h1{font-size:var(--h1);line-height:1}h2{font-size:var(--h2)}h3{font-size:var(--h3)}h4{font-size:var(--h4)}h5,h6,small{font-weight:var(--bold)}h5{font-size:var(--h5)}h6{font-size:var(--p)}small{font-size:var(--small)}p{font-size:var(--p);font-weight:var(--normal)}.gap-xxs{--gap: var(--xxs)}.gap-xs{--gap: var(--xs)}.gap-s{--gap: var(--s)}.gap-m{--gap: var(--m)}.gap-l{--gap: var(--l)}.gap-xl{--gap: var(--xl)}.gap-xxl{--gap: var(--xxl)}.gap-xxxl{--gap: var(--xxxl)}.xxs{--padding: var(--xxs)}.xs{--padding: var(--xs)}.s{--padding: var(--s)}.m{--padding: var(--m)}.l{--padding: var(--l)}.xl{--padding: var(--xl)}.xxl{--padding: var(--xxl)}.xxxl{--padding: var(--xxxl)}.xxs-inline{--padding: var(--xxs) var(--xs)}.xs-inline{--padding: var(--xs) var(--s)}.s-inline{--padding: var(--s) var(--m)}.m-inline{--padding: var(--m) var(--l)}.l-inline{--padding: var(--l) var(--xl)}.xl-inline{--padding: var(--xl) var(--xxl)}.xxl-inline{--padding: var(--xxl) var(--xxxl)}.wrap.svelte-1uha8ag{display:flex;height:100dvh;width:100vw;overflow:hidden}.stage.svelte-1uha8ag{position:relative;flex:1 1 auto;overflow:hidden}.handle.svelte-1uha8ag{position:absolute;width:24px;height:24px;border-radius:1rem;border:4px solid rgba(255,255,255,.95);box-shadow:0 4px 16px #0003;transform:translate(-50%,-50%);pointer-events:auto;display:flex;align-items:center;justify-content:center;background:transparent;touch-action:none;margin:0;-webkit-user-select:none;user-select:none;transition:opacity .25s}.handle.hidden.svelte-1uha8ag{opacity:0}.toast.svelte-1uha8ag{padding:8px 14px;background:var(--bg-tint);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);font-size:var(--p)}.toast-container.svelte-1uha8ag{position:absolute;left:50%;bottom:var(--m);width:fit-content;transform:translate(-50%);z-index:50}@media screen and (width < 640px){.wrap.svelte-1uha8ag{flex-direction:column}.handle.svelte-1uha8ag{width:30px;height:30px;border:6px solid rgba(255,255,255,.95)}}
