.template-editor-modal .ant-modal-body{padding:16px;height:calc(100vh - 200px);overflow:hidden}.template-editor-modal .ant-card-body{padding:12px;height:calc(100% - 40px);overflow-y:auto}.template-editor-modal .ant-card-head{min-height:40px;padding:0 12px}.template-editor-modal .ant-card-head-title{font-size:14px;font-weight:500}.canvas-container{position:relative;overflow:auto;border:1px solid #d9d9d9;background-color:#f5f5f5}.canvas{background-color:#fff;position:relative;box-shadow:0 0 10px #0000001a;margin:20px auto}.template-element{position:absolute;cursor:move;-webkit-user-select:none;user-select:none}.template-element:hover{border:2px solid #40a9ff!important}.template-element.selected{border:2px solid #1890ff!important}.template-element.dragging{opacity:.8;z-index:1000}.text-element{display:flex;align-items:center;padding:4px;word-break:break-all;overflow:hidden}.image-element{overflow:hidden}.image-element img{width:100%;height:100%;object-fit:contain}.image-placeholder{width:100%;height:100%;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#ccc;font-size:24px}.rectangle-element{background-color:transparent}.line-element{background-color:#000}.barcode-element,.qrcode-element{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f0f0f0;font-size:10px;text-align:center}.table-element{border:1px solid #000;background-color:#fff}.table-element table{width:100%;height:100%;border-collapse:collapse}.table-element th,.table-element td{border:1px solid #000;padding:2px 4px;text-align:left;vertical-align:middle}.table-element th{background-color:#f5f5f5;font-weight:700;font-size:12px}.table-element td{font-size:10px}.toolbar{padding:8px;border-bottom:1px solid #f0f0f0;background-color:#fafafa}.toolbar .ant-btn{margin-right:8px}.property-panel{height:100%;overflow-y:auto}.property-panel .ant-form-item{margin-bottom:12px}.property-panel .ant-form-item-label{padding-bottom:2px}.property-panel .ant-form-item-label>label{font-size:12px;color:#666}.element-list{max-height:300px;overflow-y:auto;border:1px solid #f0f0f0;border-radius:4px}.element-list-item{padding:8px 12px;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.element-list-item .element-info{flex:1}.element-list-item .element-name{font-size:12px;font-weight:500;color:#333}.element-list-item .element-type{font-size:11px;color:#999}.zoom-controls{display:flex;align-items:center;gap:8px;padding:8px;background-color:#fafafa;border-bottom:1px solid #f0f0f0}.zoom-controls .ant-btn{min-width:32px;height:24px;padding:0}.ruler{background-color:#f0f0f0;border:1px solid #d9d9d9;position:relative}.ruler-horizontal{height:20px;width:100%}.ruler-vertical{width:20px;height:100%}.ruler-mark{position:absolute;background-color:#666}.ruler-mark.major{width:1px;height:10px}.ruler-mark.minor{width:1px;height:5px}.ruler-text{position:absolute;font-size:10px;color:#666;line-height:1}.grid-background{background-image:linear-gradient(to right,#f0f0f0 1px,transparent 1px),linear-gradient(to bottom,#f0f0f0 1px,transparent 1px);background-size:20px 20px}@media (max-width: 1200px){.template-editor-modal{width:100%!important;margin:0;top:0!important;height:100vh}.template-editor-modal .ant-modal-content{height:100vh;border-radius:0}.template-editor-modal .ant-modal-body{height:calc(100vh - 110px)}}.template-editor-modal ::-webkit-scrollbar{width:6px;height:6px}.template-editor-modal ::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.template-editor-modal ::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.template-editor-modal ::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.template-element:hover{transform:scale(1.02)}.template-element.selected{transform:scale(1.05);box-shadow:0 2px 8px #1890ff4d}.drag-hint{position:absolute;background-color:#1890ff1a;border:2px dashed #1890ff;pointer-events:none;z-index:999}.selection-box{position:absolute;border:1px solid #1890ff;background-color:#1890ff1a;pointer-events:none;z-index:998}.resize-handle{position:absolute;width:8px;height:8px;background-color:#1890ff;border:1px solid #fff;border-radius:50%;cursor:pointer;z-index:1001}.resize-handle.nw{top:-4px;left:-4px;cursor:nw-resize}.resize-handle.n{top:-4px;left:50%;margin-left:-4px;cursor:n-resize}.resize-handle.ne{top:-4px;right:-4px;cursor:ne-resize}.resize-handle.e{top:50%;right:-4px;margin-top:-4px;cursor:e-resize}.resize-handle.se{bottom:-4px;right:-4px;cursor:se-resize}.resize-handle.s{bottom:-4px;left:50%;margin-left:-4px;cursor:s-resize}.resize-handle.sw{bottom:-4px;left:-4px;cursor:sw-resize}.resize-handle.w{top:50%;left:-4px;margin-top:-4px;cursor:w-resize}.context-menu{position:fixed;background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;box-shadow:0 2px 8px #00000026;z-index:1002;min-width:120px}.context-menu-item{padding:8px 12px;cursor:pointer;font-size:12px;border-bottom:1px solid #f0f0f0}.context-menu-item:last-child{border-bottom:none}.context-menu-item.disabled{color:#ccc;cursor:not-allowed}.context-menu-item.disabled:hover{background-color:transparent}._GzYRV{line-height:1.2;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}._3eOF8{margin-right:5px;font-weight:700}._3eOF8+._3eOF8{margin-left:-5px}._1MFti{cursor:pointer}._f10Tu{font-size:1.2em;margin-right:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}._1UmXx:after{content:"▸"}._1LId0:after{content:"▾"}._1pNG9{margin-right:5px}._1pNG9:after{content:"...";font-size:.8em}._2IvMF{background:#eee}._2bkNM{margin:0;padding:0 10px}._1BXBN{margin:0;padding:0}._1MGIk{font-weight:600;margin-right:5px;color:#000}._3uHL6{color:#000}._2T6PJ,._1Gho6{color:#df113a}._vGjyY{color:#2a3f3c}._1bQdo{color:#0b75f5}._3zQKs{color:#469038}._1xvuR{color:#43413d}._oLqym,._2AXVT,._2KJWg{color:#000}._11RoI{background:#002b36}._17H2C,._3QHg2,._3fDAz{color:#fdf6e3}._2bSDX{font-weight:bolder;margin-right:5px;color:#fdf6e3}._gsbQL{color:#fdf6e3}._LaAZe,._GTKgm{color:#81b5ac}._Chy1W{color:#cb4b16}._2bveF{color:#d33682}._2vRm-{color:#ae81ff}._1prJR{color:#268bd2}.template-editor-page{height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.editor-header{background-color:#fff;border-bottom:1px solid #e8e8e8;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 4px #0000001a;z-index:100}.header-left{display:flex;align-items:center;gap:12px}.header-center,.header-right{display:flex;align-items:center}.template-title{font-size:16px;font-weight:500;color:#333}.editor-content{flex:1;display:flex;overflow:hidden}.editor-sidebar{width:300px;background-color:#fff;border-right:1px solid #e8e8e8;padding:16px;overflow-y:auto;box-shadow:2px 0 4px #0000000d}.editor-sidebar .ant-card{border-radius:6px;box-shadow:0 1px 3px #0000001a}.editor-sidebar .ant-card-head{min-height:40px;padding:0 12px}.editor-sidebar .ant-card-head-title{font-size:14px;font-weight:500}.editor-sidebar .ant-card-body{padding:12px}.element-toolbox{display:flex;flex-direction:column;gap:8px}.element-toolbox .ant-btn{height:36px;display:flex;align-items:center;justify-content:flex-start;border-radius:4px;transition:all .2s}.element-toolbox .ant-btn:hover{background-color:#f0f8ff;border-color:#1890ff;color:#1890ff}.editor-canvas-container{flex:1;padding:20px;overflow:auto;background-color:#f5f5f5;display:flex;justify-content:center;align-items:flex-start}.editor-canvas{background-color:#fff;box-shadow:0 4px 12px #00000026;border-radius:4px;margin:20px;cursor:default;-webkit-user-select:none;user-select:none}.editor-canvas .template-element{position:absolute;cursor:move;-webkit-user-select:none;user-select:none;transition:box-shadow .2s}.editor-canvas .template-element:hover{box-shadow:0 0 0 1px #1890ff}.editor-canvas .template-element.selected{box-shadow:0 0 0 2px #1890ff;z-index:10}.editor-canvas .template-element.dragging{opacity:.8;z-index:20}.template-text{display:flex;align-items:center;padding:2px 4px;word-break:break-all;overflow:hidden;line-height:1.2;background-color:transparent}.template-image{overflow:hidden;border-radius:2px}.template-image img{width:100%;height:100%;object-fit:contain}.template-image-placeholder{width:100%;height:100%;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#ccc;font-size:12px;border:1px dashed #ccc;border-radius:2px}.template-rectangle{border-radius:2px}.template-line{background-color:#000}.template-barcode,.template-qrcode{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f0f0f0;border:1px solid #ddd;font-size:10px;text-align:center;border-radius:2px;color:#666}.template-table{border:1px solid #000;background-color:#fff;overflow:hidden;border-radius:2px}.template-table table{width:100%;height:100%;border-collapse:collapse;font-size:10px}.template-table th{border:1px solid #000;padding:2px 4px;background-color:#f5f5f5;font-weight:700;text-align:left;vertical-align:middle}.template-table td{border:1px solid #000;padding:2px 4px;text-align:left;vertical-align:middle;height:20px}.element-selection-box{position:absolute;border:2px solid #1890ff;pointer-events:none;z-index:15}.element-resize-handle{position:absolute;width:8px;height:8px;background-color:#1890ff;border:1px solid #fff;border-radius:50%;cursor:pointer;z-index:16}.element-resize-handle.nw{top:-4px;left:-4px;cursor:nw-resize}.element-resize-handle.ne{top:-4px;right:-4px;cursor:ne-resize}.element-resize-handle.sw{bottom:-4px;left:-4px;cursor:sw-resize}.element-resize-handle.se{bottom:-4px;right:-4px;cursor:se-resize}.element-resize-handle.n{top:-4px;left:50%;transform:translate(-50%);cursor:n-resize}.element-resize-handle.s{bottom:-4px;left:50%;transform:translate(-50%);cursor:s-resize}.element-resize-handle.w{top:50%;left:-4px;transform:translateY(-50%);cursor:w-resize}.element-resize-handle.e{top:50%;right:-4px;transform:translateY(-50%);cursor:e-resize}.editor-canvas.show-grid{background-image:linear-gradient(rgba(0,0,0,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.1) 1px,transparent 1px);background-size:10px 10px}.ruler-horizontal{position:absolute;top:0;left:20px;right:20px;height:20px;background-color:#f0f0f0;border-bottom:1px solid #ddd;background-image:repeating-linear-gradient(90deg,transparent,transparent 9px,#999 9px,#999 10px)}.ruler-vertical{position:absolute;top:20px;left:0;bottom:0;width:20px;background-color:#f0f0f0;border-right:1px solid #ddd;background-image:repeating-linear-gradient(transparent,transparent 9px,#999 9px,#999 10px)}.context-menu{position:fixed;background-color:#fff;border:1px solid #e8e8e8;border-radius:4px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:120px}.context-menu-item{padding:8px 12px;cursor:pointer;font-size:12px;transition:background-color .2s}.context-menu-item:hover{background-color:#f5f5f5}.context-menu-item.danger{color:#ff4d4f}.context-menu-item.danger:hover{background-color:#fff2f0}.context-menu-divider{height:1px;background-color:#e8e8e8;margin:4px 0}.drag-hint{position:absolute;background-color:#1890ff1a;border:2px dashed #1890ff;pointer-events:none;z-index:5}.alignment-line{position:absolute;background-color:#ff4d4f;pointer-events:none;z-index:8}.alignment-line.horizontal{height:1px;left:0;right:0}.alignment-line.vertical{width:1px;top:0;bottom:0}.editor-loading{display:flex;align-items:center;justify-content:center;height:200px;color:#999}.editor-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#ff4d4f;text-align:center}@media (max-width: 1200px){.editor-sidebar{width:250px}}@media (max-width: 768px){.template-editor-page{flex-direction:column}.editor-header{flex-direction:column;gap:8px;padding:8px}.header-left,.header-center,.header-right{width:100%;justify-content:center}.editor-content{flex-direction:column}.editor-sidebar{width:100%;max-height:300px;border-right:none;border-bottom:1px solid #e8e8e8}.editor-canvas-container{padding:10px}}.editor-sidebar::-webkit-scrollbar,.editor-canvas-container::-webkit-scrollbar{width:6px;height:6px}.editor-sidebar::-webkit-scrollbar-track,.editor-canvas-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.editor-sidebar::-webkit-scrollbar-thumb,.editor-canvas-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.editor-sidebar::-webkit-scrollbar-thumb:hover,.editor-canvas-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.template-element{transition:all .2s ease}.template-element:hover{transform:translateZ(0)}.editor-canvas{transition:transform .3s ease}.template-editor-page.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background-color:#f5f5f5}.element-tooltip{position:absolute;background-color:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;pointer-events:none;z-index:30;white-space:nowrap}.editor-sidebar .ant-form-item{margin-bottom:12px}.editor-sidebar .ant-form-item-label{padding-bottom:4px}.editor-sidebar .ant-form-item-label>label{font-size:12px;color:#666;font-weight:500}.editor-sidebar .ant-input,.editor-sidebar .ant-input-number,.editor-sidebar .ant-select-selector{border-radius:4px}.editor-sidebar .ant-color-picker-trigger{width:100%;height:28px}.border-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.border-controls .ant-checkbox-wrapper{font-size:12px}.zoom-controls{display:flex;align-items:center;gap:8px;margin-bottom:12px}.zoom-controls .ant-slider{flex:1}.alignment-buttons{display:flex;gap:4px;flex-wrap:wrap}.alignment-buttons .ant-btn{min-width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center}.element-list{max-height:200px;overflow-y:auto;border:1px solid #e8e8e8;border-radius:4px}.element-list-item{padding:8px 12px;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background-color .2s}.element-list-item:hover{background-color:#f5f5f5}.element-list-item.selected{background-color:#e6f7ff;border-color:#91d5ff}.element-list-item:last-child{border-bottom:none}.element-list-item .element-info{display:flex;align-items:center;gap:8px}.element-list-item .element-actions{display:flex;gap:4px}.element-list-item .element-actions .ant-btn{padding:0;width:24px;height:24px;border:none;background:transparent}.status-indicator{position:fixed;bottom:20px;right:20px;background-color:#000c;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;z-index:1000}.shortcut-hint{position:fixed;bottom:20px;left:20px;background-color:#000c;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;z-index:1000;max-width:300px}.shortcut-hint .shortcut-item{display:flex;justify-content:space-between;margin-bottom:4px}.shortcut-hint .shortcut-item:last-child{margin-bottom:0}.shortcut-hint .shortcut-key{background-color:#fff3;padding:2px 6px;border-radius:2px;font-family:monospace}@media print{.template-editor-page{height:auto}.editor-header,.editor-sidebar{display:none}.editor-canvas-container{padding:0;background-color:transparent}.editor-canvas{box-shadow:none;border:none;margin:0;transform:none!important}.template-element{box-shadow:none!important}}@media (prefers-color-scheme: dark){.template-editor-page{background-color:#141414}.editor-header{background-color:#1f1f1f;border-bottom-color:#303030}.editor-sidebar{background-color:#1f1f1f;border-right-color:#303030}.editor-canvas{background-color:#fff}.template-title{color:#fff}}.template-element:focus{outline:2px solid #1890ff;outline-offset:2px}.editor-canvas:focus{outline:2px solid #1890ff;outline-offset:-2px}@media (prefers-contrast: high){.template-element{border:1px solid #000}.editor-canvas{border:2px solid #000}.element-selection-box{border-width:3px}}@media (prefers-reduced-motion: reduce){.template-element,.editor-canvas{transition:none}}.template-editor-modal.fullscreen .ant-modal{max-width:100vw!important;width:100vw!important;height:100vh!important;top:0!important;padding:0!important}.editor-canvas-container{background-color:#f8f9fa}.element-toolbox{display:grid;grid-template-columns:1fr 1fr;gap:8px}.editor-canvas.show-grid{background-size:20px 20px}#root{width:100%;min-height:100vh;margin:0;padding:0}body{margin:0;padding:0;width:100%;min-height:100vh;background-color:#f5f5f5}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.theme-color-picker .ant-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.ant-layout-header{transition:background .5s ease}.ant-layout-sider{background:var(--current-sidebar-bg)!important}[data-theme=light] .ant-menu-light{background:transparent!important}.ant-badge-count{border:none!important;box-shadow:0 0 0 1px transparent,0 2px 8px #00000026!important}