:root{--border-color:#888;--tab-select-color:#555;--text-color:black;--tab-text-color:#555}body{-webkit-text-size-adjust:none;font-size:12px;overflow:hidden}svg.icon path{stroke:#000;fill:none}a>img{width:20px}svg.icon{color:var(--text-color);width:24px;height:24px}@media (prefers-color-scheme:dark){:root{--tab-select-color:#eee;--tab-text-color:#aaa;--text-color:white;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#000}body{color:var(--text-color)}svg.icon path{stroke:#fff;fill:none}.tabBody{color:#abb2bf;background-color:#282c34}}#help{height:100%;padding:5px;font-family:Comic Code,monospace;overflow:auto}#help>div{margin:5px 0}.toast{z-index:100;background:#fff;width:auto;position:absolute;top:50px;left:50%}.toast div{text-align:center;background:#fff;border:2px solid #a9a9a9;border-radius:10px;margin-left:-50%;padding:10px}#javascript{height:100%}.right .tabBody{border-left:solid 1px var(--border-color)}#app{position:absolute;inset:0}#editor{height:100%}.wrapper{flex-direction:row;height:100%;display:flex}@media (width>=1024px){.wrapper>div{flex:1;width:100px}}@media (width<=1024px){.wrapper{flex-direction:column}.wrapper .tabPanel.left{flex:.65 .65;height:100px}.wrapper .tabPanel.right{flex:.35 .35;height:100px}}.tabBar button{padding:none;background:inherit;border:none}.tabPanel{flex-direction:column;font-family:Comic Code,monospace;display:flex}.tabBar{border-bottom:solid 1px var(--border-color);flex-direction:row;gap:10px;height:30px;margin:10px 0 0;display:flex}.tabBar>select{margin:0 5px 5px}.tab{color:var(--tab-text-color);border-bottom:2px solid #0000;padding:4px}.tab.selected{border-bottom:solid 2px var(--tab-select-color);color:var(--text-color)}.tabBody{flex:1;height:0}#result{white-space:pre;padding:5px;font-family:Comic Code,monospace;font-size:12px}.tooltip{padding:5px}.cm-editor .cm-content{font-family:Comic Code,monospace}.cm-editor{height:100%}