html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body .container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:12px;min-height:100dvh;width:clamp(69px,100%,727px);padding:32px;z-index:1;pointer-events:none}body .container #top,body .container #bottom{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%}body .container #top #basics,body .container #top #coordinates,body .container #bottom #basics,body .container #bottom #coordinates{color:var(--color-text-tertiary);font-size:.75rem}body .container .pfp{width:150px;height:150px;box-shadow:4px 4px 0 0 var(--color-shadow)}body .container h1{font-size:1.75rem;text-shadow:3px 3px 0 var(--color-shadow);color:var(--color-text);font-weight:800}body .container .subtitle{font-family:Rubik,sans-serif;font-size:.8rem;font-weight:300;color:var(--color-text-secondary)}body .container h2{width:100%;margin-top:6px;margin-bottom:-2px;font-size:1rem;font-weight:400}body .container h3{width:100%;margin:-2px 0;font-size:.8rem;color:var(--color-text-secondary)}body .container p{font-family:Rubik,sans-serif;font-size:.9rem;font-weight:300;color:var(--color-text);text-align:justify}body .container p strong{font-weight:500}body .container p em{font-style:italic}body .container p a{color:var(--color-text-secondary);cursor:pointer}body .container p a:hover:not(.button){text-decoration:underline}body .container hr{width:100%;height:1px;border:none;background:var(--color-hr)}body .container .buttons{display:flex;gap:12px;width:100%}body .container .button,body .container button{display:flex;align-items:center;gap:12px;width:100%;padding:8px;color:var(--color-text);font-family:Rubik,sans-serif;font-size:.9rem;font-weight:300;cursor:pointer;background:var(--color-button);border:1px solid var(--color-button-border);box-shadow:4px 4px 0 0 var(--color-shadow)}body .container .button:is(button),body .container button:is(button){width:auto}body .container .button:is(button[disabled]),body .container button:is(button[disabled]){cursor:not-allowed;color:var(--color-button-disabled);background:var(--color-button);border:1px solid var(--color-button-disabled);box-shadow:4px 4px 0 0 var(--color-shadow)}body .container .button:is(button[disabled]):hover,body .container button:is(button[disabled]):hover{transform:translate(0);box-shadow:4px 4px 0 0 var(--color-shadow)}body .container .button.hidden,body .container button.hidden{display:none}body .container .button:hover,body .container button:hover{transform:translate(1px,1px);box-shadow:3px 3px 0 0 var(--color-shadow);background:var(--color-button-hover)}body .container .button:active,body .container button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 0 var(--color-shadow);background:var(--color-button-active)}body .container .button .icon,body .container button .icon{width:32px;height:32px}body .container .button .label,body .container button .label{font-family:Rubik,sans-serif;font-size:1rem;font-weight:300;color:var(--color-text);overflow:hidden}body .container input,body .container textarea,body .container select,body .container .output{width:100%;padding:8px;color:var(--color-text);font-family:Rubik,sans-serif;font-size:.9rem;line-height:1.1rem;font-weight:300;cursor:pointer;background:var(--color-input);border:1px solid var(--color-input-border)}body .container input:is(textarea),body .container input[type=text],body .container input[type=number],body .container textarea:is(textarea),body .container textarea[type=text],body .container textarea[type=number],body .container select:is(textarea),body .container select[type=text],body .container select[type=number],body .container .output:is(textarea),body .container .output[type=text],body .container .output[type=number]{cursor:text}body .container input:is(textarea),body .container textarea:is(textarea),body .container select:is(textarea),body .container .output:is(textarea){resize:vertical}body .container input:is(.auto),body .container textarea:is(.auto),body .container select:is(.auto),body .container .output:is(.auto){width:auto}body .container input[type=range],body .container textarea[type=range],body .container select[type=range],body .container .output[type=range]{border:none;background:none;height:23px;-webkit-appearance:none;margin:10px 0;width:100%}body .container input[type=range]:focus,body .container textarea[type=range]:focus,body .container select[type=range]:focus,body .container .output[type=range]:focus{outline:none}body .container input[type=range]::-webkit-slider-runnable-track,body .container textarea[type=range]::-webkit-slider-runnable-track,body .container select[type=range]::-webkit-slider-runnable-track,body .container .output[type=range]::-webkit-slider-runnable-track{width:100%;height:8px;cursor:pointer;background:var(--color-range-background);border:1px solid var(--color-range-border)}body .container input[type=range]::-webkit-slider-thumb,body .container textarea[type=range]::-webkit-slider-thumb,body .container select[type=range]::-webkit-slider-thumb,body .container .output[type=range]::-webkit-slider-thumb{border:1px solid var(--color-range-border);height:16px;width:16px;background:var(--color-range);cursor:pointer;-webkit-appearance:none;margin-top:-5px}body .container input[type=range]:focus::-webkit-slider-runnable-track,body .container textarea[type=range]:focus::-webkit-slider-runnable-track,body .container select[type=range]:focus::-webkit-slider-runnable-track,body .container .output[type=range]:focus::-webkit-slider-runnable-track{background:var(--color-range-background)}body .container input[type=range]::-moz-range-track,body .container textarea[type=range]::-moz-range-track,body .container select[type=range]::-moz-range-track,body .container .output[type=range]::-moz-range-track{width:100%;height:8px;cursor:pointer;background:var(--color-range-background);border:1px solid var(--color-range-border)}body .container input[type=range]::-moz-range-thumb,body .container textarea[type=range]::-moz-range-thumb,body .container select[type=range]::-moz-range-thumb,body .container .output[type=range]::-moz-range-thumb{border:1px solid var(--color-range-border);height:16px;width:16px;background:var(--color-range);cursor:pointer}body .container input[type=range]::-ms-track,body .container textarea[type=range]::-ms-track,body .container select[type=range]::-ms-track,body .container .output[type=range]::-ms-track{width:100%;height:8px;cursor:pointer;background:transparent;border-color:transparent;color:transparent}body .container input[type=range]::-ms-fill-lower,body .container textarea[type=range]::-ms-fill-lower,body .container select[type=range]::-ms-fill-lower,body .container .output[type=range]::-ms-fill-lower{background:var(--color-range-background);border:1px solid var(--color-range-border)}body .container input[type=range]::-ms-fill-upper,body .container textarea[type=range]::-ms-fill-upper,body .container select[type=range]::-ms-fill-upper,body .container .output[type=range]::-ms-fill-upper{background:var(--color-range-background);border:1px solid var(--color-range-border)}body .container input[type=range]::-ms-thumb,body .container textarea[type=range]::-ms-thumb,body .container select[type=range]::-ms-thumb,body .container .output[type=range]::-ms-thumb{border:1px solid var(--color-range-border);height:16px;width:16px;background:var(--color-range);cursor:pointer;margin-top:0}body .container input[type=range]:focus::-ms-fill-lower,body .container textarea[type=range]:focus::-ms-fill-lower,body .container select[type=range]:focus::-ms-fill-lower,body .container .output[type=range]:focus::-ms-fill-lower{background:var(--color-range-background)}body .container input[type=range]:focus::-ms-fill-upper,body .container textarea[type=range]:focus::-ms-fill-upper,body .container select[type=range]:focus::-ms-fill-upper,body .container .output[type=range]:focus::-ms-fill-upper{background:var(--color-range-background)}body .container footer{font-family:Rubik,sans-serif;font-size:.7rem;font-weight:300;color:var(--color-text-secondary);padding-top:6px;pointer-events:auto}body .container footer a{color:var(--color-text-secondary);cursor:pointer}body .container footer a:hover{text-decoration:underline}body #help{position:absolute;height:70dvh;max-height:100dvh;max-width:100dvw;aspect-ratio:4/3;background:var(--color-button);border:1px solid var(--color-button-border);box-shadow:2px 2px 4px 0 var(--color-shadow);z-index:2;font-size:.8rem;pointer-events:all;cursor:default}body #help.hidden{display:none}body #help #help-header{display:flex;align-items:center;justify-content:space-between;margin:0;padding:12px 0;height:48px;background:var(--color-button-hover);border-bottom:1px solid var(--color-button-border)}body #help #help-header h2{font-size:1.5rem;font-weight:500;margin:0 12px}body #help #help-header #help-close{display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:300;width:50px;height:47px;border-left:1px solid var(--color-button-border)}body #help #help-header #help-close:hover{background:var(--color-button-disabled);cursor:pointer}body #help #help-container{display:flex;height:calc(100% - 48px)}body #help #help-container #help-sidebar{display:flex;flex-direction:column;justify-content:space-between;height:100%;width:220px;border-right:1px solid var(--color-button-border);padding-right:0}body #help #help-container #help-sidebar #sidebar-buttons .sidebar-button{display:flex;align-items:center;justify-content:center;width:100%;height:36px;padding:8px;text-align:center}body #help #help-container #help-sidebar #sidebar-buttons .sidebar-button:hover,body #help #help-container #help-sidebar #sidebar-buttons .sidebar-button.active{background:var(--color-button-hover);cursor:pointer}body #help #help-container #help-sidebar #sidebar-buttons .sidebar-button:active{background:var(--color-button-active)}body #help #help-container #help-sidebar #sidebar-footer{display:flex;align-items:center;justify-content:center;width:100%;height:36px;border-top:1px solid var(--color-button-border)}body #help #help-container #help-sidebar #sidebar-footer.spin p{animation:spin .5s cubic-bezier(.22,1,.36,1) infinite}@keyframes spin{0%{transform:rotate(0) scale(500)}to{transform:rotate(1800deg) scale(1)}}body #help #help-container #help-sidebar #sidebar-footer p{font-size:.7rem;font-weight:300;line-height:1rem;color:var(--color-text-secondary)}body #help #help-container #help-content{display:flex;flex-direction:column;gap:8px;padding:12px;height:100%;width:calc(100% - 220px);background:var(--color-background-accent);overflow:auto}body #help #help-container #help-content iframe{width:100%;aspect-ratio:16/9}body #help #help-container #help-content section{display:none;flex-direction:column;gap:8px}body #help #help-container #help-content section.active{display:flex}body #help #help-container #help-content section p{text-align:justify;font-weight:300;line-height:1rem}body #help #help-container #help-content section p.subtitle{font-size:.75rem;font-weight:300;color:var(--color-text-secondary)}body #help #help-container #help-content section a{color:var(--color-text-secondary);text-decoration:underline}body #help #help-container #help-content section h3{font-size:1.1rem;font-weight:400;margin-top:12px}body #help #help-container #help-content section h3:first-child{margin-top:0}body #help #help-container #help-content section code{font-family:Rubik,sans-serif;font-weight:400;background:var(--color-button-hover);border:1px solid var(--color-button-active);padding:1px 3px}body #help #help-container #help-content section span.code{font-family:Courier New,Courier,monospace;background:var(--color-button-hover);padding:1px}body #help #help-container #help-content section strong{font-weight:500}body #help #help-container #help-content section img,body #help #help-container #help-content section video{max-width:100%}body #help #help-container #help-content section .keybind-details{display:flex;flex-direction:column;justify-content:center;align-items:center}body #help #help-container #help-content section .keybind-details .keybind-detail{display:flex;width:100%;min-height:32px;padding:8px 0}body #help #help-container #help-content section .keybind-details .keybind-detail:nth-child(odd){background:var(--color-background)}body #help #help-container #help-content section .keybind-details .keybind-detail .name{display:flex;align-items:center;justify-content:center;width:100px;height:100%}body #help #help-container #help-content section .keybind-details .keybind-detail .description{display:flex;align-items:center;text-align:left;width:calc(100% - 100px);height:100%;padding:0 24px}body #help #help-container #help-content section #pfp{display:flex;align-items:center;justify-content:center;width:100%}body #help #help-container #help-content section #pfp img{width:160px;height:160px;border:1px solid var(--color-button-border);box-shadow:2px 2px 4px 0 var(--color-shadow)}body #help #help-container #help-content section #cards{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%}body #help #help-container #help-content section #cards .card{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:280px;background:var(--color-background);border:1px solid var(--color-button-border);box-shadow:2px 2px 4px 0 var(--color-shadow)}body #help #help-container #help-content section #cards .card .title{display:flex;align-items:center;justify-content:center;width:100%;height:32px;background:var(--color-button-hover)}body #help #help-container #help-content section #cards .card .title p{font-size:.9rem}body #help #help-container #help-content section #cards .card .description{display:flex;align-items:center;justify-content:center;width:100%;height:32px;background:var(--color-background-accent)}body #help #help-container #help-content section #cards .card .description p{font-size:.8rem;font-weight:300}body #help #help-container #help-content section#section-guide{gap:6px}body #help #help-container #help-content section#section-changelog{gap:9px}body #help #help-container #help-content section#section-changelog ul,body #help #help-container #help-content section#section-changelog ol{margin-left:6px}body #help #help-container #help-content section#section-changelog ul li,body #help #help-container #help-content section#section-changelog ol li{margin-bottom:3px}body #help #help-container #help-content section#section-about{gap:16px}body #context-menu{position:absolute;transform:translate(0);display:flex;flex-direction:column;align-items:baseline;justify-content:space-between;width:208px;z-index:2;background:var(--color-button);border:1px solid var(--color-button-border);box-shadow:2px 2px 4px 0 var(--color-shadow)}body #context-menu.hidden{display:none}body #context-menu .context-divider{width:100%;height:1px;background:var(--color-button-hover)}body #context-menu .context-item{display:flex;height:24px;align-items:center;justify-content:center;text-align:center;font-size:.7rem;font-weight:300;width:100%;padding:16px 8px}body #context-menu .context-item:hover{background:var(--color-button-hover);cursor:pointer}body #context-menu .context-item .name{display:flex;align-items:center;width:calc(100% - 24px)}body #context-menu .context-item .keybind{display:flex;align-items:center;justify-content:center;width:24px;color:var(--color-text-secondary)}body #pressed{position:absolute;transform:translate(0);padding:12px;display:flex;flex-direction:column;align-items:baseline;justify-content:center;gap:4px;z-index:1;pointer-events:none}body #pressed .key{display:flex;height:32px;align-items:center;justify-content:center;text-align:center;font-size:.7rem;font-weight:300}body #pressed .key .name{display:flex;align-items:center;justify-content:center;width:32px;height:100%;background:var(--color-key-name)}body #pressed .key .description{display:flex;align-items:center;justify-content:center;height:100%;padding:0 24px;background:var(--color-key-description)}body #advanced-transform{position:absolute;width:280px;height:172px;max-height:100dvh;max-width:100dvw;background:var(--color-button);border:1px solid var(--color-button-border);box-shadow:2px 2px 4px 0 var(--color-shadow);z-index:2;font-size:.8rem;pointer-events:all;cursor:default;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}body #advanced-transform.hidden{display:none}body #advanced-transform h2{font-size:1rem;font-weight:300;padding-bottom:2px;color:var(--color-text)}body #advanced-transform .labeled{display:flex;align-items:center;justify-content:center;padding:0 8px}body #advanced-transform .labeled p{width:128px;font-size:.8rem;font-weight:300}body #advanced-transform .button,body #advanced-transform button{display:flex;align-items:center;gap:12px;width:100%;padding:8px;color:var(--color-text);font-family:Rubik,sans-serif;font-size:.8rem;font-weight:300;cursor:pointer;background:var(--color-button);border:1px solid var(--color-button-border);box-shadow:4px 4px 0 0 var(--color-shadow)}body #advanced-transform .button:is(button),body #advanced-transform button:is(button){width:auto}body #advanced-transform .button:is(button[disabled]),body #advanced-transform button:is(button[disabled]){cursor:not-allowed;color:var(--color-button-disabled);background:var(--color-button);border:1px solid var(--color-button-disabled);box-shadow:4px 4px 0 0 var(--color-shadow)}body #advanced-transform .button:is(button[disabled]):hover,body #advanced-transform button:is(button[disabled]):hover{transform:translate(0);box-shadow:4px 4px 0 0 var(--color-shadow)}body #advanced-transform .button.hidden,body #advanced-transform button.hidden{display:none}body #advanced-transform .button:hover,body #advanced-transform button:hover{transform:translate(1px,1px);box-shadow:3px 3px 0 0 var(--color-shadow);background:var(--color-button-hover)}body #advanced-transform .button:active,body #advanced-transform button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 0 var(--color-shadow);background:var(--color-button-active)}body #advanced-transform .button .icon,body #advanced-transform button .icon{width:32px;height:32px}body #advanced-transform .button .label,body #advanced-transform button .label{font-family:Rubik,sans-serif;font-size:1rem;font-weight:300;color:var(--color-text);overflow:hidden}body #advanced-transform input,body #advanced-transform textarea,body #advanced-transform select,body #advanced-transform .output{width:100%;padding:8px;color:var(--color-text);font-family:Rubik,sans-serif;font-size:.8rem;line-height:1rem;font-weight:300;cursor:pointer;background:var(--color-input);border:1px solid var(--color-input-border)}body #advanced-transform input:is(textarea),body #advanced-transform input[type=text],body #advanced-transform input[type=number],body #advanced-transform textarea:is(textarea),body #advanced-transform textarea[type=text],body #advanced-transform textarea[type=number],body #advanced-transform select:is(textarea),body #advanced-transform select[type=text],body #advanced-transform select[type=number],body #advanced-transform .output:is(textarea),body #advanced-transform .output[type=text],body #advanced-transform .output[type=number]{cursor:text}body #advanced-transform input:is(textarea),body #advanced-transform textarea:is(textarea),body #advanced-transform select:is(textarea),body #advanced-transform .output:is(textarea){resize:vertical}body #advanced-transform input:is(.auto),body #advanced-transform textarea:is(.auto),body #advanced-transform select:is(.auto),body #advanced-transform .output:is(.auto){width:auto}body #export{position:absolute;height:280px;width:420px;max-height:100dvh;max-width:100dvw;background:var(--color-button);border:1px solid var(--color-button-border);box-shadow:2px 2px 4px 0 var(--color-shadow);z-index:2;font-size:.8rem;pointer-events:all;cursor:default;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:0 12px;overflow:hidden}body #export.hidden{display:none}body #export h2{font-size:1rem;font-weight:300;color:var(--color-text)}body #export p{font-size:.7rem;font-weight:300;line-height:1rem;color:var(--color-text)}body #export #export-text{width:100%;height:190px;padding:8px;color:var(--color-text);line-height:1.1rem;font-weight:300;background:var(--color-input);border:1px solid var(--color-input-border);overflow:auto}body #export #export-text p{font-family:Courier New,Courier,monospace;font-size:.8rem;font-weight:300;line-height:1rem;word-wrap:break-word;user-select:text}body #toolbar{display:flex;flex-direction:column;justify-self:center;align-items:center;position:absolute;left:4dvw;border:1px solid var(--color-button-border);box-shadow:2px 2px 4px 0 var(--color-shadow);width:42px;height:512px;background:var(--color-background-accent);z-index:2}body #toolbar.hidden{display:none}*{box-sizing:border-box;scroll-behavior:smooth;touch-action:none}:root{font-family:Rubik,sans-serif;font-size:16px;color:var(--color-text)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-button{width:0px;height:0px}::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border:none}::-webkit-scrollbar-track{background:var(--color-scrollbar-track);border:none}::-webkit-scrollbar-corner{background:var(--color-scrollbar-track)}::selection{color:var(--color-selection-text);background:var(--color-selection)}a{text-decoration:none;color:var(--color-text)}body{background:var(--color-background);background-image:radial-gradient(var(--color-background-accent) 1.5px,transparent 1.5px);background-size:10px 10px;background-color:var(--color-background);display:flex;align-items:center;justify-content:center;user-select:none;overflow:hidden}body #canvas{width:100dvw;height:100dvh;position:absolute;top:0;left:0}