.quote-template-designer .card-title[data-v-e89f491a]{font-size:18px;font-weight:700;margin-bottom:16px}.quote-template-designer .toolbar[data-v-e89f491a]{margin-bottom:16px}.quote-template-designer .designer-container[data-v-e89f491a]{display:-webkit-box;display:-ms-flexbox;display:flex;height:calc(100vh - 200px);min-height:600px;border:1px solid #e8e8e8}.quote-template-designer .fields-panel[data-v-e89f491a]{width:220px;border-right:1px solid #e8e8e8;padding:16px;background:#fafafa;overflow-y:auto}.quote-template-designer .panel-title[data-v-e89f491a]{font-weight:700;margin-bottom:12px}.quote-template-designer .component-list .component-item[data-v-e89f491a],.quote-template-designer .component-list .field-item[data-v-e89f491a],.quote-template-designer .field-list .component-item[data-v-e89f491a],.quote-template-designer .field-list .field-item[data-v-e89f491a]{padding:8px 12px;margin-bottom:8px;background:#fff;border:1px solid #e8e8e8;border-radius:4px;cursor:-webkit-grab;cursor:grab;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.quote-template-designer .component-list .component-item[data-v-e89f491a]:hover,.quote-template-designer .component-list .field-item[data-v-e89f491a]:hover,.quote-template-designer .field-list .component-item[data-v-e89f491a]:hover,.quote-template-designer .field-list .field-item[data-v-e89f491a]:hover{border-color:#1890ff;background:#e6f7ff}.quote-template-designer .canvas-area[data-v-e89f491a]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#f5f5f5}.quote-template-designer .canvas-toolbar[data-v-e89f491a]{padding:8px 16px;background:#fff;border-bottom:1px solid #e8e8e8;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.quote-template-designer .canvas-toolbar[data-v-e89f491a],.quote-template-designer .zoom-controls[data-v-e89f491a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.quote-template-designer .zoom-controls[data-v-e89f491a]{gap:8px}.quote-template-designer .zoom-display[data-v-e89f491a]{min-width:50px;text-align:center}.quote-template-designer .canvas-info[data-v-e89f491a]{color:#666;font-size:12px}.quote-template-designer .canvas-wrapper[data-v-e89f491a]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto;padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.quote-template-designer .a4-canvas[data-v-e89f491a]{background:#fff;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15);position:relative;-webkit-transform-origin:top center;transform-origin:top center}.quote-template-designer .layout-field[data-v-e89f491a]{border:1px dashed transparent;cursor:move;-webkit-box-sizing:border-box;box-sizing:border-box;padding:4px 8px}.quote-template-designer .layout-field[data-v-e89f491a]:hover{border-color:#1890ff}.quote-template-designer .layout-field.active[data-v-e89f491a]{border-color:#1890ff;border-style:solid;background:rgba(24,144,255,.05)}.quote-template-designer .field-content[data-v-e89f491a]{width:100%;height:100%;display:block}.quote-template-designer .field-content .preview-table[data-v-e89f491a]{width:100%}.quote-template-designer .resize-handles .handle[data-v-e89f491a]{position:absolute;width:8px;height:8px;background:#1890ff;border:1px solid #fff}.quote-template-designer .resize-handles .handle.nw[data-v-e89f491a]{top:-4px;left:-4px;cursor:nw-resize}.quote-template-designer .resize-handles .handle.ne[data-v-e89f491a]{top:-4px;right:-4px;cursor:ne-resize}.quote-template-designer .resize-handles .handle.sw[data-v-e89f491a]{bottom:-4px;left:-4px;cursor:sw-resize}.quote-template-designer .resize-handles .handle.se[data-v-e89f491a]{bottom:-4px;right:-4px;cursor:se-resize}.quote-template-designer .properties-panel[data-v-e89f491a]{width:250px;border-left:1px solid #e8e8e8;padding:16px;background:#fafafa}.quote-template-designer .line-element[data-v-e89f491a]{width:100%;height:2px;background-color:#333}.quote-template-designer .rectangle-element[data-v-e89f491a]{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid #333;-webkit-box-sizing:border-box;box-sizing:border-box}.quote-template-designer .preview-table[data-v-e89f491a]{width:100%;border-collapse:collapse;font-size:11px}.quote-template-designer .preview-table td[data-v-e89f491a],.quote-template-designer .preview-table th[data-v-e89f491a]{border:1px solid #333;padding:4px 6px;text-align:center}.quote-template-designer .preview-table th[data-v-e89f491a]{background:#f5f5f5;font-weight:700}.quote-template-designer .preview-table td[data-v-e89f491a]{background:#fff}.quote-template-designer .table-placeholder[data-v-e89f491a]{width:100%;height:100%;border:1px dashed #999;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#999;background:#f9f9f9}.preview-container[data-v-e89f491a],.quote-template-designer .table-placeholder[data-v-e89f491a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.preview-container[data-v-e89f491a]{padding:20px;background:#f5f5f5}.a4-preview[data-v-e89f491a]{background:#fff;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15);position:relative}.a4-preview.orientation-portrait[data-v-e89f491a]{width:595px;height:842px}.a4-preview.orientation-landscape[data-v-e89f491a]{width:842px;height:595px}.preview-field[data-v-e89f491a]{padding:4px 8px;-webkit-box-sizing:border-box;box-sizing:border-box}.preview-table[data-v-e89f491a]{width:100%;border-collapse:collapse;font-size:12px}.preview-table td[data-v-e89f491a],.preview-table th[data-v-e89f491a]{border:1px solid #333;padding:4px 8px;text-align:center}.preview-table th[data-v-e89f491a]{background:#f5f5f5}