.app{height:100%;display:flex;flex-direction:column}.pane{overflow:hidden}.top-pane{background-color:#3c3e44;height:50vh;display:flex;width:100%}.bottom-pane{height:50vh;display:flex;flex-direction:column;overflow:auto}.editor-container{flex-grow:1;flex-basis:0;display:flex;flex-direction:column;padding:.2rem;background-color:#2d383c}.editor-container.collapsed{flex-grow:0}.editor-title{display:flex;justify-content:space-between;background-color:#1f2023;color:#fff;padding:.5rem .5rem .5rem 1rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem;font-size:.8rem}.editorBtn{background-color:transparent;cursor:pointer;margin-left:.2rem;color:#fff;border:1px solid white;border-radius:.2rem;font-size:1rem}.codemirror-wrapper{width:100%!important;flex-grow:1;border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.our-canvas{width:100%;min-height:100vh;height:100%;border:none;display:block}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}#root{height:100%;display:flex;flex-direction:column}