.preview-pane[data-v-6bee4a8f]{display:flex;flex-direction:column;height:100%}.preview-toolbar[data-v-6bee4a8f]{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #e2e8f0;background:#f8fafc;border-radius:8px 8px 0 0}.preview-label[data-v-6bee4a8f]{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.preview-toggle[data-v-6bee4a8f]{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b}.preview-frame-wrap[data-v-6bee4a8f]{flex:1;overflow:auto;background:#fff;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 8px 8px}.preview-frame[data-v-6bee4a8f]{width:100%;height:100%;border:none;background:#fff}.variable-toolbar[data-v-71dd9b3e]{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.var-list[data-v-25ec10f1]{display:flex;flex-direction:column;gap:10px;padding:8px 4px}.var-header[data-v-25ec10f1]{display:flex;align-items:center;gap:12px;padding:0 0 8px;margin-bottom:2px;border-bottom:1px solid #e2e8f0;font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.3px}.var-row[data-v-25ec10f1]{display:flex;align-items:center;gap:12px;padding:6px 0;border-bottom:1px solid #f8fafc}.var-row[data-v-25ec10f1]:last-of-type{border-bottom:none}.var-col-name[data-v-25ec10f1]{width:150px;flex-shrink:0}.var-col-req[data-v-25ec10f1]{width:60px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.var-col-default[data-v-25ec10f1],.var-col-desc[data-v-25ec10f1]{flex:2;min-width:0}.var-col-action[data-v-25ec10f1]{width:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.template-editor[data-v-4a6e1b52]{display:flex;flex-direction:column;height:100%;gap:16px}.editor-main[data-v-4a6e1b52]{display:flex;gap:16px;flex:1;min-height:0}.editor-left[data-v-4a6e1b52]{flex:1;display:flex;flex-direction:column;min-width:0;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.editor-code-wrap[data-v-4a6e1b52]{flex:1;min-height:0}.editor-right[data-v-4a6e1b52]{flex:1;min-width:0;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.editor-bottom[data-v-4a6e1b52]{background:#fff;border:1px solid #d1d5db;padding:8px 16px;border-radius:8px}