.template-form-container{height:calc(100vh - 180px);padding:12px;overflow:auto}.template-form-wrapper{max-width:100%;margin:0 auto}.divider-title{display:flex;align-items:center}.divider-indicator{width:3px;height:14px;background-color:#1677ff;margin-right:6px;border-radius:2px}.divider-text{font-size:14px;font-weight:500;color:#000}.divider-line{height:1px;background-color:#eff3f9;margin-bottom:12px}.template-options-container{display:flex;gap:12px;flex-wrap:wrap}.template-option{display:flex;flex-direction:column;align-items:center;width:90px;padding:8px 4px;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;transition:all .2s}.template-option:hover{border-color:#1677ff}.template-option.selected{border-color:#1677ff;background-color:#e6f4ff}.template-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:#1677ff;color:#fff;font-weight:700;margin-bottom:6px}.template-label{font-size:12px;text-align:center}.color-picker-container{display:flex;align-items:center;margin-bottom:12px}.color-picker-wrapper{margin-left:8px}.color-presets{margin-top:8px;display:flex;justify-content:flex-start;gap:8px}.color-preset{width:20px;height:20px;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;padding:0}.color-preset.selected{border:2px solid #1677ff}.compact-form .ant-form-item{margin-bottom:20px}.compact-form .ant-form-item-explain{min-height:auto}.compact-form .ant-select-multiple .ant-select-selection-overflow{align-items:center;display:flex;flex-wrap:wrap}.compact-form .ant-select-multiple .ant-select-selection-overflow-item{align-self:center;display:flex;align-items:center}.compact-form .ant-select-multiple .ant-select-selection-item{margin-top:1px;margin-bottom:3px;align-self:center;display:flex;align-items:center;height:22px;line-height:20px}.compact-form .ant-select-multiple .ant-select-selector{display:flex;align-items:center;min-height:32px}.compact-form .ant-select-multiple .ant-select-selection-search{margin-inline-start:4px;display:flex;align-items:center}.compact-form .ant-select-multiple .ant-select-selection-search-input{height:24px!important;line-height:24px!important}.compact-form .ant-input,.compact-form .ant-select-selector,.compact-form .ant-input-number,.compact-form .ant-picker{height:32px!important;line-height:32px!important}.compact-form .ant-select-single:not(.ant-select-customize-input) .ant-select-selector{height:32px!important;padding:0 11px}.compact-form .ant-select-selection-search-input{height:30px!important}.compact-form .ant-select-selection-item{line-height:30px!important}.compact-form .ant-input-number-input{height:30px!important}.compact-form .ant-input-affix-wrapper{padding-top:0;padding-bottom:0}.compact-form textarea.ant-input{height:auto!important;min-height:32px;line-height:1.5!important}.canvas-container{height:100%;position:relative;overflow:hidden;display:flex;flex-direction:column;margin-bottom:0;padding-bottom:0;min-height:0}.canvas-scroll-wrapper{width:100%;flex:1;overflow:auto;display:flex;justify-content:flex-start;align-items:flex-start;margin-bottom:0;padding-bottom:0;min-height:0}.template-canvas{background-color:#ebeff4;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border:2px dashed transparent;transition:all .3s;min-width:-moz-min-content;min-width:min-content;min-height:-moz-min-content;min-height:min-content;margin:20px;transform-origin:top left}.template-canvas.active-drop{background-color:#dce6f5;border:2px dashed #1890ff;animation:pulse 1.5s infinite}.empty-template{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;color:#999;font-size:16px;padding:40px 0}.canvas-dropzone{height:100%;position:relative;overflow:auto;background-color:#ebeff4;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed transparent;transition:all .3s}.canvas-dropzone.is-over{background-color:#dce6f5;border:2px dashed #1890ff;animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 0 #1890ff4d}70%{box-shadow:0 0 0 5px #1890ff00}to{box-shadow:0 0 #1890ff00}}.template-wrapper{width:100%;padding:16px}.drag-hint{text-align:center;padding:8px 0;margin-bottom:8px;background:transparent;border-radius:4px;transition:all .3s}.drag-hint.is-over{background:#1890ff1a;transform:scale(1.02)}.empty-state{text-align:center;padding:24px;animation:fadeIn .5s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.canvas-items{padding:16px;width:100%;display:flex;flex-wrap:wrap}.canvas-item{padding:8px 12px;background:#fff;border:1px solid #d9d9d9;border-radius:2px;display:inline-block;margin:4px;cursor:move;transition:all .2s;animation:addItem .3s}.canvas-item:hover{border-color:#1890ff;box-shadow:0 2px 4px #0000001a;transform:translateY(-2px)}@keyframes addItem{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.zoom-control{position:absolute;bottom:30px;right:16px;background:#fffc;padding:4px 8px;border-radius:4px;box-shadow:0 2px 8px #00000026;display:flex;align-items:center;z-index:10;transition:all .3s}.zoom-control:hover{background:#fff;box-shadow:0 4px 12px #0003}.template-table .ant-table-row:hover{background-color:#e6f7ff}.template-table{border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.template-table .ant-table-thead>tr>th{background-color:#105fc8!important;color:#fff;font-weight:500;white-space:nowrap!important;text-align:center!important;writing-mode:horizontal-tb!important;height:54px;padding:8px 16px;vertical-align:middle}.template-table .ant-table-container table>thead>tr>th,.template-table .ant-table-container table>thead>tr>th .ant-table-column-title{white-space:nowrap!important;writing-mode:horizontal-tb!important}.template-table .ant-empty{padding:40px 0}.template-table .ant-empty-description{color:#1a53b1;font-size:16px}.drag-handle-cell{position:relative}.drag-cell-content{display:flex;align-items:center}.drag-handle{color:#bfbfbf;margin-right:8px;font-size:16px;cursor:move;visibility:hidden;transition:color .3s}.template-table tr:hover .drag-handle{visibility:visible}.template-table tr:hover .drag-handle:hover{color:#1890ff}.template-table tr.drop-over-downward td{border-bottom:2px dashed #1890ff}.template-table tr.drop-over-upward td{border-top:2px dashed #1890ff}.template-table tr.dragging{background:#fafafa;opacity:.7}.template-table .ant-table-tbody>tr>td{height:54px;padding:8px 16px;vertical-align:middle;transition:all .2s ease-in-out;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.template-table .drag-handle{margin-right:8px;color:#999;opacity:0;transition:opacity .2s}.template-table tr:hover .drag-handle{opacity:1}.template-table .drag-cell-content{display:flex;align-items:center}.dragging{border:1px dashed #1890ff;background:#f5f5f5}.drop-over-downward{border-bottom:2px dashed #1890ff}.drop-over-upward{border-top:2px dashed #1890ff}.template-table tr.selected-row{position:relative}.template-table tr.selected-row:after{content:"";position:absolute;inset:0;border:2px solid #1890ff;pointer-events:none;z-index:1}.template-table tr{cursor:pointer}.template-table tr:active{opacity:.9}.template-table tr:hover{background-color:#e6f7ff}