.vdr{-ms-touch-action:none;touch-action:none;border:1px dashed #000}.handle,.vdr{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box}.handle{width:10px;height:10px;background:#eee;border:1px solid #333}.handle-tl{top:-10px;left:-10px;cursor:nw-resize}.handle-tm{top:-10px;left:50%;margin-left:-5px;cursor:n-resize}.handle-tr{top:-10px;right:-10px;cursor:ne-resize}.handle-ml{left:-10px;cursor:w-resize}.handle-ml,.handle-mr{top:50%;margin-top:-5px}.handle-mr{right:-10px;cursor:e-resize}.handle-bl{bottom:-10px;left:-10px;cursor:sw-resize}.handle-bm{bottom:-10px;left:50%;margin-left:-5px;cursor:s-resize}.handle-br{bottom:-10px;right:-10px;cursor:se-resize}@media only screen and (max-width:768px){[class*=handle-]:before{content:"";left:-10px;right:-10px;bottom:-10px;top:-10px;position:absolute}}.design-box[data-v-dbcc3a98],.design-line[data-v-7f90afde]{width:100%;pointer-events:none}.design-box[data-v-dbcc3a98]{height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.design-text[data-v-a0cec1a4]{width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.design-text[data-v-a0cec1a4] .field-placeholder{color:#00f;cursor:pointer;text-decoration:underline}.design-text[data-v-a0cec1a4] .field-placeholder:hover{background-color:rgba(0,0,255,.1)}.design-table[data-v-00ada8f6]{width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;box-sizing:border-box}.grid_style[data-v-00ada8f6]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.grid_style[data-v-00ada8f6],.template-canvas[data-v-c55e15be]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.template-canvas[data-v-c55e15be]{overflow:auto;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:20px}.template-canvas .canvas-container[data-v-c55e15be]{position:relative}.template-canvas[data-v-c55e15be] .vdr{border:1px dashed transparent;cursor:move}.template-canvas[data-v-c55e15be] .vdr.active,.template-canvas[data-v-c55e15be] .vdr.component-selected{border-color:#1890ff}.template-canvas[data-v-c55e15be] .vdr .handle{width:8px;height:8px;background:#1890ff;border:1px solid #fff;border-radius:50%}