@import"https://www.nerdfonts.com/assets/css/webfont.css";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:300;color:#ffffffde;background-color:#000;text-align:center;--container-0: #171717;--container-1: #2e2e2e;--container-2: #454545;--container-3: #5d5d5d;--container-4: #747474;--text-0: #ffffff;--text-1: #e8e8e8;--text-2: #d1d1d1;--accent-0: #9b3427;--accent-1: #b34a32;--accent-2: #c75c38;--accent-3: #d17147;--border-radius: 0;--border-radius-smaller: 0;--gap: 8px;--gap-smaller: 4px}*{padding:0;margin:0;box-sizing:border-box}html{background-color:#000}body{width:100vw;height:100vh;overflow:hidden}main,#viewport{width:100%;height:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--accent-0)}::-webkit-scrollbar-thumb:hover{background:var(--accent-2)}select{border-radius:var(--form-border-radius);border:unset;padding:.25rem;background-color:var(--form-container-0);color:var(--form-text-0);border:2px solid var(--form-container-3);width:clamp(100px,100%,700px);transition:background-color .25s linear,border-color .25s linear}select option{background-color:var(--container-1);color:var(--text-0)}select option:hover{background-color:var(--accent-1);color:var(--text-1)}.hide{display:none!important}.time-controls{position:fixed;top:0;left:50%;translate:-50% 0;color:#fff;background-color:#000000b3;text-align:left;display:flex;gap:8px;padding:4px;align-items:center}.time-controls .time-input{display:flex;gap:8px;align-items:center}.time-controls .time-input code{height:min-content}.stats{min-width:200px;position:fixed;top:0;left:0;color:#fff;background-color:#000000b3;padding:4px;display:flex;flex-direction:column;text-align:left}button,.button{all:unset;cursor:default;background-color:transparent;color:var(--text-0);padding:8px;outline:2px solid var(--accent-0)}button:hover,.button:hover{cursor:pointer;background-color:var(--window-accent-0)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:var(--accent-0);height:.25rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:2px solid var(--accent-3);background-color:var(--accent-0);height:1rem;width:1rem;margin-top:-.4rem}input[type=range]:focus::-webkit-slider-thumb,input[type=range]:focus::-moz-range-thumb{outline:2px solid var(--text-0);background-color:var(--accent-3)}input[type=range]::-moz-range-track{background-color:var(--accent-0);height:.25rem}input[type=range]::-moz-range-thumb{border:none;border-radius:0;background-color:var(--accent-0);height:1rem;width:1rem}:root{--window-container-0: var(--container-0);--window-container-1: var(--container-1);--window-accent-0: var(--accent-0);--window-text-0: var(--text-0)}.window-overlay,.window-overlay-active{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none}.window{pointer-events:all;position:absolute;top:50%;left:50%;translate:-50% -50%;background-color:var(--window-container-0);border:2px solid var(--window-accent-0);max-height:80vh;overflow:auto}.window .head{width:100%;flex-wrap:nowrap;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;background-color:var(--window-container-1);position:sticky;top:0;z-index:1}.window.draggable .head:hover{cursor:grab}.window .head>span{padding:8px}.window .head .controls button{all:unset;cursor:default;background-color:transparent;color:var(--window-text-0);padding:8px}.window .head .controls button:hover{cursor:pointer;background-color:var(--window-accent-0)}.window .content{width:100%;height:100%}.text-window{padding:16px;display:flex;flex-direction:column;gap:var(--gap)}.text-window .controls{flex-wrap:nowrap;display:flex;justify-content:flex-end;gap:calc(var(--gap) / 2)}:root{--form-container-0: var(--container-0);--form-container-2: var(--container-2);--form-container-3: var(--container-3);--form-container-4: var(--container-4);--form-text-0: var(--text-0);--form-text-2: var(--text-2);--form-accent-0: var(--accent-0);--form-accent-1: var(--accent-1);--form-accent-3: var(--accent-3);--form-invalid-0: #f13854;--form-invalid-1: #f3919f;--form-invalid-text-0: black;--form-border-radius: var(--border-radius);--form-border-radius-smaller: var(--gap-smaller);--form-gap: var(--gap);--form-gap-smaller: var(--gap-smaller)}.form{display:flex;overflow:auto;flex-direction:column;padding:32px;background-color:var(--form-container-0);color:var(--form-text-0);border-radius:var(--form-border-radius);gap:var(--form-gap)}.form.hide{display:none}.form-control{width:100%;display:flex;flex-direction:column}.form-control.hide{margin-top:calc(var(--form-gap) * -1)}.form-actions{width:100%;display:flex;gap:var(--form-gap);justify-content:end;align-items:end}.form hr{width:100%}.form-column{display:flex;flex-direction:column;gap:var(--form-gap)}.form-row{display:flex;gap:var(--form-gap)}.radio-container,.checkbox-container{font-family:Helvetica,sans-serif;font-size:1em;line-height:1.1;display:grid;grid-template-columns:1em auto;gap:.5em}input[type=radio],input[type=checkbox]{z-index:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--form-container-0);margin:0!important;font:inherit;color:var(--form-text-0);width:1.15em;height:1.15em;border:2px solid var(--form-container-3);border-radius:.15em!important;transform:translateY(-.075em);transition:background-color .1s linear}input[type=radio]{border-radius:50%!important}input[type=radio]:checked,input[type=checkbox]:checked{background-color:var(--form-accent-3);border-color:var(--form-accent-0);transition:background-color .15s linear}input[type=radio]:focus,input[type=checkbox]:focus{outline:2px solid var(--form-accent-1)}input[type=radio]:after{content:"";position:absolute;top:25%;left:25%;width:50%;height:50%;border-radius:50%;background-color:var(--form-container-0)}input{border-radius:var(--form-border-radius);border:unset;padding:.25rem;background-color:var(--form-container-0);color:var(--form-text-0);border:2px solid var(--form-container-3);width:clamp(100px,100%,700px);transition:background-color .25s linear,border-color .25s linear}.form label{margin-bottom:.25em}.form-file{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--form-gap);min-height:4em;border-radius:var(--form-border-radius);border:unset;padding:8px;margin-top:4px;background-color:var(--form-container-0);color:var(--form-text-0);border:2px solid var(--form-container-3)}.form-files{display:flex;flex-direction:column;gap:4px;align-items:end}.form-files>div{padding:4px 8px;border-radius:var(--form-border-radius-smaller);background-color:var(--form-container-0);width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--form-gap)}.form-files>div>button{background-color:transparent;padding:unset;border:unset;color:#dc143c}.form-files>div>button:hover{background-color:transparent;padding:unset;border:unset;color:#dc143c;outline:unset}input:not([type=checkbox]):focus{outline:2px solid var(--form-accent-1);background-color:var(--form-container-0);color:var(--form-text-0)}input.form-invalid{background-color:var(--form-invalid-1);border-color:var(--form-invalid-0);color:var(--form-invalid-text-0)}.form-invalid-message{padding:4px;margin-top:calc(var(--form-gap) / 2);background-color:var(--form-invalid-1);color:var(--form-invalid-text-0);border-left:2px solid var(--form-invalid-0)}.form textarea{border-radius:var(--form-border-radius);background-color:var(--form-container-0);color:var(--form-text-0);border:2px solid var(--form-container-3);resize:none;padding:8px;margin-top:8px;transition:background-color .25s linear,border-color .25s linear}.form textarea:focus{outline:2px solid var(--form-accent-1);background-color:var(--form-container-0);color:var(--form-text-0)}.form .chained-inputs>*{margin:2px}.form .h-line{width:100%;height:1px;margin:10px 0;background-color:var(--form-container-4)}.form .divider{width:100%;height:50px}.form .wrapper{width:100%;display:flex;flex-direction:column;margin:10px 0}.form .wrapper.row{flex-direction:row;justify-content:space-between;align-items:center}.form .wrapper:first-child{margin-top:unset}.form .wrapper:last-child{margin-bottom:unset}.form .password-container{display:flex;align-items:center;gap:4px}.editor-content{display:flex;flex-direction:column;gap:calc(var(--form-gap) * 2);padding:16px 0;overflow:auto;font-size:14px}.editor-content.pad{padding:16px}.editor-content h3{text-align:left;padding:var(--gap-smaller) var(--gap)}.editor-content .component:not(.no-hr){padding:2px 0;border-top:2px solid var(--container-1)}.editor-content .component-content{display:flex;flex-direction:column;gap:calc(var(--form-gap) / 2)}.editor-container{display:flex;align-items:center;padding:calc(var(--form-gap) / 8) var(--form-gap);justify-content:space-between}.editor-column{flex-direction:column}.editor-container.type-checkbox{flex-direction:row-reverse;gap:calc(var(--form-gap) / 4);justify-content:flex-end}.editor-container label,.editor-container span{text-align:left;-webkit-user-select:none;user-select:none}.editor-container>input:not([type=checkbox]),.editor-container>select{width:150px}.editor-button{width:calc(100% - 4 * var(--gap));margin:0 var(--gap);text-align:center}.editor-container .vec3{display:flex;flex-direction:row;width:200px;gap:calc(var(--gap) / 4)}.editor-container .vec3>div{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:calc(var(--gap) / 4);width:fit-content}.editor-container .vec3>div input{width:min(100px,100%)}::-webkit-outer-spin-button,::-webkit-inner-spin-button{-moz-appearance:textfield;-webkit-appearance:none;margin:0}.output{--color: black;width:100%;height:100%;background-color:var(--color)}.help-content{display:flex;flex-direction:column;align-items:flex-start;padding:var(--gap)}.help-content .shortcut{display:grid;grid-template-columns:100px 1fr;gap:var(--gap);padding:var(--gap-smaller);width:100%}.help-content .shortcut .key{font-family:monospace;font-weight:bolder}.help-content .divider{height:calc(var(--gap) * 2)}.help-content .description{text-align:justify}.help-content .shortcut:nth-child(odd){background-color:var(--container-1)}