:root{--purple-100-hs:278 100%;--purple-90-hs:278 90%;--accent-hs:305 100%;--l-mult:1;--l-offset:0%;--bgPurple:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 6%) / 1);--bgDarkPurple:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 7%) / 1);--lightPink:hsl(var(--purple-90-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / 1);--black:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 6%) / 1);--black-a15:rgba(0,0,0,.15);--black-a25:rgba(0,0,0,.25);--white-a05:rgba(255,255,255,.05);--purple-6:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 6%) / 1);--purple-7:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 7%) / 1);--purple-8:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 8%) / 1);--purple-9:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 9%) / 1);--purple-10:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 10%) / 1);--purple-11:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 11%) / 1);--purple-12:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 12%) / 1);--purple-13:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 13%) / 1);--purple-14:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 14%) / 1);--purple-15:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 15%) / 1);--purple-16:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 16%) / 1);--purple-26:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 26%) / 1);--purple-20:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 20%) / 1);--purple-50:hsl(var(--purple-90-hs) calc(var(--l-offset) + var(--l-mult) * 50%) / 1);--purple-60:hsl(var(--purple-90-hs) calc(var(--l-offset) + var(--l-mult) * 60%) / 1);--purple-70:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 70%) / 1);--purple-72:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 72%) / 1);--purple-80:hsl(var(--purple-90-hs) calc(var(--l-offset) + var(--l-mult) * 75%) / 1);--purple-92:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 92%) / 1);--purple-4-a2:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 4%) / .2);--purple-4-a3:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 4%) / .3);--purple-4-a45:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 4%) / .45);--purple-4-a6:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 4%) / .6);--purple-4-a65:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 4%) / .65);--purple-6-a15:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 6%) / .15);--purple-6-a85:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 6%) / .85);--purple-8-a45:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 8%) / .45);--purple-8-a75:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 8%) / .75);--purple-9-a85:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 9%) / .85);--purple-10-a15:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 10%) / .15);--purple-10-a5:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 10%) / .5);--purple-10-a65:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 10%) / .65);--purple-10-a85:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 10%) / .85);--purple-10-a9:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 10%) / .9);--purple-11-a9:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 11%) / .9);--purple-12-a9:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 12%) / .9);--purple-14-a9:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 14%) / .9);--purple-15-a2:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 15%) / .2);--purple-30-a15:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / .15);--purple-16-a6:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 16%) / .6);--purple-16-a75:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 16%) / .75);--purple-18-a6:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 18%) / .6);--purple-20-a1:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 20%) / .1);--purple-20-a85:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 20%) / .85);--purple-30-a2:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / .2);--purple-30-a25:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / .25);--purple-30-a3:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / .3);--purple-30-a85:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / .85);--purple-35-a5:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 35%) / .5);--purple-50-a02:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 50%) / .02);--purple-50-a1:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 50%) / .1);--purple-50-a15:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 50%) / .15);--purple-50-a2:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 50%) / .2);--purple-50-a3:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 50%) / .3);--purple-50-a4:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 50%) / .4);--purple-50-a5:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 50%) / .5);--purple-55-a5:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 55%) / .5);--purple-60-a35:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 60%) / .35);--purple-70-a15:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 70%) / .15);--purple-70-a5:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 70%) / .5);--purple-70-a8:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 70%) / .8);--purple-75-a7:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 75%) / .7);--purple-76-a725:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 76%) / .725);--purple-80-a1:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / .1);--purple-80-a25:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / .25);--purple-80-a4:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / .4);--purple-80-a85:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / .85);--purple-80-a9:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / .9);--color-accent:#f3e;--color-accent-soft:rgba(255,51,238,.15);--color-accent-softer:rgba(255,51,238,.05);--color-magenta:#f76ee7;--color-cyan:#6eeef7;--color-orange:#ffb370;--color-orange-bg:rgba(92,43,0,.8);--color-danger:#ed5e5e;--color-danger-bg:rgba(73,18,18,.8);--color-success:#7ef1ae;--color-success-bg:rgba(15,61,34,.8)}button{color:var(--lightPink);font-family:var(--pixel-font);white-space:nowrap;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.8rem 1.6rem;font-size:1.4rem;display:flex}button:disabled{opacity:.75;pointer-events:none;transition:opacity .2s ease-in-out}.select-wrapper{fill:var(--purple-80);display:inline-block;position:relative}.select-wrapper select{min-width:5.2rem}.select-wrapper:after{content:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 3 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 0L0 -1.31134e-07L1.5 2L3 0Z' fill='hsla(278, 100%, 80%, 1)'/%3E%3C/svg%3E%0A");pointer-events:none;font-size:1.2rem;position:absolute;top:50%;right:8px;transform:translateY(-50%)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--purple-16-a6);color:var(--purple-80);border:1px solid var(--purple-50-a1);cursor:pointer;border-radius:30px;outline:none;padding:.4rem 1rem;font-family:inherit;font-size:1.5rem}option{background:var(--purple-12);font-size:1.4rem}option:checked{background:var(--purple-20)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--purple-16-a6);border-radius:50px;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--purple-50);cursor:none;border-radius:50%;width:1.5rem;height:1.5rem}input[type=range]::-webkit-slider-thumb.is-dragging{cursor:none}input[type=range]::-webkit-slider-runnable-track{border:none;border-radius:50px;height:1.5rem}input[type=range]::-webkit-slider-thumb:hover{background:var(--purple-60)}label,span{color:var(--purple-80);white-space:nowrap;font-size:1.3rem}span{font-variant-numeric:tabular-nums}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--purple-50);border:1px solid var(--purple-50-a1);cursor:pointer;opacity:.35;border-radius:30px;outline:none;width:1.6rem;height:1.6rem;padding:4px;font-family:inherit;font-size:1.4rem;transition:opacity .15s ease-in-out}input[type=checkbox]:checked{opacity:1}input,textarea{border:1px solid hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 50%) / .15);background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 10%) / .85);width:100%;height:3.8rem;color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / .95);border-radius:4px;padding:.8rem 1rem;font-family:inherit;font-size:1.4rem}:is(input,textarea)::placeholder{color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / .75)}textarea{resize:none;height:14rem;padding:1rem;font-size:1.4rem}textarea::placeholder{color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / .75)}*{box-sizing:border-box;margin:0;padding:0}*:focus-visible{outline:none}:root{--pixel-font:"Pixelify Sans", sans-serif;--inter-font:"Inter", sans-serif;--bg:linear-gradient(to bottom, hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 8%) / 1), hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 9%) / 1), hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 8.5%) / 1));--mainColor:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / 1);--box-shadow:0 0 0px 1px var(--purple-15), 0 -1px 0px .4rem var(--purple-8), 0 0px 0px .5rem hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 20%) / .7);--box-shadow-less:0 0 0px 1px var(--purple-15), 0 -1px 0px .1rem var(--purple-8), 0 0px 0px .2rem hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 20%) / .6);--box-shadow-lesser:0 0 0px 1px hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 15%) / .75), 0 -1px 0px .05rem rgba(255,255,255,.1), 0 0px 0px .1rem hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 20%) / .5);--r-1:2px;--r-2:3px;--r-3:4px;--r-4:6px;--r-pill:30px;--s-1:.2rem;--s-2:.4rem;--s-3:.6rem;--s-4:.8rem;--s-5:1rem;--s-6:1.4rem;--s-7:1.8rem;--s-8:2.4rem;--s-9:3rem;--s-10:4rem;--t-micro:1.1rem;--t-xs:1.2rem;--t-sm:1.3rem;--t-base:1.4rem;--t-md:1.5rem;--t-lg:1.6rem;--t-xl:2rem;--t-2xl:2.4rem;--t-3xl:3.2rem;--t-4xl:4rem;--t-5xl:5.6rem}html{font-size:62.5%;font-family:var(--pixel-font);height:100%}body{background:var(--bg);font-optical-sizing:auto;height:100%;min-height:100dvh;color:var(--mainColor);font-style:normal;font-weight:400}*{-webkit-user-select:none;-moz-user-select:none;user-select:none}:root{--bg-overlay:radial-gradient(ellipse at center, transparent 60%, hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 4%) / .25) 100%)}body{overscroll-behavior:none;touch-action:none;overflow:hidden}@media (max-width:860px){body{-webkit-overflow-scrolling:touch;touch-action:pan-y;min-height:100svh;overflow-y:auto}}#app{justify-content:center;align-items:center;height:100%;display:flex}@media (max-width:860px){#app{flex-direction:column;height:auto}}canvas,button{touch-action:manipulation}@media (max-width:700px){#mobile-warning-overlay{background:var(--purple-4-a65);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;width:100%;height:100%;position:fixed;top:0;left:0}}@media (max-width:700px){#mobile-warning-content{background:var(--purple-10);color:var(--purple-80);padding:var(--s-8);border-radius:var(--r-4);border:1px solid var(--purple-50-a1);box-shadow:inset 0 0px 10px 10px var(--purple-6-a15), 0 0 0px 1px var(--purple-16), 0 -1px 0px 4px var(--purple-10), 0 2px 0px 4px var(--purple-20);text-align:center;width:min(90vw,400px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#mobile-warning-content h1{font-size:var(--t-3xl);margin-bottom:var(--s-7);color:var(--purple-70);line-height:1.1}#mobile-warning-content span{font-size:var(--t-base);margin-bottom:var(--s-7);color:var(--purple-80);text-wrap:balance}}.bg-overlay{background:var(--bg-overlay);z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}._app_yzh49_1{height:100%}@media (max-width:768px){._app_yzh49_1{flex-direction:column;min-height:100vh;display:flex}}._export-trigger_yzh49_11{cursor:pointer;padding:var(--s-4);background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 12%) / .85);aspect-ratio:1;border:2px solid rgba(255,255,255,.1);border-radius:50%;justify-content:center;align-items:center;width:4.5rem;transition:border-color .15s,background .15s;display:flex}._export-trigger_yzh49_11:hover{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 15%) / .95)}._button_feqzo_1{padding:var(--s-3) var(--s-5);background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 13%) / .95);border:1px solid hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / .15);border-radius:var(--r-3);color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 68%) / .7);font-size:var(--t-xs);font-family:var(--pixel-font);cursor:pointer;white-space:nowrap;place-items:center;height:30px;font-weight:400;line-height:1;transition:background .15s,color .15s,border-color .15s;display:grid}._button_feqzo_1:hover:not(:disabled):not(._active_feqzo_29){background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 18%) / .95);color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 78%) / .9);border-color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 40%) / .15)}._button_feqzo_1._active_feqzo_29{background:hsl(var(--purple-90-hs) calc(var(--l-offset) + var(--l-mult) * 22%) / .95);color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / 1);border-color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 55%) / .35)}._button_feqzo_1:disabled{opacity:.3;cursor:default}._danger_feqzo_64{color:rgba(241,126,126,.9);background:rgba(73,18,18,.8);border-color:rgba(207,23,23,.15)}._danger_feqzo_64:hover:not(:disabled):not(._active_feqzo_29){color:rgba(241,126,126,.9);background:rgba(92,0,0,.8);border-color:rgba(207,23,23,.15)}._accent_feqzo_76{--accent-h:28;--accent-s:100%;--accent-s-bg:60%;color:hsla(var(--accent-h), var(--accent-s), 72%, .9);background:hsla(var(--accent-h), var(--accent-s-bg), 17%, .8);border-color:hsla(var(--accent-h), var(--accent-s), 45%, .15)}._accent_feqzo_76:hover:not(:disabled):not(._active_feqzo_29){color:hsla(var(--accent-h), var(--accent-s), 72%, .9);background:hsla(var(--accent-h), var(--accent-s), 18%, .8);border-color:hsla(var(--accent-h), var(--accent-s), 45%, .15)}._accent-cyan_feqzo_91{--accent-h:195;--accent-s:90%;--accent-s-bg:55%}._accent-pink_feqzo_98{--accent-h:320;--accent-s:90%;--accent-s-bg:50%}._accent-yellow_feqzo_105{--accent-h:50;--accent-s:95%;--accent-s-bg:55%}._green_feqzo_112{color:rgba(126,241,174,.9);background:rgba(15,61,34,.8);border-color:rgba(20,184,88,.15)}._green_feqzo_112:hover:not(:disabled):not(._active_feqzo_29){color:rgba(163,245,197,.9);background:rgba(10,92,44,.8);border-color:rgba(23,207,99,.15)}._circle-transparent_feqzo_124{color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 72%) / .9);background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 8%) / .75);border-color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 35%) / .05);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:50%;place-items:center;width:24px;height:24px;padding:0;line-height:1;display:grid}._circle-transparent_feqzo_124:hover:not(:disabled):not(._active_feqzo_29){color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 72%) / .9);background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 18%) / .35);border-color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 45%) / .1)}._load_feqzo_162,._load_feqzo_162:hover:not(:disabled):not(._active_feqzo_29){color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 72%) / .9);background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 18%) / .8);border-color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 45%) / .15)}._small_feqzo_192{padding:var(--s-2) var(--s-3);background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 18%) / .3);font-size:var(--t-xs);border-radius:var(--r-2);height:auto;color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 72%) / .65);border:none;line-height:1}._auth-btn_16dto_1{cursor:pointer;font-size:var(--t-sm);padding:var(--s-2) var(--s-5);border-radius:var(--r-pill);background:hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 16%) / .85);color:hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / 1);border:1px solid hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / .25);font-family:inherit;text-decoration:none;transition:background .15s}._auth-btn_16dto_1:hover{background:hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 20%) / .9)}._modal_16dto_53{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 10%) / .95);border:1px solid hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 25%) / .3);border-radius:var(--r-4);padding:var(--s-8);width:min(90vw,360px);box-shadow:var(--box-shadow);opacity:0;transition:transform .2s,opacity .2s;transform:scale(.95)}._modal_16dto_53 form{gap:var(--s-5);flex-direction:column;display:flex}._google-btn_16dto_97{cursor:pointer;justify-content:center;align-items:center;gap:var(--s-3);width:100%;padding:var(--s-5);border-radius:var(--r-3);background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 95%) / 1);color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 15%) / 1);font-size:var(--t-base);margin-bottom:var(--s-6);font-weight:500;transition:background .15s;display:flex}._google-btn_16dto_97:hover{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 92%) / 1)}._divider_16dto_124{align-items:center;gap:var(--s-5);margin-block:var(--s-6);font-size:var(--t-micro);color:var(--purple-70);display:flex}._divider_16dto_124:before{content:"";background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / .3);flex:1;height:1px}._divider_16dto_124:after{content:"";background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / .3);flex:1;height:1px}._submit-btn_16dto_150{cursor:pointer;width:100%;padding:var(--s-5);border-radius:var(--r-3);background-color:hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 19%) / 1);color:hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / 1);border:1px solid hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 50%) / .1);box-shadow:inset 0 0px 10px 10px hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 12%) / .15), 0 0 0px 1px hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 16%) / 1), 0 -1px 0px 2px hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 10%) / 1), 0 2px 0px 2px hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 20%) / 1);font-size:var(--t-base);font-weight:500;transition:background-color .2s ease-in}._submit-btn_16dto_150:hover{background-color:hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 21%) / 1)}._error-message_16dto_198{font-size:var(--t-xs);margin-top:var(--s-6);text-align:center;min-height:1.6rem}._error-message_16dto_198:empty{display:none}._wrapper_1y2ul_1{pointer-events:none;position:relative}._wrapper_1y2ul_1>*{pointer-events:auto}._container_1y2ul_10{padding:var(--s-6) var(--s-5);background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 8%) / .85);border:1px solid hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / .25);border-radius:var(--r-3);display:grid}._container-scrollable_1y2ul_22{scrollbar-width:thin;scrollbar-color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / 1) transparent;flex-direction:column;min-height:0;display:flex;overflow-y:auto}._panel_1y2ul_35{bottom:var(--popover-bottom,calc(100% + 1.5rem));right:var(--popover-right,3.5rem);background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 6%) / .5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--r-3);min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;box-shadow:var(--box-shadow);transform:var(--popover-transform-closed,translateX(0%) translateY(3%) scale(.95));transform-origin:100% 100%;pointer-events:none;transition:var(--popover-transition,transform .2s ease);visibility:hidden;position:absolute}._panel_1y2ul_35._open_1y2ul_57{transform:var(--popover-transform-open,translateX(-1%) translateY(0) scale(1));pointer-events:auto;visibility:visible}._toggle-btn_1y2ul_66{cursor:pointer;background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 12%) / .85);padding:var(--s-4);aspect-ratio:1;border:2px solid rgba(255,255,255,.1);border-radius:50%;justify-content:center;align-items:center;width:4.5rem;transition:border-color .15s,background .15s;display:flex}._toggle-btn_1y2ul_66:hover{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 15%) / .95)}._toggle-btn_1y2ul_66._open_1y2ul_57{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 15%) / .95)}._toggle-btn_1y2ul_66 span{line-height:1}._wrapper_1gvdv_1{--popover-bottom:calc(100% + 1.5rem);--popover-right:2rem;--popover-transform-closed:translateX(0%) translateY(2%) scale(.95);--popover-transform-open:translateX(-1%) translateY(1%) scale(1)}._button_1gvdv_8{background:linear-gradient(hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 12%) / .85), hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 12%) / .85)) padding-box, linear-gradient(to bottom right, hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 40%) / .45), hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 25%) / .65), hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 40%) / .45)) border-box;border:2px solid transparent;transition:background .2s}._button_1gvdv_8:hover,._button_1gvdv_8[data-open]{background:linear-gradient(hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 15%) / .85), hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 15%) / .85)) padding-box, linear-gradient(to bottom right, hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 40%) / .65), hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 25%) / .75), hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 40%) / .65)) border-box}._chat_1lelm_1{gap:var(--s-5);margin-bottom:var(--s-2);margin-inline:var(--s-2);flex-direction:column;width:35rem;display:flex}._submit-button_1lelm_10{padding:var(--s-5) var(--s-5);border-radius:var(--r-3);cursor:pointer;background-color:hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 19%) / 1);color:hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / 1);border:1px solid hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 50%) / .1);box-shadow:inset 0 0px 10px 10px hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 12%) / .15), 0 0 0px 1px hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 16%) / 1), 0 -1px 0px 2px hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 10%) / 1), 0 2px 0px 2px hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 20%) / 1);align-items:center;gap:var(--s-2);transition:background-color .2s ease-in;display:flex}._submit-button_1lelm_10 span{font-size:var(--t-base);color:inherit}._submit-button_1lelm_10:hover{background-color:hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 21%) / 1)}._sprites_1lelm_48{display:none}._sprites_1lelm_48 svg{opacity:0;grid-area:1/1}._sprites_1lelm_48._animating_1lelm_57{display:grid}._sprites_1lelm_48._animating_1lelm_57 svg{animation:.6s step-end infinite _frame-toggle_1lelm_1}._sprites_1lelm_48._animating_1lelm_57 svg:last-child{animation-delay:.3s}@keyframes _frame-toggle_1lelm_1{0%{opacity:1}50%{opacity:0}to{opacity:1}}._tags_1lelm_81{gap:var(--s-2);margin-bottom:var(--s-2);flex-wrap:wrap;display:flex}._tag_1lelm_81{padding:var(--s-1) var(--s-2);border-radius:var(--r-3);background-color:hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 15%) / .5);color:hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / 1);border:1px solid hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 50%) / .1);font-size:var(--t-xs);cursor:pointer;transition:background-color .15s ease-in}._tag_1lelm_81:hover{background-color:hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 16%) / 1)}._artboards_iqzpr_1{gap:var(--s-2);flex-direction:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:0;display:flex}._artboardActions_iqzpr_9{align-items:center;gap:var(--s-4);flex-direction:column;display:flex}@media (min-width:860px){._artboardActions_iqzpr_9{flex-direction:row}}._artboardRow_iqzpr_20{gap:var(--s-3);padding:var(--s-2);border-radius:var(--r-2);background:linear-gradient(hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 9.25%) / .85), hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 9.5%) / .85), hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 9.25%) / .85));border:1px solid hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / .15);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex}._artboard_iqzpr_1{padding:var(--s-3) var(--s-6);background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 13%) / .9);border:1px solid hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / .15);border-radius:var(--r-3);color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 68%) / .7);font-size:var(--t-xs);font-family:var(--pixel-font);cursor:pointer;place-items:center;height:30px;font-weight:400;line-height:1;transition:background .15s,color .15s,border-color .15s;display:grid}._artboard_iqzpr_1:hover:not(._active_iqzpr_73){background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 18%) / .9);color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 78%) / .9)}._active_iqzpr_73{background:hsl(var(--purple-90-hs) calc(var(--l-offset) + var(--l-mult) * 22%) / .95);color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / 1);border-color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 55%) / .35)}._sidebar_14ey6_1{scrollbar-width:thin;scrollbar-color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / 1) transparent;min-height:0;padding-right:var(--s-2);flex-direction:column;display:flex;overflow-x:hidden;overflow-y:auto}._sidebar-section_14ey6_16{gap:var(--s-2);margin-bottom:var(--s-6);flex-direction:column;display:flex}._sidebar-section_14ey6_16:last-child{border-bottom:none}._sidebar-preview_14ey6_27{gap:var(--s-6);align-items:flex-end;margin-bottom:0;display:flex}._sidebar-bottom_14ey6_34{gap:var(--s-6);margin-top:auto;margin-bottom:var(--s-2);flex-direction:column;align-items:flex-start;display:flex}@media (min-width:768px){._sidebar-bottom_14ey6_34{justify-content:flex-end;align-items:flex-end}}._sidebar-preview-grid_14ey6_48{gap:var(--s-4);grid-template-columns:repeat(4,auto);justify-content:start;align-items:end;display:grid}._sidebar-preview-export_14ey6_56{gap:var(--s-6);align-items:flex-start;display:flex}@media (max-width:768px){._sidebar-preview-export_14ey6_56{gap:var(--s-1);margin-block:var(--s-4);flex-direction:column}}._preview-wrapper_b79qu_1{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 7%) / 1);border:2px solid hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 70%) / .1);overflow:hidden}._overlay_1qqmt_1{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 4%) / 0);-webkit-backdrop-filter:blur();backdrop-filter:blur();z-index:1000;pointer-events:none;visibility:hidden;justify-content:center;align-items:center;transition:background .2s,-webkit-backdrop-filter .2s,backdrop-filter .2s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}._overlay_1qqmt_1._open_1qqmt_19{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 4%) / .65);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;visibility:visible}._modal_1qqmt_28{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 10%) / .95);border:1px solid hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 25%) / .3);border-radius:var(--r-4);padding:var(--s-8);width:min(90vw,360px);box-shadow:var(--box-shadow);opacity:0;transition:transform .2s,opacity .2s;transform:scale(.95)}._modal_1qqmt_28 form{gap:var(--s-5);flex-direction:column;display:flex}._overlay_1qqmt_1._open_1qqmt_19 ._modal_1qqmt_28{opacity:1;transform:scale(1)}._title_1qqmt_59{font-size:var(--t-2xl);color:var(--purple-80);margin-bottom:var(--s-3)}._subtitle_1qqmt_65{font-size:var(--t-sm);color:var(--purple-70);margin-bottom:var(--s-7)}._input_1qqmt_71{-webkit-user-select:text;-moz-user-select:text;user-select:text;width:100%}._submit-btn_1qqmt_76{cursor:pointer;width:100%;padding:var(--s-5);border-radius:var(--r-3);background-color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 19%) / 1);color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / 1);border:1px solid hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 50%) / .1);box-shadow:inset 0 0px 10px 10px hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 12%) / .15), 0 0 0px 1px hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 16%) / 1), 0 -1px 0px 2px hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 10%) / 1), 0 2px 0px 2px hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 20%) / 1);font-size:var(--t-base);font-weight:500;transition:background-color .2s ease-in}._submit-btn_1qqmt_76:hover{background-color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 21%) / 1)}._message_1qqmt_124{font-size:var(--t-xs);margin-top:var(--s-6);text-align:center;min-height:1.6rem}._message_1qqmt_124:empty{display:none}._modal_180wm_1{flex-direction:column;width:480px;max-height:75vh;display:flex}._sections_180wm_8{gap:var(--s-6);scrollbar-width:thin;scrollbar-color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / 1) transparent;padding-right:var(--s-6);flex-direction:column;display:flex;overflow-y:auto}._section-heading_180wm_21{font-size:var(--t-sm);color:var(--purple-80);text-transform:uppercase;margin-bottom:var(--s-3);font-weight:500}._list_180wm_30{gap:var(--s-4);flex-direction:column;display:flex}._item_180wm_36{justify-content:space-between;align-items:center;gap:var(--s-5);padding:var(--s-4) var(--s-5);border-radius:var(--r-3);background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 14%) / .6);border:1px solid hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 25%) / .2);color:var(--purple-80);cursor:pointer;text-align:left;font:inherit;transition:background .15s,border-color .15s;display:flex}._item_180wm_36:hover{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 18%) / .75);border-color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 35%) / .35)}._swatches_180wm_71{gap:var(--s-1);flex-shrink:0;display:flex}._swatch_180wm_71{border:1px solid rgba(255,255,255,.08);border-radius:50%;width:2.4rem;height:2.4rem}._name_180wm_84{font-size:var(--t-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._status_180wm_91{padding:var(--s-4) 0;text-align:center;font-size:var(--t-sm);color:var(--purple-70)}._wrapper_sk16a_1{display:flex}._export-list_sk16a_5{gap:var(--s-4);flex-direction:column;width:100%;display:flex}._export-row_sk16a_12{gap:var(--s-4);justify-content:center;display:flex}._export-row_sk16a_12>*{flex:1}._export-row-spaced_sk16a_22{margin-bottom:var(--s-2)}._export-row-spaced-lg_sk16a_27{margin-bottom:var(--s-5)}._overlay_7vyyp_1{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 4%) / 0);-webkit-backdrop-filter:blur();backdrop-filter:blur();z-index:1000;pointer-events:none;visibility:hidden;justify-content:center;align-items:center;transition:background .2s,-webkit-backdrop-filter .2s,backdrop-filter .2s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}._overlay_7vyyp_1._open_7vyyp_20{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 4%) / .65);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto;visibility:visible}._modal_7vyyp_30{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 10%) / .95);border:1px solid hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 25%) / .3);border-radius:var(--r-4);padding:var(--s-8);box-shadow:var(--box-shadow);opacity:0;transition:transform .2s,opacity .2s;transform:scale(.95)}._overlay_7vyyp_1._open_7vyyp_20 ._modal_7vyyp_30{opacity:1;transform:scale(1)}._wrapper_7sv1h_1{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 14%) / .5);border:1px solid hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / .15);width:50px;height:50px;box-shadow:inset 0 0 5px 5px hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 35%) / .15);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:50%;place-items:center;display:grid}._knob_7sv1h_23{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 50%) / 1);width:36px;height:36px;box-shadow:inset 0 0 5px 5px hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / .85);cursor:grab;touch-action:none;border-radius:50%}._knob_7sv1h_23:active{cursor:grabbing}._reset-btn_7sv1h_46{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 14%) / .5);border:1px solid hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / .15);border-radius:var(--r-3);padding:var(--s-1) var(--s-2);cursor:pointer;color:var(--purple-70);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-size:var(--t-micro);justify-content:center;align-items:center;transition:opacity .15s,color .15s;display:flex;position:absolute;top:-28px;left:50%;transform:translate(-50%)}._reset-btn_7sv1h_46:hover{color:var(--purple-80)}._reset-btn_7sv1h_46._hidden_7sv1h_74{opacity:0;pointer-events:none}._modal_14dk6_1{flex-direction:column;width:min(90vw,480px);max-height:80vh;display:flex}._list_14dk6_8{gap:var(--s-4);padding-right:var(--s-1);flex-direction:column;display:flex;overflow-y:auto}._item_14dk6_16{justify-content:space-between;align-items:center;gap:var(--s-5);padding:var(--s-4) var(--s-5);border-radius:var(--r-3);background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 14%) / .6);border:1px solid hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 25%) / .2);color:var(--purple-80);cursor:pointer;text-align:left;font:inherit;transition:background .15s,border-color .15s;display:flex}._item_14dk6_16:hover{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 18%) / .75);border-color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 35%) / .35)}._swatches_14dk6_51{gap:var(--s-1);flex-shrink:0;display:flex}._swatch_14dk6_51{border:1px solid rgba(255,255,255,.08);border-radius:50%;width:2.4rem;height:2.4rem}._name_14dk6_64{font-size:var(--t-base);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._empty_14dk6_71{padding:var(--s-7) 0;text-align:center;font-size:var(--t-sm);color:var(--purple-70)}._status_14dk6_78{padding:var(--s-6) 0;text-align:center;font-size:var(--t-sm);color:var(--purple-70)}._loupe_738dw_1{pointer-events:none;background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 8%));z-index:2;image-rendering:pixelated;border:2px solid rgba(255,255,255,.5);border-radius:50%;display:none;position:absolute;box-shadow:0 4px 16px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.08)}._main-canvas-wrapper_3k1xl_1{width:100vw;height:100dvh;min-height:0}._main-canvas-container_3k1xl_7{height:100%;position:relative}._main-canvas-left_3k1xl_12{border-radius:0;width:100%;min-width:0;height:100%;min-height:0;padding:0;display:grid;position:relative;overflow:hidden}._main-canvas-right_3k1xl_24{bottom:var(--s-7);right:var(--s-9);background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 6%) / .5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--r-4);border:1px solid hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / .1);z-index:10;min-height:0;box-shadow:var(--box-shadow);display:grid;position:absolute}@media (max-width:860px){._main-canvas-right_3k1xl_24{display:none}}._canvas_3k1xl_48{cursor:crosshair;touch-action:none;background-size:20px 20px;width:100%;min-width:0;height:100%;min-height:0;position:relative}._joystick-wrapper_3k1xl_59{bottom:var(--s-5);right:var(--s-5);position:absolute}@media (min-width:860px){._joystick-wrapper_3k1xl_59{bottom:var(--s-6);right:unset;left:50%;transform:translate(-50%)}}._toolbar_7k5i1_1{align-items:flex-start;gap:var(--s-5) var(--s-7);border-radius:var(--r-4);flex-flow:wrap;display:flex}._toolbar-section_7k5i1_10{gap:var(--s-2);flex-direction:column;display:flex}._toolbar-label_7k5i1_16{font-size:var(--t-base);color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 75%) / .85);font-weight:400;line-height:1}._toolbar-row_7k5i1_26{gap:var(--s-3);flex-wrap:wrap;display:flex}._toolbar-column_7k5i1_32{gap:var(--s-3);flex-direction:column;display:flex}._menu-bar_1xc5b_1{top:50%;left:var(--s-9);gap:var(--s-5);display:grid;position:absolute;transform:translateY(-55%)}._menu-bar-container_1xc5b_10{gap:var(--s-3);background:linear-gradient(hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 9.25%) / .85), hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 9.5%) / .85), hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 9.25%) / .85));border-radius:var(--r-3);border:1px solid hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / .15);padding:var(--s-3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-direction:column;display:flex}._menu-bar-container_1xc5b_10 button{border-radius:var(--r-1)}._picker_4v7su_1{gap:var(--s-2);padding:var(--s-1) 0;display:flex}._swatch_4v7su_7{cursor:pointer;border:2px solid transparent;border-radius:50%;width:26px;height:26px;padding:0;transition:border-color .15s,transform .15s}._swatch_4v7su_7:hover{transform:scale(1.03)}._active_4v7su_23{border-color:rgba(255,255,255,.7)}._filename-pill_67uiq_1{font-size:var(--t-sm);padding:var(--s-2) var(--s-5);border-radius:var(--r-pill);background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 13%) / .85);color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 72%) / .9);border:1px solid hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / .2);text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);max-width:20rem;overflow:hidden}._wrapper_1hx8p_1{line-height:0;display:inline-block;position:relative}._bubble_1hx8p_7{margin-left:var(--s-6);padding:var(--s-3) var(--s-6);background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 95%) / .85);color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 15%) / 1);border-radius:var(--r-4);font-size:var(--t-sm);white-space:nowrap;box-shadow:var(--box-shadow-less);opacity:0;transform-origin:0;pointer-events:none;z-index:10;font-weight:500;line-height:1;transition:opacity .2s,transform .25s cubic-bezier(.2,.8,.2,1.4);position:absolute;top:50%;left:100%;transform:translate(-4px,-50%)scale(.9)}._bubble_1hx8p_7:before{content:"";border:6px solid transparent;border-right-color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 95%) / .85);position:absolute;top:50%;right:100%;transform:translateY(-50%)}._wrapper_1hx8p_1:hover ._bubble_1hx8p_7,._wrapper_1hx8p_1:focus-within ._bubble_1hx8p_7{opacity:1;transform:translateY(-50%)scale(1)}._toast_clfed_1{top:var(--s-7);padding:var(--s-3) var(--s-7);border-radius:var(--r-3);font-family:var(--pixel-font);font-size:var(--t-sm);z-index:2000;pointer-events:none;opacity:0;text-align:center;min-width:10rem;font-weight:400;position:fixed;left:50%;transform:translate(-50%)translateY(-120%)}._success_clfed_18{color:rgba(126,241,174,.9);background:#0f2e1c;border:1px solid rgba(20,184,88,.2)}._error_clfed_24{color:rgba(241,126,126,.9);background:rgba(46,15,15,.92);border:1px solid rgba(207,23,23,.2)}._wrapper_zatm1_1{border-radius:var(--r-pill);cursor:pointer;border:1px solid hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 55%) / .075);background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 10%) / .2);width:50px;height:28px;padding:0 var(--s-1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);align-items:center;transition:background .4s;display:flex;position:relative;box-shadow:inset 0 0 5px rgba(0,0,0,.3)}._wrapper_zatm1_1._on_zatm1_24{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 35%) / .1)}._thumb_zatm1_31{cursor:pointer;background:linear-gradient(45deg, hsl(var(--purple-90-hs) calc(var(--l-offset) + var(--l-mult) * 36%) / .65), hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 25%) / .65));border:1px solid rgba(255,255,255,.01);border-radius:50%;place-content:center;width:24px;height:24px;padding:0;transition:transform .32s cubic-bezier(.34,1.56,.64,1),background .32s;display:grid;transform:translate(0);box-shadow:inset 0 0 5px rgba(0,0,0,.3)}._wrapper_zatm1_1._on_zatm1_24 ._thumb_zatm1_31{background:linear-gradient(45deg, hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 46%) / .65), hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 35%) / .65));border:1px solid rgba(255,255,255,.1);transform:translate(20px)}._thumb_zatm1_31:active{transform:translate(0)scale(.95)}._wrapper_zatm1_1._on_zatm1_24 ._thumb_zatm1_31:active{transform:translate(20px)scale(.95)}._icon_zatm1_73{display:block}._wave_zatm1_77{stroke-dasharray:60;stroke-dashoffset:0;transition:stroke-dashoffset .2s,opacity .2s}._wave_zatm1_77._hidden_zatm1_85{stroke-dashoffset:60px;opacity:0}._cross_zatm1_90{opacity:1;transition:opacity .2s}._cross_zatm1_90._hidden_zatm1_85{opacity:0}._auth-btn_16dto_1{cursor:pointer;font-size:var(--t-sm);padding:var(--s-2) var(--s-5);border-radius:var(--r-pill);background:hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 16%) / .85);color:hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / 1);border:1px solid hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / .25);font-family:inherit;text-decoration:none;transition:background .15s}._auth-btn_16dto_1:hover{background:hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 20%) / .9)}._overlay_16dto_25{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 4%) / 0);-webkit-backdrop-filter:blur();backdrop-filter:blur();z-index:1000;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:background .2s,-webkit-backdrop-filter .2s,backdrop-filter .2s,opacity .2s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}._overlay-open_16dto_44{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 4%) / .65);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:1;pointer-events:auto}._modal_16dto_53{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 10%) / .95);border:1px solid hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 25%) / .3);border-radius:var(--r-4);padding:var(--s-8);width:min(90vw,360px);box-shadow:var(--box-shadow);opacity:0;transition:transform .2s,opacity .2s;transform:scale(.95)}._modal_16dto_53 form{gap:var(--s-5);flex-direction:column;display:flex}._overlay-open_16dto_44 ._modal_16dto_53{opacity:1;transform:scale(1)}._modal-title_16dto_84{font-size:var(--t-3xl);color:var(--purple-80);margin-bottom:var(--s-5)}._modal-subtitle_16dto_90{font-size:var(--t-sm);color:var(--purple-80);margin-bottom:var(--s-6);white-space:nowrap}._google-btn_16dto_97{cursor:pointer;justify-content:center;align-items:center;gap:var(--s-3);width:100%;padding:var(--s-5);border-radius:var(--r-3);background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 95%) / 1);color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 15%) / 1);font-size:var(--t-base);margin-bottom:var(--s-6);font-weight:500;transition:background .15s;display:flex}._google-btn_16dto_97:hover{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 92%) / 1)}._divider_16dto_124{align-items:center;gap:var(--s-5);margin-block:var(--s-6);font-size:var(--t-micro);color:var(--purple-70);display:flex}._divider_16dto_124:before{content:"";background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / .3);flex:1;height:1px}._divider_16dto_124:after{content:"";background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / .3);flex:1;height:1px}._email-input_16dto_144{-webkit-user-select:text;-moz-user-select:text;user-select:text;width:100%;font-size:var(--t-base)}._submit-btn_16dto_150{cursor:pointer;width:100%;padding:var(--s-5);border-radius:var(--r-3);background-color:hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 19%) / 1);color:hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / 1);border:1px solid hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 50%) / .1);box-shadow:inset 0 0px 10px 10px hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 12%) / .15), 0 0 0px 1px hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 16%) / 1), 0 -1px 0px 2px hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 10%) / 1), 0 2px 0px 2px hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 20%) / 1);font-size:var(--t-base);font-weight:500;transition:background-color .2s ease-in}._submit-btn_16dto_150:hover{background-color:hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 21%) / 1)}._message_16dto_192{font-size:var(--t-micro);margin-top:var(--s-7);color:var(--purple-80)}._error-message_16dto_198{font-size:var(--t-xs);margin-top:var(--s-6);text-align:center;min-height:1.6rem}._error-message_16dto_198:empty{display:none}._navbar_1ftip_1{gap:var(--s-9);color:var(--purple-92);margin:var(--s-7) 0 var(--s-8) 0;top:0;left:var(--s-9);right:var(--s-9);z-index:100;justify-content:space-between;align-items:center;display:flex;position:absolute}._navbar-title_1ftip_15{font-weight:500;font-size:var(--t-2xl);letter-spacing:.05em;color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / 1);align-items:center;gap:var(--s-3);display:flex;position:absolute;left:50%;transform:translate(-50%)}._save-btn_1ftip_30{color:rgba(126,241,174,.95);background:rgba(15,61,34,.85);border-color:rgba(20,184,88,.25)}._save-btn_1ftip_30:hover{background:rgba(14,78,41,.9)}._wrapper_1g1pj_1{background:linear-gradient(hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 8.25%) / .95), hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 7.75%) / .95), hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 8.25%) / .95));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / .1);border-radius:var(--r-4);width:calc(260px + 2.4rem);padding:var(--s-6);gap:var(--s-4);z-index:200;pointer-events:none;visibility:hidden;opacity:0;box-shadow:var(--box-shadow);flex-direction:column;transition:transform .2s,opacity .2s;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.95)}._wrapper_1g1pj_1._open_1g1pj_39{pointer-events:auto;visibility:visible;opacity:1;transform:translate(-50%,-50%)scale(1)}._canvas-wrapper_1g1pj_46{cursor:crosshair;position:relative}._sv-canvas_1g1pj_51{border-radius:var(--r-3);width:260px;height:160px;display:block}._sv-cursor_1g1pj_58{pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:0;left:100%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px rgba(0,0,0,.3),inset 0 0 0 1px rgba(0,0,0,.3)}._hue-slider_1g1pj_73{border-radius:var(--r-3);width:260px;height:16px;display:block}._hue-cursor_1g1pj_80{border-radius:var(--r-1);pointer-events:none;border:2px solid #fff;width:6px;height:100%;position:absolute;top:0;left:0;transform:translate(-50%);box-shadow:0 0 0 1px rgba(0,0,0,.3)}._preview-row_1g1pj_93{gap:var(--s-4);display:flex}._preview-swatch_1g1pj_98{border-radius:var(--r-3);border:1px solid rgba(255,255,255,.2);flex-shrink:0;width:35px}._hex-input_1g1pj_105{min-width:0;padding:var(--s-2) var(--s-3);background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 12%) / .85);border-radius:var(--r-3);color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 78%) / .9);font-size:var(--t-sm);font-family:var(--pixel-font);border:1px solid rgba(255,255,255,.1);outline:none;flex:1;height:3.2rem;line-height:1}._palette-header_i74j9_1{margin-bottom:var(--s-4);flex-direction:column;justify-content:center;align-items:flex-start;display:flex}._palette-wrapper_i74j9_9,._palette-list_i74j9_15{gap:var(--s-3);flex-direction:column;display:flex}._palette-actions_i74j9_21{gap:var(--s-3);grid-template-columns:1fr;display:grid;position:relative}._palette-wrapper_i74j9_9._two-columns_i74j9_28 ._palette-actions_i74j9_21{grid-template-columns:1fr 1fr}._palette-wrapper_i74j9_9._two-columns_i74j9_28 ._palette-list_i74j9_15{grid-template-columns:1fr 1fr;display:grid}._palette-swatch_i74j9_37{border-radius:var(--r-pill);cursor:pointer;border:2px solid rgba(255,255,255,.1);justify-content:center;align-items:center;width:4.6rem;height:4.6rem;padding:0;transition:border-color .15s,transform .15s;display:flex;position:relative}@media (max-width:768px){._palette-swatch_i74j9_37{width:3.4rem;height:3.4rem}}._palette-swatch_i74j9_37:hover{transform:scale(1.03)}._palette-swatch_i74j9_37._palette-active_i74j9_62{border-color:rgba(255,255,255,.85)}._palette-add_i74j9_66{border-radius:var(--r-pill);background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 12%) / .85);width:4.6rem;height:4.6rem;color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 78%) / .9);font-size:var(--t-sm);cursor:pointer;border:2px solid rgba(255,255,255,.1);justify-content:center;align-items:center;transition:border-color .15s,background .15s;display:flex;position:relative}@media (max-width:768px){._palette-add_i74j9_66{width:3.4rem;height:3.4rem}}._palette-add_i74j9_66:hover{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 15%) / .95)}._palette-add_i74j9_66._palette-active_i74j9_62{border-color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 85%) / .8)}._actions-flyout_i74j9_109{gap:var(--s-3);pointer-events:none;flex-direction:column;padding-right:.6rem;display:flex;position:absolute;bottom:0;right:100%}._button_pzk1q_1{cursor:pointer;padding:var(--s-4);background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 12%) / .85);aspect-ratio:1;border:2px solid rgba(255,255,255,.1);border-radius:50%;justify-content:center;align-items:center;width:4rem;transition:border-color .15s,background .15s;display:flex}._button_pzk1q_1:hover:not(:disabled){background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 15%) / .95)}._button_pzk1q_1:disabled{opacity:.3;cursor:default}
