body,button,input{font:14px/1.3em 'Open Sans',Arial,Verdana,Serif}body,html{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}#designer{position:absolute;left:0;top:50px;width:70vw;height:calc(100vh - 50px)}#topbar{height:50px;width:100%;position:absolute;left:0;top:0;background:#e8eaf6}.sqd-editor{padding:10px}.sqd-editor p{margin:0;padding:0 0 10px}.sqd-editor label:not(input[type=checkbox]+label){display:block;padding:0 0 10px}.sqd-editor input[type=checkbox]+label{padding:0 5px}.sqd-editor input[type=number],.sqd-editor input[type=password],.sqd-editor input[type=text],.sqd-editor select{width:100%;box-sizing:border-box;border:1px solid silver;padding:6px;border-radius:5px}#result{position:absolute;right:0;top:50px;width:30vw;height:calc(100vh - 50px);padding:10px;box-sizing:border-box;color:#fff;background:#2c18df;overflow:auto}#result.hide-result-panel{display:none}#designer.hide-result-panel{width:100vw}#result a{color:#fff}#result a:hover{text-decoration:none}#result button,#topbar a,#topbar button{padding:10px;color:#000;background:#fff;border:0;border-radius:5px;cursor:pointer}#topbar .topbar-action-btn{float:right;margin:5px}#topbar h1{float:left;font-size:24px;white-space:nowrap;margin-left:20px}#topbar h1::after{content:'βeta';font-size:8px;font-weight:900;vertical-align:super;color:#2c18df;background:#d8d4f8;padding:4px;border-radius:20px}#result button:hover,#topbar button:hover{opacity:.8}.hide{display:none}.cursorNormal{cursor:default!important}.split{display:flex;flex-direction:row}.gutter{background-color:#eee;background-repeat:no-repeat;background-position:50%}.gutter.gutter-horizontal{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==);cursor:col-resize}