.wresize-panel-3{position:relative}.wresize-panel-3 .wresize-panel-left{position:absolute;left:0px;top:0px;bottom:0px}.wresize-panel-3 .wresize-panel-center{position:absolute;top:0px;bottom:0px}.wresize-panel-3 .wresize-panel-right{position:absolute;right:0px;top:0px;bottom:0px}.wresize-panel-3 .wresize-handler-left,.wresize-panel-3 .wresize-handler-right{position:absolute;top:0px;bottom:0px;width:5px;cursor:w-resize}.topo-toolbox{border:1px solid #ccc;background-color:#fff;overflow-y:auto;overflow-x:hidden}.topo-toolbox .toolbox-group{display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:space-between}.topo-toolbox .toolbox-group .toolbox-item{width:70px;margin:10px 5px;padding:5px;color:#777;border:1px solid transparent}.topo-toolbox .toolbox-group .toolbox-item .toolbox-item-icon{text-align:center}.topo-toolbox .toolbox-group .toolbox-item .toolbox-item-text{margin-top:10px;text-align:center}.topo-toolbox .toolbox-group .toolbox-item:hover{border:1px solid #ccc;background:#ccc;color:#38f;border-radius:6px;cursor:pointer}.ScaleBox[data-v-787fd2cb]{left:0;top:0;z-index:999;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.RefDot_h[data-v-787fd2cb],.RefDot_v[data-v-787fd2cb],.RefLine_h[data-v-787fd2cb],.RefLine_v[data-v-787fd2cb],.ScaleRuler_h[data-v-787fd2cb],.ScaleRuler_v[data-v-787fd2cb]{position:absolute;left:0;top:0;overflow:hidden;z-index:999}.ScaleRuler_h[data-v-787fd2cb]{width:100%;height:18px;left:18px;opacity:0.6;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAASCAMAAAAuTX21AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAlQTFRFMzMzAAAA////BqjYlAAAACNJREFUeNpiYCAdMDKRCka1jGoBA2JZZGshiaCXFpIBQIABAAplBkCmQpujAAAAAElFTkSuQmCC) repeat-x}.ScaleRuler_v[data-v-787fd2cb]{width:18px;height:100%;top:18px;opacity:0.6;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAyCAMAAABmvHtTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAlQTFRFMzMzAAAA////BqjYlAAAACBJREFUeNpiYGBEBwwMTGiAakI0NX7U9aOuHyGuBwgwAH6bBkAR6jkzAAAAAElFTkSuQmCC) repeat-y}.ScaleRuler_h .n[data-v-787fd2cb],.ScaleRuler_v .n[data-v-787fd2cb]{position:absolute;font:10px/1 Arial,sans-serif;color:#333;cursor:default}.ScaleRuler_v .n[data-v-787fd2cb]{width:8px;left:3px;word-wrap:break-word}.ScaleRuler_h .n[data-v-787fd2cb]{top:1px}.RefDot_h[data-v-787fd2cb],.RefDot_v[data-v-787fd2cb],.RefLine_h[data-v-787fd2cb],.RefLine_v[data-v-787fd2cb]{z-index:998}.RefLine_h[data-v-787fd2cb]{width:100%;height:3px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAMAAADU3h9xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFSv//AAAAH8VRuAAAAA5JREFUeNpiYIACgAADAAAJAAE0lmO3AAAAAElFTkSuQmCC) repeat-x 0;cursor:n-resize}.RefLine_v[data-v-787fd2cb]{width:3px;height:100%;_height:9999px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAICAMAAAAPxGVzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFSv//AAAAH8VRuAAAAA5JREFUeNpiYEAFAAEGAAAQAAGePof9AAAAAElFTkSuQmCC) repeat-y top;cursor:w-resize}.RefDot_h[data-v-787fd2cb]{width:100%;height:3px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAMAAABFaP0WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFf39/////F3PnHQAAAAJ0Uk5T/wDltzBKAAAAEElEQVR42mJgYGRgZAQIMAAADQAExkizYQAAAABJRU5ErkJggg==) repeat-x left 1px;cursor:n-resize;top:-10px}.RefDot_v[data-v-787fd2cb]{width:3px;height:100%;_height:9999px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAMAAABFaP0WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFf39/////F3PnHQAAAAJ0Uk5T/wDltzBKAAAAEElEQVR42mJgYGRgZAQIMAAADQAExkizYQAAAABJRU5ErkJggg==) repeat-y 1px top;cursor:w-resize;left:-10px}#content[data-v-787fd2cb]{position:absolute;height:100%;width:100%;overflow:auto}.topo-main{background-color:#fff;border:1px solid #ccc;position:relative;overflow-x:hidden;overflow-y:hidden}.topo-main .topo-layer{width:100%;height:100%;position:absolute;transform-origin:left top;overflow:auto;background-color:#fff;background-clip:padding-box;background-origin:padding-box;background-repeat:no-repeat;background-size:100% 100%}.topo-main .topo-layer .topo-frame-selection{background-color:#8787e7;opacity:0.3;border:1px solid #00f;position:absolute;z-index:999}.topo-main .topo-layer .topo-layer-view{position:absolute;height:100px;width:100px;background-color:#999;cursor:move;border:1px solid #ccc}.topo-main .topo-layer .topo-layer-view .resize-left-top{position:absolute;height:10px;width:10px;background-color:#fff;border:1px solid #0cf;left:-5px;top:-5px;cursor:nwse-resize}.topo-main .topo-layer .topo-layer-view .resize-left-center{position:absolute;height:10px;width:10px;background-color:#fff;border:1px solid #0cf;left:-5px;top:50%;margin-top:-5px;cursor:ew-resize}.topo-main .topo-layer .topo-layer-view .resize-left-bottom{position:absolute;height:10px;width:10px;background-color:#fff;border:1px solid #0cf;left:-5px;bottom:-5px;cursor:nesw-resize}.topo-main .topo-layer .topo-layer-view .resize-right-top{position:absolute;height:10px;width:10px;background-color:#fff;border:1px solid #0cf;right:-5px;top:-5px;cursor:nesw-resize}.topo-main .topo-layer .topo-layer-view .resize-right-center{position:absolute;height:10px;width:10px;background-color:#fff;border:1px solid #0cf;right:-5px;top:50%;margin-top:-5px;cursor:ew-resize}.topo-main .topo-layer .topo-layer-view .resize-right-bottom{position:absolute;height:10px;width:10px;background-color:#fff;border:1px solid #0cf;right:-5px;bottom:-5px;cursor:nwse-resize}.topo-main .topo-layer .topo-layer-view .resize-center-top{top:-5px}.topo-main .topo-layer .topo-layer-view .resize-center-bottom,.topo-main .topo-layer .topo-layer-view .resize-center-top{position:absolute;height:10px;width:10px;background-color:#fff;border:1px solid #0cf;left:50%;margin-left:-5px;cursor:ns-resize}.topo-main .topo-layer .topo-layer-view .resize-center-bottom{bottom:-5px}.topo-main .topo-layer .topo-layer-view-selected{outline:1px solid #0cf}.topo-properties{border:1px solid #ccc;background-color:#fff;height:100%}.topo-properties .topo-properties-tabs{height:35px;display:flex;border-bottom:1px solid #ccc;background-color:#fff}.topo-properties .topo-properties-tabs .topo-properties-tab{height:35px;text-align:center;line-height:35px;flex:1;color:#666}.topo-properties .topo-properties-tabs .topo-properties-tab+.topo-properties-tab{border-left:1px solid #ccc}.topo-properties .topo-properties-tabs .topo-properties-tab:hover{cursor:pointer}.topo-properties .topo-properties-tabs .topo-properties-tab-active{color:#000;border-bottom:2px solid #38f;font-weight:700}.topo-properties .topo-properties-table{overflow-x:hidden;overflow-y:auto;height:calc(100% - 92px)}.topo-properties .topo-properties-table table{width:100%;border-collapse:collapse}.topo-properties .topo-properties-table table td{text-align:center;padding:0px;border:1px solid #ccc}.topo-properties .topo-properties-table table .q-input{border:none}.topo-properties .topo-properties-table table .q-select{border:none;margin-right:0px}.topo-properties .not-surpport{margin:20px auto;text-align:center}.topo-editor{padding:10px;position:relative;width:100%;height:100vh;background-color:#eee}.topo-editor .topo-main,.topo-editor .topo-properties,.topo-editor .topo-toolbox{width:100%;height:100%}