body{background-color:#000;color:#fff;font-family:Arial,Helvetica,sans-serif}.canvas{display:block;width:100%;height:70vh}.items{display:flex;margin:auto;width:80%;flex-direction:column;align-items:center}.code-panel{width:100%;max-width:1100px;margin:8px 0 24px;border:4px solid dodgerblue;border-radius:10px;overflow:hidden}.code-panel-header{width:100%;box-sizing:border-box;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;background-color:#1e90ff;color:#fff}.run-status{font-family:Arial,Helvetica,sans-serif;font-size:.95em;opacity:.95}.code-textarea{width:100%;height:320px;box-sizing:border-box;padding:12px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;line-height:1.4;color:#fff;background-color:#000;border:none;outline:none}.code-editor{width:100%;height:320px}.code-editor .cm-editor{height:320px;background-color:#000;color:#fff}.code-editor .cm-scroller{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.code-editor .cm-focused{outline:2px solid dodgerblue;outline-offset:-2px}.code-editor .cm-content{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;line-height:1.4}.code-editor .cm-gutters{background-color:#000;color:#fff9;border-right:1px solid rgba(255,255,255,.15)}.code-editor .cm-activeLine{background-color:#ffffff0f}.code-editor .cm-activeLineGutter{background-color:#1e90ff1f;color:#ffffffd9}.code-editor .cm-cursor{border-left-color:#fff}.code-editor .cm-selectionBackground,.code-editor .cm-content ::selection{background-color:#1e90ff59}.code-editor .cm-matchingBracket{background-color:#1e90ff40;outline:1px solid rgba(30,144,255,.45)}.code-editor .cm-tooltip{background-color:#000;color:#fff;border:1px solid rgba(255,255,255,.15)}.code-editor .cm-scroller::-webkit-scrollbar{width:10px;height:10px}.code-editor .cm-scroller::-webkit-scrollbar-thumb{background-color:#ffffff2e;border-radius:999px;border:2px solid rgba(0,0,0,0);background-clip:padding-box}.code-editor .cm-scroller::-webkit-scrollbar-thumb:hover{background-color:#ffffff47}.code-editor .cm-scroller::-webkit-scrollbar-corner{background:#0000}.menu>a{border:4px solid dodgerblue;background-color:#1e90ff;border-radius:10px;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:1em;margin-top:auto;margin-bottom:.5em;cursor:pointer;transition-duration:.4s}.menu>a:hover{background-color:#228b22;border-color:#228b22;color:#fff}.button{border:4px solid dodgerblue;background-color:#1e90ff;border-radius:10px;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:1em;margin-top:auto;margin-bottom:.5em;cursor:pointer;transition-duration:.4s}@media only screen and (max-width:800px){.canvas{width:95%}}