*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}main{align-items:stretch;height:100vh;display:flex}main :first-child{margin-top:0!important}main :last-child{margin-bottom:0!important}#tabs{margin:0;padding:0;display:flex}#tabs li{flex:1}#tabs button{width:100%}#tabs button[aria-selected=true]{background:linear-gradient(#e2f9ff,#b9eafd)}#output{border:none;flex:1}#run:before{content:"";vertical-align:middle;clip-path:polygon(0% 0%,100% 50%,0% 100%);background:linear-gradient(135deg,#0ad80a 0 20%,#178b1d 80% 100%);width:1em;height:1em;margin-right:.5ch;display:inline-block}#help{border:1px solid #888}#help table{border-collapse:collapse}#help th,#help td{text-align:left;border-bottom:1px solid #cfcfcf;padding:.25em 2em .25em .25em}#close-help{margin:1rem auto 0;display:block}.toolbar{display:flex}.toolbar>div{flex:1}.shh{opacity:.5;font-size:smaller}.toolbar>div,.editor button{text-shadow:0 1px #0003;background:linear-gradient(#fff,#f0f0f0);box-shadow:inset 1px 1px 2px #fff9,inset -1px -1px 2px #0003}.editor{border-left:1px solid #d3d3d3;flex-direction:column;width:640px;display:flex}.editor button{cursor:pointer;border:none;padding:.25rem}.editor button:active{filter:brightness(.9)}.editor [role=tabpanel]{flex:1}.cm-editor{height:100%}