.custom-receipt-designer[data-v-f2f800aa]{background-color:#f5f7fa;height:90vh;box-sizing:border-box;display:flex;flex-direction:column}.designer-header[data-v-f2f800aa]{height:50px;background:#fff;border-bottom:1px solid #dcdfe6;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 1px 4px rgba(0,0,0,.1);z-index:10}.header-left[data-v-f2f800aa]{display:flex;align-items:center}.page-title-container[data-v-f2f800aa]{display:flex;align-items:center;padding:5px 10px;border-radius:4px}.mode-add[data-v-f2f800aa]{color:#67c23a;background-color:#f0f9eb;border:1px solid #c2e7b0}.mode-edit[data-v-f2f800aa]{color:#409eff;background-color:#ecf5ff;border:1px solid #d9ecff}.page-title-container i[data-v-f2f800aa]{margin-right:5px;font-weight:700}.page-title[data-v-f2f800aa]{font-size:16px;font-weight:700}.header-center[data-v-f2f800aa]{display:flex;align-items:center;flex:1;justify-content:center}.header-right[data-v-f2f800aa]{display:flex;align-items:center}.full-height-row[data-v-f2f800aa]{height:calc(100% - 50px);flex:1;margin:0!important;padding:20px}.full-height-col[data-v-f2f800aa]{height:100%}.panel[data-v-f2f800aa]{background:#fff;padding:15px;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);height:100%;overflow-y:auto;box-sizing:border-box}.component-item[data-v-f2f800aa]{padding:10px;margin-bottom:10px;background-color:#ecf5ff;border:1px dashed #409eff;cursor:move;text-align:center}.canvas-header[data-v-f2f800aa]{display:flex;justify-content:space-between;align-items:center;padding:0 20px;border-bottom:1px solid #eee}.canvas-container[data-v-f2f800aa]{background-color:#909399;padding:20px;display:flex;justify-content:center;overflow:auto}.canvas[data-v-f2f800aa]{background:#fff;box-shadow:0 0 10px rgba(0,0,0,.2);position:relative;transition:all .3s}.canvas-element[data-v-f2f800aa]{border:1px dashed transparent;padding:2px;position:relative;cursor:pointer}.canvas-element[data-v-f2f800aa]:hover{border-color:#c0c4cc}.canvas-element.active[data-v-f2f800aa]{border-color:#409eff;background-color:rgba(64,158,255,.05)}.delete-btn[data-v-f2f800aa]{position:absolute;right:-20px;top:0;color:#f56c6c;cursor:pointer;display:none;font-size:16px!important}.canvas-element.active .delete-btn[data-v-f2f800aa]{display:block}.preview-table[data-v-f2f800aa]{width:100%;border-collapse:collapse;font-size:12px}.preview-table td[data-v-f2f800aa],.preview-table th[data-v-f2f800aa]{border:1px solid #000;padding:5px;text-align:center}.no-selection[data-v-f2f800aa]{color:#909399;text-align:center;margin-top:50px}.row-container[data-v-f2f800aa]{display:flex;min-height:50px;border:1px dashed #ccc;padding:5px}.row-col[data-v-f2f800aa]{display:flex;flex-direction:column;min-height:40px;background:#f9f9f9;margin:0 2px;padding:5px;border:1px dotted #e0e0e0}.col-draggable-area[data-v-f2f800aa]{min-height:100%}.child-element[data-v-f2f800aa]{margin-bottom:5px;padding:2px;background:#fff;border:1px solid #eee;position:relative}.child-element[data-v-f2f800aa]:hover{border-color:#409eff}.delete-child-btn[data-v-f2f800aa]{position:absolute;right:0;top:0;color:#f56c6c;cursor:pointer;display:none;font-size:12px!important}.child-element:hover .delete-child-btn[data-v-f2f800aa]{display:block}.column-config-item[data-v-f2f800aa]{display:flex;align-items:center;margin-bottom:5px;background:#f5f7fa;padding:5px;border-radius:4px}.drag-handle[data-v-f2f800aa]{cursor:move;margin-right:5px;color:#909399}.delete-column[data-v-f2f800aa]{cursor:pointer;margin-left:5px;color:#f56c6c}