body{overflow:hidden;font-size:12px}svg.icon path{stroke:#000;fill:none}#help{padding:5px;font-family:Comic Code,monospace}#help>div{margin:5px 0}.toast{position:absolute;left:50%;top:50px;width:auto;z-index:100;background:#fff}.toast div{margin-left:-50%;border:solid 2px darkgrey;padding:10px;border-radius:10px;background:#fff;text-align:center}@media(prefers-color-scheme:dark){body{color:#fff;background-color:#000}svg.icon path{stroke:#fff;fill:none}}#app{inset:0;position:absolute}#editor{height:100%}.wrapper.horizontal{display:flex;flex-direction:row;height:100%}.wrapper.horizontal>div{flex:1 1;width:100px}.wrapper.vertical{display:flex;flex-direction:column;height:100%}.wrapper.vertical .tabPanel.left{flex:.65 .65;height:100px}.wrapper.vertical .tabPanel.right{flex:.35 .35;height:100px}.tabBar button{border:none;padding:none;background:inherit}.tabPanel{display:flex;flex-direction:column;font-family:Comic Code,monospace}.tabBar{display:flex;flex-direction:row;gap:10px;margin:10px 0 0;border-bottom:solid 1px black;height:30px}.tabBar>select{margin:0 5px 5px}.tab{padding:4px;border:solid 1px transparent}.tab.selected{border:solid 1px black;border-bottom:0px}.tabBody{overflow:auto;flex:1 1}#result,#javascript{font-family:Comic Code,monospace;font-size:12px;white-space:pre;padding:5px}.tooltip{padding:5px}.cm-editor .cm-content{font-family:Comic Code,monospace}
