*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0}body{color:#fff;background:#002;flex-direction:column;padding:10px;font-family:monospace,sans-serif;font-size:20px;display:flex}header{justify-content:space-between;align-items:center;display:flex}main{justify-content:space-between;align-items:center;width:100%;height:100%;display:flex}#codeContainer{border:1px solid #fff;flex-direction:column;flex:3 3px;height:100%;margin:10px;display:flex}#code{color:inherit;font:inherit;resize:none;background:0 0;border:none;width:100%;height:100%;padding:30px;outline:none!important}#codeInfo{color:#fff;background:#222;flex-direction:row;justify-content:flex-end;align-items:stretch;padding:0 10px;font-size:.7em;display:flex}#codeInfo span{display:inline-block}#codeInfo .label{font-weight:700}#fieldOuterContainer{flex-direction:column;flex:2 0 2px;justify-content:flex-start;align-items:center;height:100%;display:flex}#fieldInnerContainer{justify-content:center;align-items:center;width:100%;height:100%;display:flex}#field{display:grid}#field img{border:1px solid #fff;margin:1px}[placeholder]:empty:before{content:attr(placeholder);color:#777}.buttonPanel{flex-direction:row;justify-content:space-around;align-items:center;display:flex}button{color:#fff;font:inherit;cursor:pointer;background:0 0;border:1px solid #fff;margin:0 10px;padding:2px;display:inline-block}button:not(:disabled):hover{color:#002;background:#fff}button:disabled{cursor:not-allowed;opacity:.4}.modal-bg{z-index:65535;background:#0029;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;inset:0}.modal{color:#fff;background:#002;border:1px solid #fff;padding:20px;overflow:scroll}.modal *{font:inherit;color:inherit}.modal h1{font-size:1.3em;font-weight:700}.modal h2{font-size:1.2em}.modal h3{font-size:1.1em}.modal h4,.modal h5,.modal h6{font-size:1em}.modal code{color:#20ccff;background:#20ccff0d;border:1px solid #20ccff66;border-radius:2px;padding:2px}.modal pre>code{border-radius:4px;padding:8px;display:block}