.content-preview[data-v-38d7a5ba]{position:relative;height:100%}.content-preview[data-v-38d7a5ba] .v-modal{position:absolute}.content-preview .preview-tool[data-v-38d7a5ba]{position:absolute;top:3px;right:3px;left:3px;z-index:1;background-color:rgba(0,0,0,.05);padding:1px 6px;border-radius:2px;color:#606060;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.content-preview .preview-tool[data-v-38d7a5ba]:hover{background-color:rgba(0,0,0,.5);color:#fff}.content-preview .preview-tool>[data-v-38d7a5ba]{vertical-align:middle;line-height:2}.content-preview .preview-tool .btn[data-v-38d7a5ba]{margin:0 5px;padding:5px 3px;cursor:pointer}.content-preview .preview-tool .btn[data-v-38d7a5ba]:hover{color:#8fbcdd}.content-preview .preview-tool .icon[data-v-38d7a5ba]{display:inline-block;cursor:pointer;margin:0 8px;-webkit-transform:scale(1.8);transform:scale(1.8);-webkit-transform-origin:center;transform-origin:center}.content-preview .preview-tool .icon[data-v-38d7a5ba]:hover{color:#8fbcdd}.content-preview .preview-tool input[data-v-38d7a5ba]{vertical-align:middle}.content-preview .preview-tool input[type=range][data-v-38d7a5ba]{width:calc(100% - 300px);cursor:pointer}.content-preview .preview-tool input[type=number][data-v-38d7a5ba]{width:4em;text-align:right;background-color:hsla(0,0%,100%,.8)}.content-preview .viewport[data-v-38d7a5ba]{height:100%;overflow:hidden;border:3px solid #ddd;background-color:#ddd;border-radius:6px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1);cursor:move}.content-preview .viewport .content[data-v-38d7a5ba]{-webkit-transform-origin:center;transform-origin:center}.content-preview .viewport .content .preview[data-v-38d7a5ba]{-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #ccc}.main[data-v-b81cc41c]:after{content:"";display:table;clear:both}.rect[data-v-b81cc41c]{position:absolute;border:1px solid red;cursor:move;background-color:rgba(102,190,238,.15)}.rect>.index[data-v-b81cc41c]{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:red;font-weight:700;font-size:18px;position:absolute;top:50%;left:50%}.rect.active[data-v-b81cc41c]{border-style:dashed}.rect .anchor[data-v-b81cc41c]{position:absolute;width:10px;height:10px;background-color:#2581ee;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.rect .anchor.anchor-1-1[data-v-b81cc41c],.rect .anchor.anchor--1--1[data-v-b81cc41c]{cursor:nwse-resize}.rect .anchor.anchor-1--1[data-v-b81cc41c],.rect .anchor.anchor--1-1[data-v-b81cc41c]{cursor:nesw-resize}.rect .anchor.anchor-0-1[data-v-b81cc41c],.rect .anchor.anchor-0--1[data-v-b81cc41c]{cursor:ns-resize}.rect .anchor.anchor-1-0[data-v-b81cc41c],.rect .anchor.anchor--1-0[data-v-b81cc41c]{cursor:ew-resize}.rect .anchor.anchor--1-0[data-v-b81cc41c],.rect .anchor.anchor--1-1[data-v-b81cc41c],.rect .anchor.anchor--1--1[data-v-b81cc41c]{left:0}.rect .anchor.anchor-0-1[data-v-b81cc41c],.rect .anchor.anchor-0--1[data-v-b81cc41c]{left:50%}.rect .anchor.anchor-1-0[data-v-b81cc41c],.rect .anchor.anchor-1-1[data-v-b81cc41c],.rect .anchor.anchor-1--1[data-v-b81cc41c]{left:100%}.rect .anchor.anchor-0--1[data-v-b81cc41c],.rect .anchor.anchor-1--1[data-v-b81cc41c],.rect .anchor.anchor--1--1[data-v-b81cc41c]{top:0}.rect .anchor.anchor-1-0[data-v-b81cc41c],.rect .anchor.anchor--1-0[data-v-b81cc41c]{top:50%}.rect .anchor.anchor-0-1[data-v-b81cc41c],.rect .anchor.anchor-1-1[data-v-b81cc41c],.rect .anchor.anchor--1-1[data-v-b81cc41c]{top:100%}.select-tool-box[data-v-b81cc41c]{margin-left:20px}.select-tool-box[data-v-b81cc41c] .el-radio{margin-right:20px}.flex-layout[data-v-b81cc41c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:10px}.left[data-v-b81cc41c]{float:left;width:300px;height:calc(100vh - 135px);overflow:auto}.right[data-v-b81cc41c]{float:right;width:calc(100% - 300px);height:calc(100vh - 135px);padding:0 5px 0 10px}.right[data-v-b81cc41c],.thumbnail[data-v-b81cc41c]{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.thumbnail[data-v-b81cc41c]{padding:2px;cursor:pointer}.moving .thumbnail[data-v-b81cc41c],.sorting .thumbnail[data-v-b81cc41c]{cursor:default}.thumbnail .thumbnail-cover[data-v-b81cc41c]{position:absolute;top:0;left:0;bottom:0;right:0}.thumbnail img[data-v-b81cc41c]{width:100%}.thumbnail.active .thumbnail-cover[data-v-b81cc41c]{background-color:rgba(115,151,249,.2)}.thumbnail .icon[data-v-b81cc41c]{position:absolute;bottom:10px;right:10px;color:#66c33a;font-size:1.5em}.ruler[data-v-b81cc41c]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:crosshair;position:relative}.sorting .ruler[data-v-b81cc41c]{cursor:default}.ruler .ruler-scale-line[data-v-b81cc41c]{border-bottom:2px solid #666;margin:0 -1px}.ruler .ruler-inner[data-v-b81cc41c]{overflow:visible;padding-top:20px;background-color:#d3d9ea}.ruler .ruler-inner[data-v-b81cc41c]:after{display:table;content:"";clear:both}.ruler .ruler-inner .scale[data-v-b81cc41c]{float:left;width:5%;text-align:center;white-space:nowrap;font-size:12px;color:#666;position:relative;padding-bottom:5px}.ruler .ruler-inner .scale[data-v-b81cc41c]:after{content:"";line-height:1;margin-bottom:1px;display:block;width:1px;height:3px;background-color:#666;position:absolute;bottom:-1px;left:50%;margin-left:-.5px}.ruler .ruler-inner .scale[data-v-b81cc41c]:nth-child(odd):after{height:6px;width:2px;margin-left:-1px}.ruler .ruler-inner .scale[data-v-b81cc41c]:first-child{margin-left:-2.5%}.ruler .ruler-inner .scale:first-child span[data-v-b81cc41c]{display:block;margin-left:5px}.ruler .ruler-inner .scale[data-v-b81cc41c]:last-child{margin-right:-2.5%}.ruler .ruler-inner .scale:last-child span[data-v-b81cc41c]{display:block;margin-right:20px}.ruler .ruler-inner .scale[data-v-b81cc41c]:last-child:after{margin-left:-2px}.ruler .ruler-mask[data-v-b81cc41c]{position:absolute;top:0;bottom:0;width:1%;-webkit-transform:translateX(-50%);transform:translateX(-50%);cursor:default}.img[data-v-b81cc41c]{position:relative;cursor:default}.img[data-v-b81cc41c],.img img[data-v-b81cc41c]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.img img[data-v-b81cc41c]{width:100%;display:block}.add[data-v-b81cc41c]{cursor:crosshair}.block[data-v-b81cc41c]{height:100%;position:absolute;top:0}.sorting .block[data-v-b81cc41c]{cursor:pointer}.block .line[data-v-b81cc41c]{height:100%;position:absolute;border-left:2px solid red;top:0;margin-left:-1px;cursor:ew-resize}.block .line.active[data-v-b81cc41c]{border-left-width:4px;margin-left:-2px}.block .block-inner[data-v-b81cc41c]{position:absolute;top:3px;bottom:3px;left:4px;right:4px;background-color:hsla(0,0%,53.3%,.1);border-radius:6px}.block.disabled .block-inner[data-v-b81cc41c]{background-color:hsla(0,0%,40%,.4)}.block .block-text[data-v-b81cc41c]{position:absolute;top:33%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:2em;font-weight:700;color:red;background-color:hsla(0,0%,100%,.65);border:1px solid #ddd;border-radius:50%;width:60px;height:60px;line-height:60px;text-align:center;display:inline-block;z-index:1;white-space:nowrap}.block .block-text span[data-v-b81cc41c]{position:absolute;left:-100%;right:-100%;text-align:center;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.block.disabled .block-text[data-v-b81cc41c]{font-size:1.2em}.sorting .block:hover .block-text[data-v-b81cc41c]{border:1px dashed red}.ruler-line[data-v-b81cc41c]{position:absolute;top:0;height:100%;border-left:2px dashed red;margin-left:-1px;-webkit-transform:scaleX(.5);transform:scaleX(.5);-webkit-transform-origin:center;transform-origin:center}