body .main .inputs{width:20vw;height:100vh;display:flex;flex-direction:column;overflow:hidden;border-right:1px #000 solid;text-align:center;justify-content:space-between}body .main .inputs.dark{border-right:1px #fff solid}body .main .inputs input,body .main .inputs textarea{width:0;border-radius:0;border:none;background-color:#eee;transition:.1s background-color;padding:3px}body .main .inputs input:hover,body .main .inputs textarea:hover{background-color:#bbb}body .main .inputs input:active,body .main .inputs input:focus,body .main .inputs textarea:active,body .main .inputs textarea:focus{background-color:#bbb}body .main .inputs input.dark,body .main .inputs textarea.dark{background-color:#999}body .main .inputs input.dark:hover,body .main .inputs textarea.dark:hover{background-color:#777}body .main .inputs input.dark:active,body .main .inputs input.dark:focus,body .main .inputs textarea.dark:active,body .main .inputs textarea.dark:focus{background-color:#777}body .main .inputs textarea{height:95%}body .main .inputs .verbal{border-bottom:1px solid #000;padding:5px 0;width:100%;height:95%;display:flex;flex-direction:column;align-items:center;justify-content:space-around;flex:0}body .main .inputs .verbal.high{flex:1;max-height:35vh}body .main .inputs .verbal.noflex{display:block}body .main .inputs .verbal.dark{border-bottom:1px solid #fff}body .main .inputs .verbal.bottom{border-top:1px solid #000;border-bottom:none}body .main .inputs .verbal.bottom.dark{border-top:1px solid #fff}body .main .inputs .verbal.bottom:first-child{margin-top:auto}body .main .inputs .verbal#pts_holder{display:flex;flex-direction:column;justify-content:start;align-items:flex-start;overflow-x:hidden;overflow-y:scroll}body .main .inputs .verbal .row{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}body .main .inputs .verbal .row.high{flex:1;align-items:center;justify-content:flex-start;flex-direction:column;overflow-x:hidden;overflow-y:scroll}body .main .inputs .verbal .row input,body .main .inputs .verbal .row textarea{margin:3px 5px 0}body .main .inputs .verbal .row .texinput{flex:1;resize:none}body .main .inputs .verbal .row .button{flex:.1;margin-left:auto}body .main .inputs .verbal .row .widebutton{flex:1;text-align:center}body .main .inputs .verbal .row .widebutton:active,body .main .inputs .verbal .row .widebutton.dark:active{background-color:#aaa}body .main .inputs .figure{width:90%;margin:3px;border-radius:3px;border:#000 solid 1px;max-height:25vh}body .main .inputs .figure .verbal{border:none!important}*{margin:0;padding:0;font-family:Courier New,Courier,monospace;scrollbar-width:none;color:#000;transition:.3s;scroll-behavior:smooth}*::-webkit-scrollbar{display:none}*.dark{background:#222;color:#fff}body{height:100vh;width:100vw;overflow:hidden;display:flex;flex-direction:column}body .footer{display:flex;height:20vh;width:80vw;border-top:1px #000 solid}body .footer.dark{border-top:1px #fff solid}body .footer .footertext{width:100%;height:100%;overflow-y:scroll}body .footer .clearout,body .footer .themechange{position:fixed;right:5px;bottom:5px;width:100px;padding:5px;text-align:center;background-color:#eee}body .footer .clearout.dark,body .footer .themechange.dark{background-color:#999}body .footer .clearout:hover,body .footer .themechange:hover{background-color:#bbb}body .footer .clearout:active,body .footer .themechange:active{background-color:#aaa}body .footer .clearout.dark:hover,body .footer .themechange.dark:hover{background-color:#777}body .footer .clearout.dark:active,body .footer .themechange.dark:active{background-color:#aaa}body .footer .themechange{bottom:calc(10px + 2em)}body .main{display:flex;flex-direction:row;height:80vh}body .main .blocker{position:fixed;z-index:10;background:#00000080;right:0;top:0;width:80vw;height:80vh;pointer-events:none;transition:.2s}body .main .blocker .blockertext{position:fixed;bottom:0;left:0;width:100%;text-align:center;height:3em;color:#fff;font-size:3em;animation:textpulse linear infinite 2s}body .main .blocker.active{pointer-events:all;width:100vw;height:100vh}body .main .container{z-index:20;width:80vw;height:80vh;border-right:1px #000 solid;overflow:hidden}body .main .container.dark{border-right:1px #fff solid}body .main .container canvas{z-index:inherit;width:80vw;height:80vh;position:absolute;background:transparent}body .main .container canvas.dark{background:transparent;filter:invert(1)}body .main .container canvas#main_canvas{background:#fff;pointer-events:none}body .main .container canvas#outline_canvas{z-index:25;background:transparent;pointer-events:all}@keyframes textpulse{0%{color:#fff}50%{color:#ccc}to{color:#fff}}