.split[data-v-caf9f586]{display:flex;flex:1;height:100%;width:100%;overflow:hidden;box-sizing:border-box}.split>.content[data-v-caf9f586]{position:relative;display:flex;box-sizing:border-box;overflow:hidden;flex-grow:1;flex-shrink:1}.split>.content[data-v-caf9f586]:first-child{flex-grow:0;flex-shrink:0}.split>.content[data-v-caf9f586]>*{height:100%;width:100%;display:flex;flex-direction:column;box-sizing:border-box}.split>.content[data-v-caf9f586]:last-child{flex-basis:auto!important;flex-grow:1;flex-shrink:1}.split>.splitter[data-v-caf9f586]{flex-basis:8px;flex-shrink:0;flex-grow:0;background-color:#ccc;position:relative;z-index:10;box-sizing:border-box}.split.vertical[data-v-caf9f586]{flex-direction:column}.split.vertical>.splitter[data-v-caf9f586]{height:8px;width:100%;flex-basis:auto}.split.horizontal[data-v-caf9f586]{flex-direction:row}.split.horizontal>.splitter[data-v-caf9f586]{width:8px;height:100%}.split.resizeable.vertical>.splitter[data-v-caf9f586]{cursor:row-resize}.split.resizeable.horizontal>.splitter[data-v-caf9f586]{cursor:col-resize}.split.resizeable>.splitter[data-v-caf9f586]:hover,.split.resizeable.resizing>.splitter[data-v-caf9f586]{background-color:#aaa;transition:background-color .2s ease-in-out}.layout-container,.layout-container>.views,.view-container{box-sizing:border-box}.layout-container{display:flex;flex-direction:column;flex:1 0 auto;overflow:hidden;position:relative;height:100%;width:100%}.layout-container>.preview{position:absolute;opacity:0;margin:0;pointer-events:none;background-color:#0064ff4d;border:1px dashed rgba(0,50,200,.5);transition:opacity .2s ease-in-out;z-index:20}.layout-container>.views{display:flex;flex-grow:1;position:relative;overflow:hidden}.layout-container>.drag{position:absolute;margin:0;padding:0;cursor:move;z-index:30}.view-container{flex-grow:1;flex-shrink:1;min-width:10px;min-height:10px;height:100%;width:100%;overflow:hidden;position:relative;display:flex;flex-direction:column}.view-container.empty-pane{background-color:#f0f0f0;border:1px dashed #ccc;align-items:center;justify-content:center;color:#999;font-size:.8em}.layout-container.edit .view-container{border:1px dashed #aaa;cursor:move}.layout-container.edit .view-container.empty-pane{border:1px dashed #ccc;cursor:default}.view-container>*{flex-grow:1;overflow:auto;margin:0}[pane-drag-handle]{cursor:grab}[pane-drag-handle]:active{cursor:grabbing}.drag-preview-content[data-v-8d72bc98]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#f0f0f0e6;border:1px dashed #aaa;box-sizing:border-box;padding:8px;color:#333;font-size:.9em;text-align:center}.missing-view-placeholder[data-v-8d72bc98]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#888;background-color:#f9f9f9;border:1px dashed #ddd;box-sizing:border-box;font-style:italic}.empty-pane[data-v-8d72bc98]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ccc;background-color:#fafafa;border:1px dashed #eee;box-sizing:border-box;font-style:italic;font-size:.9em}.error-pane[data-v-8d72bc98]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:red;background-color:#fff0f0;border:1px solid red;box-sizing:border-box;font-weight:700}.pane[data-v-8f8353c5]{position:relative;overflow:hidden;flex:1 1 auto;height:100%;width:100%;flex-direction:column}.pane>.header[data-v-8f8353c5]{height:40px;padding:10px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0}.pane>.content[data-v-8f8353c5]{flex-grow:1;display:flex;flex-direction:column;overflow:auto;pointer-events:auto;position:relative}.pane-container[data-v-8f8353c5]{display:flex;flex-direction:column;height:100%;width:100%}.layout-container,.split{background:transparent}.split>.splitter{transition:background-color .3s}.pane{box-shadow:0 1px 3px #0000001a;overflow:hidden;display:flex;flex-direction:column;height:100%}.pane>.header{text-transform:uppercase;padding:10px;flex-shrink:0}.pane>.content{padding:10px;flex-grow:1;overflow:auto}.layout-container>.drag.dragging{opacity:.6;box-shadow:0 4px 12px #0000004d}.app[data-v-7c342866]{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.controls[data-v-7c342866]{flex-shrink:0;padding-bottom:5px;border-bottom:1px solid #ccc}.app[data-v-7c342866]>.layout-container{flex-grow:1;height:auto;width:100%}[data-v-7c342866] .view-container{background-color:#f0f0f0;border:1px solid #d0d0d0;padding:5px;box-sizing:border-box;font-size:.9em;overflow:auto}[data-v-7c342866] [data-view-id="0"] .nopane{background-color:#add8e6}[data-v-7c342866] [data-view-id="4"] .custom-drag{background-color:#f08080}.drag-handle[data-v-7c342866]{background:#fff;padding:10px;border:solid 1px #f99;margin-bottom:10px;display:inline-block}*{text-shadow:0 0 1px rgba(0,0,0,.2)}::-moz-focus-inner{border:0}:focus{outline:none}body{margin:0;padding:0;min-height:100vh;height:100vh;background:#ddd;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}.app{display:flex;flex-direction:column;height:100%}.app .nopane *{background:#fafa9680}.controls{background:#123}.controls button{position:relative;cursor:pointer;padding:10px 20px;margin:8px;color:#fff;outline:none;border:solid 1px transparent;background:#fafafa33;transition:all .3s}.controls button.active{border:solid 1px rgba(50,200,50,.8)}.controls button:hover{background:#fafafa80}.controls button:after{position:absolute;border-radius:30px;left:50%;right:50%;bottom:5px;height:1px;content:" ";background:#32fa32b3;transition:all .3s}.controls button.active:after{left:10%;right:10%}.layout-container>.drag.dragging{z-index:20;cursor:move}.split.resizeable>.splitter:after{position:absolute;content:" ";z-index:10;transition:all .3s;top:-8px;right:-8px;bottom:-8px;left:-8px}.extra .layout-container,.split{background:#ddd}.extra .layout-container>.views{margin:8px}.extra .layout-container .view{border:solid 1px transparent;transition:all .3s}.extra .layout-container.edit .view{border:dotted 1px rgba(100,100,100,.4)}.extra .layout-container>.preview{background:#0003;border:dashed 1px #666;transition:all .3s;padding:0;margin:0}.extra .layout-container>.drag{display:block;opacity:0;transform:scale(1)}.extra .layout-container>.drag.dragging{opacity:.7;box-shadow:0 0 10px 2px #0006;transform:scale(.5);transition:transform .3s}.extra .layout-container>.drag *{pointer-events:none!important}.extra .split>.splitter{flex-basis:6px;position:relative;background:transparent;transition:all .3s}.extra .split.resizeable>.splitter{background:#64646433}.extra .split.resizeable>.splitter:after{top:0;right:0;bottom:0;left:0}.extra .split.resizeable.horizontal>.splitter:after{right:-6px;left:-6px}.extra .split.resizeable.vertical>.splitter:after{top:-6px;bottom:-6px}.extra .split.resizeable.resizing>.splitter:after,.extra .split.resizeable>.splitter:hover:after{background:#9b9b9b80}.extra .pane{box-shadow:0 1px 3px #0000004d;overflow:hidden}.extra .pane>.header{text-transform:uppercase;background:#eee;color:#444}.extra .pane>.content{background:#fefefe;padding:10px}.custom-drag{height:100%;background:#eee;padding:20px}.drag-handle{background:#fff;padding:20px;border:solid 1px #f99}