body,html{background-color:#000;box-sizing:border-box;color:#fff;height:100%;margin:0;overflow-y:visible;padding:0;user-select:none;width:100%}h1{margin:40px 0 0 1%;padding:2% 2% 0}h1,h2{font-size:large}h2{margin:5% 5% 0 0;padding:0 1% 1%}h3{color:#fa0;font-size:medium;margin:0 2%;padding:1% 1% 0}#overlay{background-color:rgba(0,0,0,.9);display:flex;flex-direction:column;height:auto;justify-content:space-evenly;margin-left:5%;margin-right:5%;padding-bottom:30vh;position:relative}ul{color:#fff;margin:0;padding:1% 0 1% auto}li{font-size:smaller}a{color:#4ff;margin:0 0 0 3%;padding:0;width:max-content}button{user-select:none}textarea{background-color:#222;color:#fff;height:100%;padding:1%;resize:none}.canvas-container{display:flex;flex-direction:column;margin:5%;padding-top:5%}.canvas-caption{background-color:rgba(0,0,0,.8);margin:0;padding:1%;text-align:center;user-select:none}.canvas-box,.canvas-caption{position:relative}.canvas-element{cursor:all-scroll;display:flex;height:100%;touch-action:none;width:100%}.fixed-canvas{position:fixed}.canvas-panel{background-color:rgba(0,0,0,.75);display:flex;flex-direction:column;height:100%;left:0;overflow-y:auto;position:absolute;resize:inline;top:0;width:40%}.panel-header{display:flex;padding:0}.panel-header button{padding:2px}.panel-control{color:#fff;display:flex;flex-direction:column;height:min-content;padding:1% 10px;position:relative}.control-label{padding:1% 0;user-select:none}.input-tooltip{background-color:rgba(0,0,0,.75);color:#fff;display:none;padding:.5vh;position:absolute;right:2%;text-align:end;user-select:none}.compile-button,.console-button{background:linear-gradient(to bottom right,#413927,#291e2b);border-style:outset;color:#fff;padding:0 0 2px;user-select:none}.contentbox{display:flex;flex-direction:column;height:100%}.fullscreen-button{background:linear-gradient(to bottom right,#003953,#24004d);border-style:outset;color:#fff;font-size:medium;padding:0 0 2px;user-select:none}#background-fullscreen{padding:0 0 2px;position:fixed;right:0;z-index:1}input:active,input:hover+.input-tooltip{display:block}input[type=range]{background:#fff0;color:#ef233c;margin:0;overflow:hidden;padding:0;position:relative;width:100%;--thumb-height:100%;--track-height:10%;--track-color:rgba(0,0,0,.1);--brightness-hover:180%;--brightness-down:80%;--clip-edges:0.125em;transition:all .1s ease}input[type=range].win10-thumb{color:#2b2d42;--thumb-height:1.375em;--thumb-width:0.5em;--clip-edges:0.0125em}@media (prefers-color-scheme:dark){html{background-color:#000}html:before{background:radial-gradient(circle at center,#101112,#000)}input[type=range]{color:#b700ff;--track-color:hsla(0,0%,100%,.1)}input[type=range].win10-thumb{color:#3a86ff}}input[type=range]:hover{cursor:grab}input[type=range]:active{cursor:grabbing}input[type=range]:disabled{cursor:not-allowed;filter:grayscale(1);opacity:.3}input[type=range],input[type=range]::-webkit-slider-runnable-track,input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}input[type=range]::-webkit-slider-thumb{background-color:currentColor;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);height:1rem;width:.5rem}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(var(--track-color) 0 0) scroll no-repeat 50% /100% calc(var(--track-height) + 1px)}input[type=range]:disabled::-webkit-slider-thumb{cursor:not-allowed}input[type=range]::-moz-range-thumb{background-color:currentColor;border-radius:0;border-width:0;height:1rem;width:.5rem}input[type=range]::-moz-range-track{background:linear-gradient(var(--track-color) 0 0) scroll no-repeat 50% /100% calc(var(--track-height) + 1px)}input[type=range]::-ms-track{background:transparent;border-color:transparent;border-radius:.5rem;color:transparent;height:var(--track-height);width:100%}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:currentColor}input[type=range]::-ms-thumb{background-color:currentColor;border:none;border-radius:.5rem;height:1rem;width:.5rem}input[type=range]::-ms-tooltip{display:none}