:root{--code-margin: 30px}*{box-sizing:border-box}body{background:#000;margin:0;padding:0}#main{position:relative;height:100vh;width:100vw}#canvas{position:absolute;top:0;bottom:0;left:0;right:0;height:100vh;width:100vw;display:block}#code textarea{position:absolute;top:0;bottom:0;left:0;right:0;margin:var(--code-margin);background:transparent;color:#fff6;font-family:monospace;font-size:20px;border:2px solid transparent;resize:none;padding:12px;border-radius:8px}#code pre{position:absolute;top:0;bottom:0;left:0;right:0;margin:var(--code-margin);background:transparent;font-family:monospace;font-size:20px;border:2px solid transparent;padding:12px;border-radius:8px;color:#fff;overflow-y:auto}.demo #code textarea,.editor #code textarea{color:#fff}#code textarea:focus{color:#fff;text-shadow:0 0 3px rgba(0,0,0,.9);outline:none;border-color:#add8e6}#code textarea.error,#code pre.error{border-color:red}@keyframes blink{0%,49%{outline-color:transparent}50%,to{outline-color:#ff0}}#code pre mark:empty{outline:transparent 1px solid;animation:blink .5s infinite alternate}#code textarea::selection{background:#ff69b4}#audio-input-select{position:absolute;top:0;right:0}