.manual-design-container[data-v-3ff53fd0]{display:flex;height:calc(100vh - 60px);background:#fafafa}.left-sidebar[data-v-3ff53fd0]{width:280px;background:#fff;border-right:1px solid #e4e7ed;display:flex;flex-direction:column;flex-shrink:0}.sidebar-header[data-v-3ff53fd0]{padding:20px;border-bottom:1px solid #e4e7ed}.sidebar-header h3[data-v-3ff53fd0]{margin:0;font-size:18px;font-weight:500;color:#303133}.template-types[data-v-3ff53fd0]{padding:10px;border-bottom:1px solid #e4e7ed}.type-item[data-v-3ff53fd0]{padding:12px 15px;cursor:pointer;display:flex;align-items:center;border-radius:4px;transition:all .3s;margin-bottom:8px}.type-item[data-v-3ff53fd0]:hover{background:#f5f7fa}.type-item.active[data-v-3ff53fd0]{background:#ecf5ff;color:#409eff}.type-item i[data-v-3ff53fd0]{margin-right:8px;font-size:16px}.templates-section[data-v-3ff53fd0]{flex:1;display:flex;flex-direction:column;overflow:hidden}.templates-header[data-v-3ff53fd0]{padding:15px;border-bottom:1px solid #e4e7ed;display:flex;align-items:center;justify-content:space-between}.templates-header h4[data-v-3ff53fd0]{margin:0;font-size:14px;font-weight:500;color:#303133}.template-count[data-v-3ff53fd0]{font-size:12px;color:#909399;margin-left:8px}.template-list[data-v-3ff53fd0]{flex:1;padding:10px;overflow-y:auto}.template-list[data-v-3ff53fd0]::-webkit-scrollbar{width:6px}.template-list[data-v-3ff53fd0]::-webkit-scrollbar-track{background:#fafafa;border-radius:3px}.template-list[data-v-3ff53fd0]::-webkit-scrollbar-thumb{background:#dcdfe6;border-radius:3px}.template-list[data-v-3ff53fd0]::-webkit-scrollbar-thumb:hover{background:#c0c4cc}.template-card[data-v-3ff53fd0]{border:1px solid #e4e7ed;border-radius:4px;padding:12px;cursor:pointer;transition:all .3s;margin-bottom:10px;display:flex;align-items:center}.template-card[data-v-3ff53fd0]:hover{box-shadow:0 2px 12px rgba(0,0,0,.1)}.template-card.selected[data-v-3ff53fd0]{border-color:#409eff;background:#ecf5ff}.template-preview[data-v-3ff53fd0]{width:50px;height:50px;margin-right:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.default-cover[data-v-3ff53fd0],.has-file[data-v-3ff53fd0]{width:100%;height:100%;background:#f5f7fa;border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative}.has-file[data-v-3ff53fd0]{background:#e6f7ff;border:1px solid #91d5ff}.default-cover i[data-v-3ff53fd0],.has-file i[data-v-3ff53fd0]{font-size:28px;color:#909399}.has-file i[data-v-3ff53fd0]{color:#1890ff}.file-badge[data-v-3ff53fd0]{position:absolute;top:-5px;right:-5px;background:#52c41a;color:#fff;font-size:10px;padding:2px 5px;border-radius:10px}.template-info[data-v-3ff53fd0]{flex:1;min-width:0}.template-info h5[data-v-3ff53fd0]{font-size:13px;color:#303133;font-weight:500}.template-info h5[data-v-3ff53fd0],.template-info p[data-v-3ff53fd0]{margin:0 0 4px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-info p[data-v-3ff53fd0]{font-size:12px;color:#909399}.template-meta[data-v-3ff53fd0]{display:flex;align-items:center}.template-meta .date[data-v-3ff53fd0]{font-size:12px;color:#c0c4cc}.empty-state[data-v-3ff53fd0]{text-align:center;padding:60px 20px}.empty-state i[data-v-3ff53fd0]{font-size:48px;color:#c0c4cc}.empty-state p[data-v-3ff53fd0]{margin:15px 0;color:#909399}.main-content-area[data-v-3ff53fd0]{flex:1;background:#fff;display:flex;flex-direction:column;overflow:hidden}.right-editor[data-v-3ff53fd0],.right-empty[data-v-3ff53fd0]{width:100%;height:100%;background:#fff;display:flex;flex-direction:column}.editor-header[data-v-3ff53fd0]{padding:15px 20px;border-bottom:1px solid #e4e7ed;display:flex;justify-content:space-between;align-items:center}.editor-header h4[data-v-3ff53fd0]{margin:0;font-size:16px;color:#303133}.json-data-area[data-v-3ff53fd0]{flex:1;padding:20px;overflow-y:auto}.json-header[data-v-3ff53fd0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:14px;color:#606266}.json-actions .el-button[data-v-3ff53fd0]{margin-left:8px}.json-content[data-v-3ff53fd0]{margin-bottom:20px}.json-textarea[data-v-3ff53fd0]{font-family:Monaco,Menlo,Consolas,monospace;font-size:12px}.template-info-section[data-v-3ff53fd0]{background:#f5f7fa;border-radius:4px;padding:15px;margin-top:20px}.info-header[data-v-3ff53fd0]{display:flex;align-items:center;margin-bottom:12px;font-size:14px;color:#303133;font-weight:700}.info-header i[data-v-3ff53fd0]{margin-right:8px;font-size:16px;color:#409eff}.info-content p[data-v-3ff53fd0]{margin:8px 0;font-size:13px;color:#606266;line-height:1.6}.info-content strong[data-v-3ff53fd0]{color:#303133}.file-name[data-v-3ff53fd0]{color:#409eff}.no-file[data-v-3ff53fd0]{color:#f56c6c}.right-empty[data-v-3ff53fd0]{justify-content:center;align-items:center}.empty-content[data-v-3ff53fd0]{text-align:center;color:#909399}.empty-content i[data-v-3ff53fd0]{font-size:48px;margin-bottom:15px}.upload-area[data-v-3ff53fd0]{width:100%}.file-info[data-v-3ff53fd0]{margin-left:10px;font-size:13px;color:#606266}.upload-tip[data-v-3ff53fd0]{margin-top:10px;font-size:12px;color:#909399;line-height:1.5}.json-data-area[data-v-3ff53fd0]::-webkit-scrollbar,.template-list[data-v-3ff53fd0]::-webkit-scrollbar{width:6px}.json-data-area[data-v-3ff53fd0]::-webkit-scrollbar-thumb,.template-list[data-v-3ff53fd0]::-webkit-scrollbar-thumb{background-color:#dcdfe6;border-radius:3px}.json-data-area[data-v-3ff53fd0]::-webkit-scrollbar-thumb:hover,.template-list[data-v-3ff53fd0]::-webkit-scrollbar-thumb:hover{background-color:#c0c4cc}.export-section[data-v-3ff53fd0]{padding:20px}.warning-message[data-v-3ff53fd0]{margin-top:15px;padding:10px;background:#ffffff6f0;border:1px solid #ffdbcc;border-radius:4px;color:#ff7d3e;font-size:13px}.warning-message i[data-v-3ff53fd0]{margin-right:5px}.document-preview-section[data-v-3ff53fd0]{display:flex;flex-direction:column;height:100%}.preview-header[data-v-3ff53fd0]{padding:15px 20px;border-bottom:1px solid #e4e7ed;display:flex;justify-content:space-between;align-items:center;background:#f5f7fa}.preview-header h4[data-v-3ff53fd0]{margin:0;font-size:16px;color:#303133}.preview-tools[data-v-3ff53fd0]{display:flex;gap:10px}.preview-container[data-v-3ff53fd0]{flex:1;padding:0;background:#f5f7fa;overflow:hidden}.document-iframe[data-v-3ff53fd0]{width:100%;height:100%;background:#fff;border:none}