.canvas-container[data-v-0ac867b8]{position:relative;background-color:#fff;margin:0 auto}.ruler-horizontal[data-v-0ac867b8]{position:absolute;top:0;left:20px;height:20px;background-color:#f5f5f5;border-bottom:1px solid #ddd;z-index:10}.ruler-vertical[data-v-0ac867b8]{position:absolute;left:0;top:20px;width:20px;background-color:#f5f5f5;border-right:1px solid #ddd;z-index:10}.ruler-mark-h[data-v-0ac867b8]{position:absolute;top:0;height:100%;border-left:1px solid #ccc}.ruler-mark-v[data-v-0ac867b8]{position:absolute;left:0;width:100%;border-top:1px solid #ccc}.ruler-text[data-v-0ac867b8]{font-size:10px;color:#666;padding:2px;background-color:#f5f5f5}.canvas-main[data-v-0ac867b8]{position:absolute;top:20px;left:20px;border:2px solid #ddd;overflow:hidden;background-color:#fff}.element-container[data-v-0ac867b8]{position:absolute;cursor:move;border:2px solid transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transform-origin:center;transform-origin:center;-webkit-transition:border-color .2s ease;transition:border-color .2s ease}.element-container[data-v-0ac867b8]:hover{border-color:#2196f3!important}.element-selected[data-v-0ac867b8]{border-color:#2196f3!important;z-index:100}.element-hidden[data-v-0ac867b8]{opacity:.3}.element-content[data-v-0ac867b8]{width:100%;height:100%;pointer-events:none}.image-container[data-v-0ac867b8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#f5f5f5}.element-image[data-v-0ac867b8]{width:100%;height:100%}.image-placeholder[data-v-0ac867b8]{color:#999;font-size:12px}.qr-container[data-v-0ac867b8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#000;color:#fff;border:1px solid #ccc}.qr-content[data-v-0ac867b8]{text-align:center;padding:4px}.qr-title[data-v-0ac867b8]{font-size:12px;font-weight:700;font-family:monospace}.qr-text[data-v-0ac867b8]{font-size:8px;font-family:monospace;margin-top:2px}