.nav-panel{width:100%;height:100%;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.box{box-sizing:border-box}.box,.box:after{position:absolute}.box:after{content:"";left:0;top:0;bottom:0;right:0;border:1px dashed rgba(0,0,0,.15);visibility:hidden}.box:hover:after{visibility:visible}.box .box-sash{position:absolute;z-index:1}.box .box-sash.top{width:100%;height:4px;left:0;top:-2px;cursor:row-resize}.box .box-sash.right{width:4px;height:100%;right:-2px;top:0;cursor:col-resize}.box .box-sash.bottom{width:100%;height:4px;left:0;bottom:-2px;cursor:row-resize}.box .box-sash.left{width:4px;height:100%;left:-2px;top:0;cursor:col-resize}.box .box-knob{position:absolute;width:7px;height:7px;box-sizing:border-box;border:1px solid #fff;background:#666;box-shadow:0 0 2px 0 rgba(0,0,0,.25);z-index:2}.box .box-knob.tl{top:-2px;left:-2px;cursor:nwse-resize}.box .box-knob.tr{top:-2px;right:-2px;cursor:nesw-resize}.box .box-knob.bl{bottom:-2px;left:-2px;cursor:nesw-resize}.box .box-knob.br{bottom:-2px;right:-2px;cursor:nwse-resize}.operation{width:375px;overflow:hidden;background-color:#fff;box-shadow:0 2px 10px 0 rgba(0,0,0,.1);margin:0 auto;min-height:100%}.operation,.operation .render-layer{position:relative}.operation .interactive-layer{position:absolute;left:0;top:0}.operation .absolute-frame{position:absolute}.workbench{background-color:#f4f7f9;box-sizing:border-box;flex:1;padding:60px 0;height:100%;overflow-y:auto}.split-view{position:relative}.split-view .view-container{position:absolute;width:100%;height:100%;display:flex}.split-view .view-container.vertical{flex-direction:row}.split-view .view-container.horizontal{flex-direction:column}.split-view .sash-container{position:absolute;width:100%;height:100%;left:0;top:0}.split-view .sash-container .sash{position:absolute;z-index:35}.split-view .sash-container .sash:hover{cursor:col-resize}