.template-editor[data-v-78d2d73a]{height:600px;border:1px solid #d9d9d9;border-radius:4px}.editor-layout[data-v-78d2d73a]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}.component-library[data-v-78d2d73a]{width:250px;border-right:1px solid #d9d9d9;background:#fafafa;overflow-y:auto}.library-header[data-v-78d2d73a]{padding:16px;border-bottom:1px solid #d9d9d9;background:#f0f0f0}.library-header h3[data-v-78d2d73a]{margin:0 0 4px 0;font-size:16px}.library-header span[data-v-78d2d73a]{font-size:12px;color:#666}.component-section[data-v-78d2d73a]{padding:16px;border-bottom:1px solid #e8e8e8}.component-section h4[data-v-78d2d73a]{margin:0 0 12px 0;font-size:14px;color:#333}.component-list[data-v-78d2d73a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.component-item[data-v-78d2d73a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #d9d9d9;border-radius:4px;cursor:-webkit-grab;cursor:grab;-webkit-transition:all .2s;transition:all .2s}.component-item[data-v-78d2d73a]:hover{border-color:#40a9ff;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.component-item[data-v-78d2d73a]:active{cursor:-webkit-grabbing;cursor:grabbing}.editor-main[data-v-78d2d73a]{-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;border-right:1px solid #d9d9d9}.editor-header[data-v-78d2d73a]{padding:12px 16px;border-bottom:1px solid #d9d9d9;background:#fafafa;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.editor-actions[data-v-78d2d73a],.editor-tabs[data-v-78d2d73a]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.editor-content[data-v-78d2d73a]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.visual-editor[data-v-78d2d73a]{height:100%;padding:16px}.drop-zone[data-v-78d2d73a]{height:100%;border:2px dashed #d9d9d9;border-radius:4px;padding:16px;overflow-y:auto;background:#fff}.drop-zone[data-v-78d2d73a]:hover{border-color:#40a9ff}.empty-zone[data-v-78d2d73a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:200px;color:#999}.empty-zone p[data-v-78d2d73a]{margin:16px 0 0 0;font-size:14px}.template-block[data-v-78d2d73a]{margin-bottom:16px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;-webkit-transition:all .2s;transition:all .2s}.template-block[data-v-78d2d73a]:hover{border-color:#40a9ff;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.template-block.selected[data-v-78d2d73a]{border-color:#40a9ff;-webkit-box-shadow:0 0 0 2px rgba(24,144,255,.2);box-shadow:0 0 0 2px rgba(24,144,255,.2)}.block-header[data-v-78d2d73a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 12px;background:#f5f5f5;border-bottom:1px solid #e8e8e8}.block-title[data-v-78d2d73a]{font-size:12px;font-weight:700;color:#333}.block-actions[data-v-78d2d73a]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px}.block-content[data-v-78d2d73a]{padding:12px;min-height:20px}.html-editor[data-v-78d2d73a]{height:100%;padding:16px}.preview-panel[data-v-78d2d73a]{width:300px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fafafa}.preview-header[data-v-78d2d73a]{padding:12px 16px;border-bottom:1px solid #d9d9d9;background:#f0f0f0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.preview-header h3[data-v-78d2d73a]{margin:0;font-size:16px}.preview-actions[data-v-78d2d73a]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.preview-content[data-v-78d2d73a]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:16px;overflow-y:auto;background:#fff;font-family:Arial,sans-serif;font-size:12px;line-height:1.4;-webkit-transition:all .3s ease;transition:all .3s ease}.preview-content.editable-preview[data-v-78d2d73a]{border:2px dashed #40a9ff;background:#f6ffed;outline:none}.preview-content.editable-preview[data-v-78d2d73a]:focus{border-color:#52c41a;-webkit-box-shadow:0 0 0 2px rgba(82,196,26,.2);box-shadow:0 0 0 2px rgba(82,196,26,.2)}.edit-tips[data-v-78d2d73a]{padding:8px 16px;background:#e6f7ff;border-top:1px solid #91d5ff;font-size:12px;color:#0050b3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.edit-tips .anticon[data-v-78d2d73a]{color:#1890ff}.preview-content table[data-v-78d2d73a]{border-collapse:collapse;width:100%;margin:10px 0}.preview-content td[data-v-78d2d73a],.preview-content th[data-v-78d2d73a]{border:1px solid #000;padding:4px 8px;text-align:left}.preview-content th[data-v-78d2d73a]{background-color:#f5f5f5;font-weight:700}