.document-designer .designer-container[data-v-d16cc368]{display:-webkit-box;display:-ms-flexbox;display:flex;height:calc(100vh - 180px);min-height:700px;border:1px solid #e8e8e8}.document-designer .designer-container .fields-panel[data-v-d16cc368]{width:250px;border-right:1px solid #e8e8e8;padding:16px;background:#fafafa}.document-designer .designer-container .fields-panel .field-item[data-v-d16cc368]{padding:8px;margin-bottom:4px;border:1px solid #d9d9d9;cursor:-webkit-grab;cursor:grab;background:#fff;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;-webkit-transition:all .2s ease;transition:all .2s ease}.document-designer .designer-container .fields-panel .field-item[data-v-d16cc368]:hover{-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);-webkit-transform:translateY(-1px);transform:translateY(-1px);background:#e6f7ff}.document-designer .designer-container .canvas-area[data-v-d16cc368]{-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}.document-designer .designer-container .canvas-area .canvas-toolbar[data-v-d16cc368]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:8px 16px;border-bottom:1px solid #e8e8e8;background:#fff}.document-designer .designer-container .canvas-area .canvas-toolbar .zoom-controls[data-v-d16cc368]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.document-designer .designer-container .canvas-area .canvas-toolbar .zoom-controls .zoom-display[data-v-d16cc368]{min-width:50px;text-align:center;background:#f0f0f0;border-radius:4px;padding:4px 8px;font-family:Courier New,monospace;font-weight:700}.document-designer .designer-container .canvas-area .canvas-toolbar .canvas-info span[data-v-d16cc368]{color:#666;font-size:12px}.document-designer .designer-container .canvas-area .canvas-wrapper[data-v-d16cc368]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto;padding:20px;background:#f0f2f5}.document-designer .designer-container .canvas-area .canvas-wrapper .a4-canvas[data-v-d16cc368]{background:#fff;margin:0 auto;border:1px solid #ccc;position:relative;-webkit-box-shadow:0 4px 8px rgba(0,0,0,.1);box-shadow:0 4px 8px rgba(0,0,0,.1);-webkit-transform-origin:top center;transform-origin:top center;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.document-designer .designer-container .canvas-area .canvas-wrapper .a4-canvas.orientation-portrait[data-v-d16cc368]{width:595px;height:842px}.document-designer .designer-container .canvas-area .canvas-wrapper .a4-canvas.orientation-landscape[data-v-d16cc368]{width:842px;height:595px}.document-designer .designer-container .canvas-area .canvas-wrapper .a4-canvas .layout-field[data-v-d16cc368]{cursor:move;-webkit-transition:all .2s ease;transition:all .2s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.document-designer .designer-container .canvas-area .canvas-wrapper .a4-canvas .layout-field.active[data-v-d16cc368]{z-index:100;border:2px solid #1890ff!important;-webkit-box-shadow:0 0 0 2px rgba(24,144,255,.2);box-shadow:0 0 0 2px rgba(24,144,255,.2)}.document-designer .designer-container .canvas-area .canvas-wrapper .a4-canvas .layout-field.dragging[data-v-d16cc368]{z-index:1000;-webkit-transform:rotate(2deg);transform:rotate(2deg);opacity:.8}.document-designer .designer-container .canvas-area .canvas-wrapper .a4-canvas .layout-field .field-content[data-v-d16cc368]{width:100%;height:100%;pointer-events:none}.document-designer .designer-container .canvas-area .canvas-wrapper .a4-canvas .layout-field .field-content .field-label[data-v-d16cc368]{font-size:inherit;font-weight:inherit;line-height:1.4;word-break:break-all;overflow:hidden}.document-designer .designer-container .canvas-area .canvas-wrapper .a4-canvas .layout-field .resize-handles .handle[data-v-d16cc368]{position:absolute;width:8px;height:8px;background:#1890ff;border:1px solid #fff;border-radius:50%;-webkit-transition:all .2s ease;transition:all .2s ease}.document-designer .designer-container .canvas-area .canvas-wrapper .a4-canvas .layout-field .resize-handles .handle.nw[data-v-d16cc368]{top:-4px;left:-4px;cursor:nw-resize}.document-designer .designer-container .canvas-area .canvas-wrapper .a4-canvas .layout-field .resize-handles .handle.ne[data-v-d16cc368]{top:-4px;right:-4px;cursor:ne-resize}.document-designer .designer-container .canvas-area .canvas-wrapper .a4-canvas .layout-field .resize-handles .handle.sw[data-v-d16cc368]{bottom:-4px;left:-4px;cursor:sw-resize}.document-designer .designer-container .canvas-area .canvas-wrapper .a4-canvas .layout-field .resize-handles .handle.se[data-v-d16cc368]{bottom:-4px;right:-4px;cursor:se-resize}.document-designer .designer-container .canvas-area .canvas-wrapper .a4-canvas .layout-field .resize-handles .handle[data-v-d16cc368]:hover{background:#40a9ff;-webkit-transform:scale(1.2);transform:scale(1.2)}.document-designer .designer-container .properties-panel[data-v-d16cc368]{width:280px;border-left:1px solid #e8e8e8;padding:16px;background:#fafafa}.document-designer .designer-container .properties-panel .font-style-controls .ant-checkbox-wrapper[data-v-d16cc368]{margin-bottom:8px}.document-designer .document-preview[data-v-d16cc368]{text-align:center;padding:30px;background:linear-gradient(135deg,#667eea,#764ba2);min-height:600px}.document-designer .document-preview .a4-preview[data-v-d16cc368]{background:#fefefe!important;border:none;border-radius:8px;-webkit-box-shadow:0 8px 32px rgba(0,0,0,.12),0 4px 16px rgba(0,0,0,.08),inset 0 1px 0 hsla(0,0%,100%,.9);box-shadow:0 8px 32px rgba(0,0,0,.12),0 4px 16px rgba(0,0,0,.08),inset 0 1px 0 hsla(0,0%,100%,.9);margin:0 auto;position:relative;min-height:400px;overflow:hidden}.document-designer .document-preview .a4-preview[data-v-d16cc368]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 25% 25%,hsla(0,0%,100%,.3) 0,transparent 50%),radial-gradient(circle at 75% 75%,hsla(0,0%,100%,.2) 0,transparent 50%),-webkit-gradient(linear,left bottom,left top,color-stop(50%,hsla(0,0%,100%,.1)),color-stop(50%,rgba(0,0,0,.02)));background:radial-gradient(circle at 25% 25%,hsla(0,0%,100%,.3) 0,transparent 50%),radial-gradient(circle at 75% 75%,hsla(0,0%,100%,.2) 0,transparent 50%),linear-gradient(0deg,hsla(0,0%,100%,.1) 50%,rgba(0,0,0,.02) 0);background-size:200px 200px,150px 150px,2px 2px;pointer-events:none;z-index:0}.document-designer .document-preview .a4-preview[data-v-d16cc368]:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,rgba(0,0,0,.1),transparent 10%,transparent 90%,rgba(0,0,0,.1));border-radius:10px;z-index:-1}.document-designer .document-preview .a4-preview.orientation-portrait[data-v-d16cc368]{width:595px;height:842px;background:#fefefe!important}.document-designer .document-preview .a4-preview.orientation-landscape[data-v-d16cc368]{width:842px;height:595px;background:#fefefe!important}.document-designer .document-preview .a4-preview .preview-field[data-v-d16cc368]{opacity:1!important;background:hsla(0,0%,100%,.9)!important;background-color:hsla(0,0%,100%,.9)!important;color:#2c3e50!important;border:1px solid rgba(52,73,94,.3)!important;border-radius:3px!important;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:10;position:relative;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.8);box-shadow:0 1px 3px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.8)}.document-designer .document-preview .a4-preview .preview-field [data-v-d16cc368]{opacity:1!important;color:#2c3e50!important;background:transparent!important}.document-designer .document-preview .a4-preview .preview-field div[data-v-d16cc368]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:inherit!important;font-weight:inherit!important;color:#2c3e50!important;opacity:1!important;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;letter-spacing:.3px}.document-preview [data-v-d16cc368]{opacity:1!important}.document-preview .a4-preview[data-v-d16cc368]{background:#fff!important;background-color:#fff!important}@media (max-width:1200px){.document-designer .designer-container .fields-panel[data-v-d16cc368]{width:200px}.document-designer .designer-container .properties-panel[data-v-d16cc368]{width:240px}.document-preview .a4-preview.orientation-landscape[data-v-d16cc368]{-webkit-transform:scale(.8);transform:scale(.8)}}@media (max-width:1000px){.document-designer .designer-container[data-v-d16cc368]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:auto}.document-designer .designer-container .fields-panel[data-v-d16cc368],.document-designer .designer-container .properties-panel[data-v-d16cc368]{width:100%;border:none;border-bottom:1px solid #e8e8e8}.document-designer .designer-container .canvas-area[data-v-d16cc368]{min-height:500px}.document-preview[data-v-d16cc368]{padding:10px}.document-preview .a4-preview.orientation-portrait[data-v-d16cc368]{-webkit-transform:scale(.7);transform:scale(.7)}.document-preview .a4-preview.orientation-landscape[data-v-d16cc368]{-webkit-transform:scale(.6);transform:scale(.6)}}[data-v-d16cc368] .ant-modal-body{padding:0;background:#f0f2f5}