*,:before,:after{box-sizing:border-box}html,body{color:#abb2bf;background:#1e2127;height:100%;margin:0;padding:0;font-family:sans-serif;font-size:15px}.tab-bar{-webkit-user-select:none;user-select:none;background:#21252b;border-bottom:1px solid #181a1f;align-items:center;gap:2px;height:44px;padding:0 12px;display:flex}.tab-logo{color:#61afef;letter-spacing:.5px;margin-right:16px;font-size:17px;font-weight:700}.tab{color:#7f848e;border-bottom:2px solid #0000;border-radius:4px;padding:6px 18px;font-size:14px;text-decoration:none;transition:color .15s}.tab:hover{color:#dde1e8;text-decoration:none}.tab-active{color:#dde1e8;border-bottom-color:#4caf50}.tab-docs{margin-left:auto;font-size:13px}.tab-bar a:link,.tab-bar a:visited{color:#7f848e}.tab-bar a:hover{color:#dde1e8;text-decoration:none}.tab-bar a.tab-active:link,.tab-bar a.tab-active:visited{color:#dde1e8}.page{flex-direction:column;height:calc(100vh - 44px);padding:0;display:flex}.description{color:#7f848e;background:#21252b;border-bottom:1px solid #181a1f;flex-shrink:0;padding:10px 16px;font-size:13px}.description p{margin:2px 0}.description p:first-child{color:#61afef;margin-bottom:6px;font-weight:700}.description b{color:#abb2bf}.description a:link,.description a:visited{color:#61afef;text-decoration:none}.description a:hover{text-decoration:underline}.toolbar{background:#282c34;border-bottom:1px solid #181a1f;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;display:flex}.toolbar-sep{background:#3e4451;width:1px;height:22px;margin:0 4px}.toolbar-hint{color:#4b5263;margin-left:auto;font-size:12px}kbd{color:#7f848e;background:#2c313a;border:1px solid #3e4451;border-radius:3px;padding:1px 5px;font-family:monospace;font-size:11px}.button{color:#abb2bf;cursor:pointer;white-space:nowrap;background:#2c313a;border:1px solid #3e4451;border-radius:4px;padding:5px 16px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.button:hover{color:#dde1e8;background:#3e4451}.btn-run{color:#7ec87e;background:#2d4a2d;border-color:#3a6b3a}.btn-run:hover{color:#a8e0a8;background:#3a6b3a}.btn-stop{color:#c87e7e;background:#4a2d2d;border-color:#6b3a3a}.btn-stop:hover{color:#e0a8a8;background:#6b3a3a}.btn-rec{color:#e06060;background:#4a2d2d;border-color:#7a3a3a}.btn-rec:hover{color:#f08080;background:#7a3a3a}.ready-green{color:#a8e0a8!important;background:#3a6b3a!important;border-color:#4caf50!important}.ready-red{color:#f08080!important;background:#7a3a3a!important;border-color:#af4c4c!important}.cm-container{flex:1;min-height:0;overflow:hidden}.cm-editor{text-align:left;width:100%;height:100%;font-family:Fira Mono,Cascadia Code,Consolas,monospace;font-size:15px}.cm-scroller{overflow:auto}.console{color:#7ec87e;resize:none;background:#181a1f;border:none;border-top:1px solid #181a1f;flex-shrink:0;width:100%;height:160px;padding:8px 12px;font-family:Fira Mono,Cascadia Code,Consolas,monospace;font-size:13px}.console::placeholder{color:#3e4451}