@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&display=swap";.file-list-panel,.clipboard-text{font-family:Fira Code,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace}body{background-color:#1e1e1e;color:#e0e0e0;margin:0;padding:0;display:flex;flex-direction:column;height:100vh}.header-container{display:flex;align-items:center;padding:10px;background-color:#2d2d2d}.button-container{margin-right:20px}.main-container{display:flex;height:calc(100vh - 60px)}.file-list-panel{width:200px;padding:10px;background-color:#2d2d2d;overflow-y:auto;color:#e0e0e0}.file-list-panel h3{margin-top:0;color:#85b3e7}.file-list-panel ul{list-style-type:none;padding:0}.file-list-panel li{cursor:pointer;padding:5px 0}.file-list-panel li:hover{background-color:#3a3a3a}.editor-container{display:flex;width:100%;flex-grow:1;overflow-x:auto}.editor-wrapper{flex:2;padding:10px;min-width:600px}.output-wrapper{flex:1;padding:10px;min-width:300px;overflow-wrap:break-word;word-wrap:break-word;word-break:break-all}#output_panel{white-space:pre-wrap}.separator{flex-shrink:0;width:1px;background-color:#4a4a4a;margin:0 10px}.button{border:none;color:#fff;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:4px;transition:transform .1s ease-in-out,box-shadow .3s ease-in-out}.button:hover{box-shadow:0 0 10px #ffffff4d}.button:active{transform:scale(.95)}.button-green{background-color:#4caf50}.button-blue{background-color:#2196f3}.output-header{display:flex;justify-content:center;align-items:center;padding:10px}.clipboard-text{margin-left:20px;color:#888;font-family:monospace}.CodeMirror{height:100%;background-color:#2d2d2d;color:#e0e0e0}.cm-gutters{background-color:#332f2f!important;color:#888!important;border-right:1px solid #4a4a4a!important}.cm-lineNumbers .cm-gutterElement{color:#e0e0e0!important}.cm-activeLineGutter{background-color:#294369!important;color:#fff!important}.cm-focused .cm-cursor{border-left-color:#fff;border-left-width:2px}.cm-selectionBackground{background-color:#ffffff1f!important}.cm-activeLine{background-color:#ffffff07!important}.cm-comment{color:#8d7551;font-style:italic}.cm-labelName{color:#a6e22e;font-weight:700}.cm-keyword{color:#85b3e7;font-weight:700}.cm-atom{color:#dacb00}.cm-number{color:#ae81ff}.cm-string{color:#e6db74}.cm-meta{color:#66d9ef;font-style:italic}.cm-variable{color:#f8f8f2}