.editor-container[data-v-98b0382c]{width:100%;height:100%;overflow:hidden}.editor-instance[data-v-98b0382c]{width:100%;height:100%}.vue-codemirror{height:100%}.CodeMirror{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:100%;font-size:18px}.page[data-v-0c8ea829]{display:flex;flex-shrink:0;min-width:1000px;height:100%;padding-top:40px;box-sizing:border-box}.btn-run[data-v-0c8ea829]{position:fixed;top:80px;z-index:10;height:40px;padding:0 15px;font-size:16px;border:1px solid #0e4da4;color:#fff;background:rgba(7,44,96,.6666666667);box-sizing:border-box;border-radius:8px;cursor:pointer;transition:background .3s ease,box-shadow .3s ease;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn-run[data-v-0c8ea829]:hover{color:#fff;background:#0e4da4;box-shadow:0 1px 2px rgba(0,0,0,.16),0 2px 4px rgba(0,0,0,.12),0 1px 8px rgba(0,0,0,.1)}.menu-bar[data-v-0c8ea829]{width:100%;height:40px;background:#eee;border-bottom:1px solid #ddd;position:fixed;top:0;left:0;z-index:10}.menu-bar .select-samples[data-v-0c8ea829]{height:100%;padding:0 15px;font-size:16px;border:0;color:#666;position:relative;cursor:pointer;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.menu-bar .select-samples[data-v-0c8ea829]:after{position:absolute;content:"";width:1px;height:20px;top:50%;transform:translateY(-50%);background:#666;right:0}.menu-bar .select-samples[data-v-0c8ea829]:hover{color:#000}.menu-bar .select-samples:hover .dropdown-box[data-v-0c8ea829]{display:block}.menu-bar .select-samples .dropdown-box[data-v-0c8ea829]{display:none;position:absolute;background:#fff;top:40px;left:0;padding:10px;border-radius:8px;box-shadow:1px 2px 5px rgba(0,0,0,.3)}.menu-bar .select-samples .dropdown-box .sample-item[data-v-0c8ea829]{padding:10px 10px;border-bottom:1px solid #eee;white-space:nowrap;border-radius:8px}.menu-bar .select-samples .dropdown-box .sample-item[data-v-0c8ea829]:hover{background:#eee}.menu-bar .select-samples .dropdown-box .sample-item[data-v-0c8ea829]:last-child{border-bottom:0}.area-left[data-v-0c8ea829]{position:relative;background:#fff;height:100%;width:60%;box-sizing:border-box}.area-left.local-file[data-v-0c8ea829]{padding-top:35px}.area-left.local-file .file-bar[data-v-0c8ea829]{display:block}.file-bar[data-v-0c8ea829]{display:none;padding-left:10px;box-sizing:border-box;position:absolute;color:#1a1a1a;top:0;left:0;width:100%;height:30px;background:hsla(0,0%,100%,.5);box-shadow:0 2px 3px #999;line-height:30px;z-index:1}.file-bar.saved[data-v-0c8ea829]:after{display:none}.file-bar[data-v-0c8ea829]:after{content:"·";font-size:40px;display:inline-block;color:#999;vertical-align:middle}.drag-line[data-v-0c8ea829]{position:absolute;right:-2.5px;top:0;width:5px;height:100%;cursor:pointer;z-index:10}.drag-line[data-v-0c8ea829]:hover:after{display:block}.drag-line[data-v-0c8ea829]:after{content:"";display:none;position:absolute;top:0;left:-5px;right:-5px;bottom:0;background:rgba(0,0,0,.3);cursor:ew-resize}.area-right[data-v-0c8ea829]{width:40%;background:#d3d3d3;height:100%}.area-right .area-right-top[data-v-0c8ea829]{height:50%;width:100%;background:#000}.area-right .area-right-top .stage[data-v-0c8ea829]{width:100%;height:100%}.area-right .area-right-bottom .output[data-v-0c8ea829]{width:100%;height:100%;background:#ddd}.area-right .area-right-bottom .output .output-tips[data-v-0c8ea829]{font-size:16px;padding:10px;margin:0;border-bottom:1px dashed #ccc}.area-right .area-right-bottom .output .console-item[data-v-0c8ea829]{padding:5px 10px;padding-left:20px;border-bottom:1px solid #ccc;color:#666}