html{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-touch-callout:none;font-size:10px;line-height:1.5}a,abbr,acronym,address,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{vertical-align:baseline;box-sizing:border-box;margin:0;border:0;padding:0;touch-action:manipulation;font-size:100%;font:inherit;font-weight:inherit}body{display:block}*,:after,:before{box-sizing:border-box}ol,ul{list-style:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}img,svg,video{display:block;max-width:100%}body{-webkit-text-size-adjust:100%}a{touch-action:pan-y;color:inherit;text-decoration:inherit}a *,button *{pointer-events:none}button,input,select,textarea{margin:0;outline:none;background:inherit;padding:0;color:inherit;font:inherit;line-height:inherit;letter-spacing:inherit;text-transform:inherit}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:none;touch-action:pan-y}textarea{vertical-align:top;overflow:auto;resize:vertical}html{box-sizing:border-box;overflow-y:scroll}body,html{margin:0;padding:0;width:100%;height:auto;min-height:100svh}body{font-size:clamp(12px,10.5915492958px + .3755868545vw,16px);font-family:Inter,system-ui,sans-serif}*{-webkit-touch-callout:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased}html{font-size:.625em;font-family:sans-serif}h1{font-size:clamp(32px,22.1408450704px + 2.6291079812vw,60px)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease(smooth)}.fade-enter-from,.fade-leave-to{opacity:0}.rel{position:relative}.abs{position:absolute}.fixed{position:fixed}.flex-c{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.control[data-v-fcbb347e]{color:#202124;font-size:1.3rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.header[data-v-fcbb347e]{display:flex;justify-content:space-between;align-items:center;gap:1.6rem;margin-bottom:.9rem}output[data-v-fcbb347e]{color:#20212494;font-size:1.1rem;font-variant-numeric:tabular-nums}.editor[data-v-fcbb347e]{display:block;cursor:crosshair;border:1px solid rgba(32,33,36,.08);border-radius:.8rem;background:#ffffff6b;width:100%;height:12rem;overflow:hidden;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.grid[data-v-fcbb347e]{stroke:#20212414;stroke-width:.5}.guide[data-v-fcbb347e]{stroke:#20212433;stroke-width:.7}.curve[data-v-fcbb347e]{fill:none;stroke:#111;stroke-width:1.5}.point[data-v-fcbb347e]{fill:#111;stroke:#ffffffe6;stroke-width:1.2}.control[data-v-2f85ac46]{color:#202124;font-size:1.3rem}.header[data-v-2f85ac46]{display:flex;justify-content:space-between;align-items:center;gap:1.6rem;margin-bottom:.9rem}output[data-v-2f85ac46]{color:#20212494;font-variant-numeric:tabular-nums}.value[data-v-2f85ac46]{gap:.6rem}.reset[data-v-2f85ac46],.value[data-v-2f85ac46]{display:flex;align-items:center}.reset[data-v-2f85ac46]{justify-content:center;border-radius:50%;background:#20212412;width:2.2rem;height:2.2rem;color:#20212494}@media(hover:hover){.reset[data-v-2f85ac46]:hover{background:#2021241f;color:#202124}}.reset[data-v-2f85ac46]:focus-visible{box-shadow:0 0 0 2px #202124}.reset svg[data-v-2f85ac46]{width:1.2rem;height:1.2rem}.picker[data-v-2f85ac46]{display:block;position:relative;cursor:crosshair;margin:0 auto;border:1px solid rgba(32,33,36,.08);border-radius:50%;background:#ffffff6b;width:12rem;height:12rem;overflow:hidden;touch-action:none}.picker[data-v-2f85ac46]:focus-visible{box-shadow:0 0 0 2px #202124}.axis[data-v-2f85ac46]{position:absolute;background:#2021241c;pointer-events:none}.axis.x[data-v-2f85ac46]{top:50%;left:0;width:100%;height:1px}.axis.y[data-v-2f85ac46]{top:0;left:50%;width:1px;height:100%}.point[data-v-2f85ac46]{position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0000003d,0 0 0 2px #fffc;border-radius:50%;background:#111;width:1rem;height:1rem;pointer-events:none}.control[data-v-b07e8bcc]{display:flex;justify-content:space-between;align-items:center;gap:1.6rem;color:#202124;font-size:1.3rem}.options[data-v-b07e8bcc]{display:grid;position:relative;grid-template-columns:repeat(2,1fr);border-radius:.7rem;background:#20212412;padding:.2rem}.indicator[data-v-b07e8bcc]{position:absolute;top:.2rem;bottom:.2rem;left:.2rem;transition:transform .22s cubic-bezier(.16,1,.3,1);background:#ffffffe6;width:calc(50% - .2rem);pointer-events:none}.indicator[data-v-b07e8bcc],button[data-v-b07e8bcc]{border-radius:.55rem}button[data-v-b07e8bcc]{position:relative;z-index:1;transition:color .15s ease;background:transparent;padding:.45rem .8rem;color:#20212494;font-size:1.2rem}button.active[data-v-b07e8bcc]{color:#202124}button[data-v-b07e8bcc]:focus-visible{box-shadow:0 0 0 2px #202124}.control[data-v-b7020dd7]{display:flex;flex-direction:column;gap:.7rem;color:#202124;font-size:1.3rem}.header[data-v-b7020dd7]{display:flex;justify-content:space-between;align-items:center;gap:1.6rem}output[data-v-b7020dd7]{color:#20212494;font-variant-numeric:tabular-nums}input[data-v-b7020dd7]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;margin:0;background:linear-gradient(#202124,#202124) 0 50%/var(--progress) 1px no-repeat,linear-gradient(#20212426,#20212426) 0 50%/100% 1px no-repeat;width:100%;height:1.2rem}input[data-v-b7020dd7]::-webkit-slider-runnable-track{background:transparent;height:1px}input[data-v-b7020dd7]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-.55rem;box-shadow:0 1px 3px #0003;border:0;border-radius:50%;background:#111;width:1.2rem;height:1.2rem}input[data-v-b7020dd7]::-moz-range-track{background:transparent;height:1px}input[data-v-b7020dd7]::-moz-range-thumb{box-shadow:0 1px 3px #0003;border:0;border-radius:50%;background:#111;width:1.2rem;height:1.2rem}input[data-v-b7020dd7]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #ffffffe6,0 0 0 5px #202124}input[data-v-b7020dd7]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #ffffffe6,0 0 0 5px #202124}.controls[data-v-4a5b12a3]{display:flex;position:relative;flex-direction:column;z-index:10;margin-left:auto;padding:1.2rem;width:min(34.4rem,100%);color:#202124;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.controls.hidden[data-v-4a5b12a3]{display:none}.tabs[data-v-4a5b12a3]{display:grid;position:relative;grid-template-columns:repeat(2,1fr);margin-bottom:1.2rem;border-radius:1.8rem;background:#f1f1f3;padding:.4rem}.tabs .indicator[data-v-4a5b12a3]{position:absolute;top:.4rem;bottom:.4rem;left:.4rem;transition:transform .22s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 4px #0000001a;border-radius:1.4rem;background:#fff;width:calc(50% - .4rem);pointer-events:none}.tabs button[data-v-4a5b12a3]{position:relative;z-index:1;transition:color .15s ease;border-radius:1.4rem;background:transparent;height:4rem;color:#20212494;font-weight:500;font-size:1.25rem}.tabs button.active[data-v-4a5b12a3]{color:#202124}.tabs button[data-v-4a5b12a3]:focus-visible{box-shadow:0 0 0 2px #202124}section[data-v-4a5b12a3]{display:flex;flex-direction:column;gap:1.6rem;border-radius:1.8rem;background:#f1f1f3;padding:1.8rem}footer[data-v-4a5b12a3],section+section[data-v-4a5b12a3]{margin-top:1.2rem}footer[data-v-4a5b12a3]{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.action[data-v-4a5b12a3]{display:flex;justify-content:center;align-items:center;gap:.7rem;transition:transform .12s ease,background .15s ease;border-radius:1.8rem;background:#f1f1f3;width:100%;height:4.6rem;color:#202124;font-weight:500;font-size:1.25rem}@media(hover:hover){.action[data-v-4a5b12a3]:hover{background:#2021241f}}.action[data-v-4a5b12a3]:active{transform:scale(.98)}.action[data-v-4a5b12a3]:focus-visible{box-shadow:0 0 0 2px #202124}.action svg[data-v-4a5b12a3]{width:1.5rem;height:1.5rem}.dropzone[data-v-4a5b12a3]{display:flex;position:fixed;justify-content:center;align-items:center;z-index:2;-webkit-backdrop-filter:blur(1.6rem);backdrop-filter:blur(1.6rem);inset:0;background:#f1f1f3bd;padding:4rem;pointer-events:none}.dropzone.error .drop-frame[data-v-4a5b12a3]{border-color:#c2362b4d;color:#a52d25}.drop-frame[data-v-4a5b12a3]{display:flex;flex:1;justify-content:center;align-items:center;align-self:stretch;border:2px dashed rgba(32,33,36,.2);border-radius:2rem;color:#202124b8;font-weight:500;font-size:2.4rem}.drop-enter-active[data-v-4a5b12a3],.drop-leave-active[data-v-4a5b12a3]{transition:opacity .2s ease,backdrop-filter .2s ease}.drop-enter-active .drop-frame[data-v-4a5b12a3],.drop-leave-active .drop-frame[data-v-4a5b12a3]{transition:transform .35s cubic-bezier(.16,1,.3,1)}.drop-enter-from[data-v-4a5b12a3],.drop-leave-to[data-v-4a5b12a3]{opacity:0}.drop-enter-from .drop-frame[data-v-4a5b12a3],.drop-leave-to .drop-frame[data-v-4a5b12a3]{transform:scale(.99)}@media(max-width:767px){.controls[data-v-4a5b12a3]{padding:85svh .8rem 2rem;width:100%}}.webgl[data-v-96999a0c]{position:fixed;inset:0;z-index:1;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.webgl-canvas[data-v-96999a0c]{outline:none}@media(max-width:767px){.webgl[data-v-96999a0c]{filter:blur(calc(var(--scroll-progress)*1.6rem))}}.error-page[data-v-4c068663]{position:fixed;inset:0;background:#000;color:#fff}