.label-designer-container[data-v-4b195189]{display:flex;flex-direction:column;height:calc(100vh - 90px);background-color:#f5f7fa;font-family:Arial,sans-serif}.label-preview-dialog[data-v-4b195189] .el-dialog__header{padding:20px 10px 0 20px!important;font-weight:700}.label-preview-dialog[data-v-4b195189] .el-dialog__body{padding:10px!important}.designer-header[data-v-4b195189]{display:flex;justify-content:space-between;align-items:center;padding:5px 10px;background-color:#fff;border-bottom:1px solid #e4e7ed;box-shadow:0 2px 4px rgba(0,0,0,.05)}.header-left[data-v-4b195189],.header-right[data-v-4b195189]{display:flex;align-items:center}.designer-main[data-v-4b195189]{display:flex;flex:1;overflow:hidden}.designer-toolbar[data-v-4b195189]{width:200px;background-color:#fff;border-right:1px solid #e4e7ed;overflow-y:auto}.toolbar-section[data-v-4b195189]{margin-bottom:20px}.section-title[data-v-4b195189]{font-weight:700;margin-bottom:15px;color:#303133;font-size:14px;text-align:center;padding-bottom:5px;border-bottom:2px solid #409eff}.toolbar-items[data-v-4b195189]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.toolbar-item[data-v-4b195189]{display:flex;flex-direction:column;align-items:center;padding:10px;background-color:#f5f7fa;border:1px solid #e4e7ed;border-radius:4px;cursor:pointer;transition:all .3s}.toolbar-item[data-v-4b195189]:hover{background-color:#ecf5ff;border-color:#d9ecff;color:#409eff;transform:translateY(-2px);box-shadow:0 2px 8px rgba(64,158,255,.3)}.item-icon[data-v-4b195189]{font-size:24px;margin-bottom:5px}.item-icon .iconfont[data-v-4b195189]{font-size:25px;font-weight:500}.item-label[data-v-4b195189]{font-size:12px}.icon-barcode[data-v-4b195189],.icon-qrcode[data-v-4b195189]{width:24px;height:24px}.designer-canvas-container[data-v-4b195189]{flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0;overflow:hidden;background-color:#f0f2f5}.canvas-header[data-v-4b195189]{display:flex;justify-content:space-between;align-items:center;margin:5px;font-weight:700;color:#606266}.canvas-controls[data-v-4b195189]{display:flex;align-items:center;gap:10px}.canvas-controls .el-button[data-v-4b195189]{padding:6px 12px}.canvas-controls .iconfont[data-v-4b195189]{font-size:20px;font-weight:500}.canvas-workspace[data-v-4b195189]{position:relative;flex:1;overflow:auto;background-color:#f5f5f5;border:1px solid #dcdfe6;border-radius:4px;cursor:grab;scrollbar-width:none}.canvas-workspace[data-v-4b195189]::-webkit-scrollbar{width:0;height:0;background:transparent}.canvas-workspace[data-v-4b195189]:active{cursor:grabbing}.designer-canvas[data-v-4b195189]{position:absolute;top:0;left:0;background-color:transparent;border:none;padding:0;box-shadow:none;margin:0;width:auto;max-width:none;min-height:auto}.canvas-background-grid[data-v-4b195189]{position:absolute;top:0;left:0;z-index:4;pointer-events:none}.label-canvas[data-v-4b195189]{position:relative;background-color:#fff;border:0 solid #e0e0e0;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:4px;margin:0;display:block;z-index:2}.design-element[data-v-4b195189]{position:absolute;cursor:move;transition:all .2s}.design-element[data-v-4b195189]:not(.element-line){border:1px solid transparent}.design-element[data-v-4b195189]:not(.element-line):hover{border-color:#409eff}.design-element:not(.element-line).selected[data-v-4b195189]{border-color:#67c23a;background-color:transparent;box-shadow:none;border-style:solid}.design-element.element-line.selected[data-v-4b195189],.design-element.element-line[data-v-4b195189]{border:none!important;background:transparent!important;box-shadow:none!important;outline:none!important}.element-content[data-v-4b195189]{justify-content:center}.text-element[data-v-4b195189]{padding:0}.text-content[data-v-4b195189]{width:100%;height:100%;outline:none;white-space:pre-wrap;word-wrap:break-word;box-sizing:border-box}.element-content[data-v-4b195189]{justify-content:flex-start;box-sizing:border-box;padding:0}.element-content[data-v-4b195189],.text-element[data-v-4b195189]{width:100%;height:100%;display:flex;align-items:center;overflow:hidden}.text-element[data-v-4b195189]{justify-content:center}.image-element[data-v-4b195189]{position:relative}.image-container[data-v-4b195189]{position:relative;overflow:hidden;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.element-image[data-v-4b195189]{display:block}.image-placeholder[data-v-4b195189]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;color:#999;background-color:#f5f7fa;cursor:pointer}.image-placeholder i[data-v-4b195189]{font-size:24px;margin-bottom:8px}.image-upload-input[data-v-4b195189]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;pointer-events:none}.image-placeholder[data-v-4b195189]:hover{background-color:#e6e8eb}.text-element .text-content[data-v-4b195189]{display:flex;flex-direction:column;width:100%;height:100%;padding:0;margin:0;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word;line-height:normal}.barcode-container[data-v-4b195189],.qrcode-container[data-v-4b195189]{width:100%;height:100%}.rectangle-element[data-v-4b195189]{border:1px solid #000}.circle-element[data-v-4b195189]{border:1px solid #000;border-radius:50%}.resize-handles[data-v-4b195189]{position:absolute;pointer-events:none}.line-resize-handles[data-v-4b195189]{background:transparent!important;outline:none!important;box-shadow:none!important}.resize-handles .handle[data-v-4b195189]{position:absolute;background-color:#fff;border:1px solid #67c23a;border-radius:0;width:3px;height:3px;pointer-events:all;cursor:nwse-resize;box-shadow:none;transition:all .2s ease;z-index:1000}.resize-handles .handle.line-left[data-v-4b195189]{cursor:ew-resize;left:0;top:50%;transform:translateY(-50%)}.resize-handles .handle.line-right[data-v-4b195189]{cursor:ew-resize;right:0;top:50%;transform:translateY(-50%)}.resize-handles .handle[data-v-4b195189]:hover{background-color:#67c23a;box-shadow:none;transform:none}.resize-handles .handle.top[data-v-4b195189]{cursor:ns-resize;top:0;left:50%;transform:translateX(-50%)}.resize-handles .handle.right[data-v-4b195189]{cursor:ew-resize;right:0;top:50%;transform:translateY(-50%)}.resize-handles .handle.bottom[data-v-4b195189]{cursor:ns-resize;bottom:0;left:50%;transform:translateX(-50%)}.resize-handles .handle.left[data-v-4b195189]{cursor:ew-resize;left:0;top:50%;transform:translateY(-50%)}.resize-handles .handle.top-left[data-v-4b195189]{cursor:nwse-resize;top:0;left:0}.resize-handles .handle.top-right[data-v-4b195189]{cursor:nesw-resize;top:0;right:0}.resize-handles .handle.bottom-right[data-v-4b195189]{cursor:nwse-resize;bottom:0;right:0}.resize-handles .handle.bottom-left[data-v-4b195189]{cursor:nesw-resize;bottom:0;left:0}.designer-properties[data-v-4b195189]{width:300px;background-color:#fff;border-left:1px solid #e4e7ed;overflow-y:auto;height:100%;scrollbar-width:thin;scrollbar-color:#409eff #f5f7fa}.designer-properties[data-v-4b195189]::-webkit-scrollbar{width:8px}.designer-properties[data-v-4b195189]::-webkit-scrollbar-track{background:#f5f7fa}.designer-properties[data-v-4b195189]::-webkit-scrollbar-thumb{background-color:#409eff;border-radius:4px;border:2px solid #f5f7fa}.designer-properties[data-v-4b195189]::-webkit-scrollbar-thumb:hover{background-color:#66b1ff}.properties-section[data-v-4b195189]{padding:10px 0}.properties-subsection[data-v-4b195189]{margin-bottom:5px;padding-right:5px;background-color:#f5f7fa;border-radius:4px}.subsection-title[data-v-4b195189]{font-weight:700;padding-top:5px;margin-bottom:12px;color:#409eff;font-size:13px;text-align:center;border-bottom:1px solid #e4e7ed;padding-bottom:5px}.dialog-footer[data-v-4b195189]{text-align:right}.fixed-ruler-container[data-v-4b195189]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:10}.horizontal-ruler[data-v-4b195189]{top:0;left:20px;height:20px;border-bottom:1px solid #d0d0d0;line-height:20px;padding-left:0;width:calc(100% - 20px)}.horizontal-ruler[data-v-4b195189],.vertical-ruler[data-v-4b195189]{position:absolute;background-color:#f0f0f0;font-size:10px;overflow:hidden;z-index:10;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.vertical-ruler[data-v-4b195189]{left:0;top:20px;width:20px;height:calc(100% - 20px);border-right:1px solid #d0d0d0;text-align:center;padding-top:0}.ruler-scale[data-v-4b195189]{position:absolute;overflow:visible;white-space:nowrap}.horizontal-ruler .ruler-scale[data-v-4b195189],.vertical-ruler .ruler-scale[data-v-4b195189]{left:0;top:0}.ruler-mouse-indicator[data-v-4b195189]{position:absolute;top:0;left:0;width:1px;height:100%;background-color:#ff4d4f;pointer-events:none;z-index:11}.ruler-mouse-indicator.vertical[data-v-4b195189]{width:100%;height:1px}.canvas-editing-area[data-v-4b195189]{position:absolute;top:20px;left:20px;width:calc(100% - 20px);height:calc(100% - 20px);overflow:visible;pointer-events:none}.designer-canvas[data-v-4b195189]{pointer-events:all}.ruler-scale[data-v-4b195189]{position:relative;height:100%;width:100%;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.horizontal-ruler .ruler-scale[data-v-4b195189]{margin-left:0;padding-left:0;width:100%}.vertical-ruler .ruler-scale[data-v-4b195189]{margin-top:0;height:100%;padding-top:0}.ruler-main-tick[data-v-4b195189],.ruler-minor-tick[data-v-4b195189],.ruler-small-tick[data-v-4b195189]{position:absolute;width:100%;height:100%;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.ruler-main-tick[data-v-4b195189]{z-index:5}.ruler-main-line[data-v-4b195189]{position:absolute;left:0;top:0;width:1px;height:100%;background-color:#666}.vertical-ruler .ruler-main-line[data-v-4b195189]{left:0;top:0;width:100%;height:1px;background-color:#666}.ruler-main-label[data-v-4b195189]{top:0;font-weight:700;font-size:10px!important}.ruler-main-label[data-v-4b195189],.vertical-ruler .ruler-main-label[data-v-4b195189]{position:absolute;left:2px;color:#666;white-space:nowrap;line-height:10px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.vertical-ruler .ruler-main-label[data-v-4b195189]{top:50%;width:auto;height:auto;transform:rotate(-90deg) translateY(-50%);transform-origin:left center;text-align:left;z-index:100;background-color:transparent;font-size:10px;margin-left:0;padding-left:0}.vertical-ruler .ruler-main-tick:nth-child(41) .ruler-main-label[data-v-4b195189]{z-index:200;background-color:#fff;padding:0 2px;border-radius:2px}.ruler-minor-tick[data-v-4b195189]{z-index:4}.ruler-minor-line[data-v-4b195189]{position:absolute;left:0;top:0;width:1px;height:70%;background-color:#ced4da}.vertical-ruler .ruler-minor-line[data-v-4b195189]{left:0;top:0;width:70%;height:1px;background-color:#ced4da}.ruler-small-tick[data-v-4b195189]{z-index:3}.ruler-small-line[data-v-4b195189]{position:absolute;left:0;top:0;width:1px;height:50%;background-color:#dcdfe6}.vertical-ruler .ruler-small-line[data-v-4b195189]{left:0;top:0;width:50%;height:1px;background-color:#dcdfe6}.canvas-content[data-v-4b195189]{position:relative;display:inline-block;vertical-align:middle}[data-v-4b195189]::-webkit-scrollbar{width:8px;height:8px}[data-v-4b195189]::-webkit-scrollbar-track{background:#f1f1f1}[data-v-4b195189]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}[data-v-4b195189]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.preview-container[data-v-4b195189]{display:flex;flex-direction:column;height:80vh}.preview-toolbar[data-v-4b195189]{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#f5f7fa;border-bottom:1px solid #e4e7ed}.preview-content[data-v-4b195189]{flex:1;overflow:hidden;padding:5px;display:flex;justify-content:center;align-items:center;background-color:#f0f2f5;box-sizing:border-box}.preview-settings[data-v-4b195189]{padding:5px;background-color:#f5f7fa;border-top:1px solid #e4e7ed;border-bottom:1px solid #e4e7ed}.settings-row[data-v-4b195189]{display:flex;gap:20px;margin-bottom:0;align-items:center;justify-content:space-between}.setting-item-export[data-v-4b195189]{margin-left:auto;gap:0}.setting-item[data-v-4b195189]{display:flex;align-items:center;gap:5px}.setting-item label[data-v-4b195189]{font-weight:700;color:#606266;min-width:80px}.preview-content .label-container[data-v-4b195189]{box-shadow:0 4px 12px rgba(0,0,0,.15)}.preview-content .layout-container[data-v-4b195189]{display:block!important;margin:0 auto;box-shadow:0 4px 12px rgba(0,0,0,.15);background-color:#f5f7fa!important;border:1px solid #e0e0e0!important;box-sizing:border-box!important;position:relative!important;overflow:hidden!important}.alignment-lines[data-v-4b195189]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:150}.alignment-line[data-v-4b195189]{position:absolute;background-color:#ff4d4f;pointer-events:none}.alignment-line.vertical[data-v-4b195189]{width:1px;height:100%}.alignment-line.horizontal[data-v-4b195189]{width:100%;height:1px}.element-projection-line[data-v-4b195189]{position:absolute;pointer-events:none;z-index:140}.element-projection-line.horizontal[data-v-4b195189]{width:1px;height:100%}.element-projection-line.vertical[data-v-4b195189]{width:100%;height:1px}.element-projection-background[data-v-4b195189]{position:absolute;pointer-events:none;z-index:139;opacity:.5}.element-projection-background.horizontal[data-v-4b195189]{height:100%;top:0}.element-projection-background.vertical[data-v-4b195189]{width:100%;left:0}