html{scroll-behavior:smooth;scroll-padding-top:5rem}body>div{width:95vw;min-height:5vh;margin:5px auto;padding-left:5px}#tools{z-index:100;background:#131f8d;border:1px solid #000;padding:3px;position:fixed;top:0;left:50%;transform:translate(-50%);box-shadow:1px 1px 2px 2px #838386}#windows{min-height:.5vh;margin:1px auto;padding:0}#windows>button{width:46vw;padding:0;font-size:.8em}#file{width:50%}#monitor{border:1px solid red;min-height:45vh}#tools>button,label{background:#b9b9b9;border:1px solid #000;margin:3px;padding:3px}#tools>button:hover,#lab:hover{background:#dcdddd}#tools>button:active,#lab:active{background:#5f5f61}#code-container{background:#1e1e1e;border:1px solid #444;width:95vw;height:45vh;margin:5rem auto 3px;display:block;overflow:auto}#code-container.mini{height:70vh}#code-container.hidd{height:0}#tools #clsCode{background:#eb5f5f}#tools #clsCode:hover{background:#d40404}#tools #cmd{background:#deec19}#tools #cmd:hover{background:#0719b8}#tools #run{background:green}#tools #run:hover{background:#044404}#tools #run:active{background:#084975}#tools #run.err{background:red}#load{display:none}#tools .active,#tools .active:hover,#tools #cmd.active{background:green}#keyboard{background:#06056b;border:1px solid #000;width:162px;min-height:20vh;position:fixed;top:10vh;left:80vw}#keyboard button{border-radius:5px;margin:3px 3px 4px;padding:3px;box-shadow:3px 3px 2px 2px}@media only screen and (device-width<=480px){#keyboard{width:46vw;left:50vw}}#hidd-c,#monitor-mini{background:green}#hidd-c.sel,#monitor-mini.sel{background:red}.sandbox-output{color:#d4d4d4;white-space:pre-wrap;background:#1e1e1e;border-left:4px solid #007acc;border-radius:6px;margin:8px 0;padding:8px;font-family:Fira Code,monospace;font-size:13px;line-height:1.4}