.editor-layout[data-v-0ab9b4a2]{display:flex;height:100%;overflow:hidden}.editor-sidebar[data-v-0ab9b4a2]{background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;width:280px;z-index:10}.sidebar-header[data-v-0ab9b4a2]{padding:16px}.sidebar-header h3[data-v-0ab9b4a2]{color:#374151;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.sidebar-header.mt-4[data-v-0ab9b4a2]{border-top:1px solid #f3f4f6;margin-top:16px;padding-top:24px}.component-list[data-v-0ab9b4a2]{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);overflow-y:auto;padding:0 16px 16px}.component-item[data-v-0ab9b4a2]{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:grab;display:flex;flex-direction:column;justify-content:center;padding:16px 8px;transition:all .2s}.component-item[data-v-0ab9b4a2]:hover{background:#f8fafc;border-color:#4f46e5;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.component-item .icon-wrapper[data-v-0ab9b4a2]{font-size:20px;margin-bottom:8px;opacity:.8}.component-item .component-name[data-v-0ab9b4a2]{color:#4b5563;font-size:12px;font-weight:500}.editor-canvas[data-v-0ab9b4a2]{background:#f3f4f6;display:flex;flex:1;justify-content:center;overflow-y:auto;padding:40px}.canvas-wrapper[data-v-0ab9b4a2]{background:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);min-height:800px;padding:20px 0;transition:width .3s ease}.canvas-area[data-v-0ab9b4a2]{min-height:100%;padding-bottom:40px}.email-row[data-v-0ab9b4a2]{border:1px dashed transparent;cursor:pointer;position:relative;transition:all .2s}.email-row[data-v-0ab9b4a2]:hover{border-color:#bfdbfe}.email-row.selected[data-v-0ab9b4a2]{border:2px solid #4f46e5;z-index:5}.columns-wrapper[data-v-0ab9b4a2]{display:flex;width:100%}.column-item[data-v-0ab9b4a2]{border:1px dashed #e5e7eb;min-height:50px}.column-drop-area[data-v-0ab9b4a2]{height:100%;min-height:50px}.nested-block[data-v-0ab9b4a2]{border:1px solid transparent;cursor:pointer;position:relative}.nested-block[data-v-0ab9b4a2]:hover{outline:1px dashed #bfdbfe}.nested-block.selected[data-v-0ab9b4a2]{outline:2px solid #4f46e5;z-index:5}.block-actions[data-v-0ab9b4a2]{display:flex;position:absolute;right:-24px;top:0}.block-actions.nested[data-v-0ab9b4a2]{right:-10px;top:-10px;z-index:20}.action-btn[data-v-0ab9b4a2]{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;width:20px}.action-btn.delete[data-v-0ab9b4a2]{background:#ef4444}.empty-state[data-v-0ab9b4a2]{align-items:center;background:#f9fafb;border:2px dashed #e5e7eb;border-radius:8px;color:#9ca3af;display:flex;height:200px;justify-content:center;margin:20px}.editor-properties[data-v-0ab9b4a2]{background:#fff;border-left:1px solid #e5e7eb;display:flex;flex-direction:column;width:320px;z-index:10}.properties-header[data-v-0ab9b4a2]{border-bottom:1px solid #e5e7eb;padding:16px}.properties-header h3[data-v-0ab9b4a2]{color:#111827;font-size:14px;font-weight:600;margin:0}.properties-content[data-v-0ab9b4a2]{flex:1;overflow-y:auto;padding:20px}.prop-group[data-v-0ab9b4a2]{margin-bottom:16px}.prop-group label[data-v-0ab9b4a2]{color:#6b7280;display:block;font-size:12px;font-weight:500;margin-bottom:6px}.prop-group.separator[data-v-0ab9b4a2]{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:20px}.form-control[data-v-0ab9b4a2]{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;transition:all .2s;width:100%}.form-control[data-v-0ab9b4a2]:focus{border-color:#4f46e5;box-shadow:0 0 0 2px rgba(79,70,229,.1);outline:none}.form-control.code-input[data-v-0ab9b4a2]{background:#f9fafb;font-family:monospace;font-size:12px}.form-control-color[data-v-0ab9b4a2]{border:1px solid #d1d5db;border-radius:6px;cursor:pointer;height:38px;padding:2px;width:100%}.padding-inputs[data-v-0ab9b4a2]{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.padding-inputs input[data-v-0ab9b4a2]{border:1px solid #d1d5db;border-radius:4px;font-size:12px;padding:6px;text-align:center;width:100%}.empty-props[data-v-0ab9b4a2]{color:#9ca3af;font-size:14px;padding:60px 20px;text-align:center}.ghost[data-v-0ab9b4a2]{background:#eef2ff;border:2px dashed #4f46e5;opacity:.5}.sidebar-tabs[data-v-0ab9b4a2]{border-bottom:1px solid #e5e7eb;display:flex}.tab-btn[data-v-0ab9b4a2]{background:none;border:none;border-bottom:2px solid transparent;color:#6b7280;cursor:pointer;flex:1;font-size:14px;font-weight:500;padding:12px;transition:all .2s}.tab-btn[data-v-0ab9b4a2]:hover{background:#f9fafb;color:#374151}.tab-btn.active[data-v-0ab9b4a2]{background:#f3f4f6;border-bottom-color:#4f46e5;color:#4f46e5}.sidebar-content[data-v-0ab9b4a2]{flex:1;overflow-y:auto}.sidebar-content.global-styles[data-v-0ab9b4a2]{padding:16px}.email-hero[data-v-0ab9b4a2]{background-position:50%;background-size:cover;position:relative;text-align:center}.email-hero[data-v-0ab9b4a2],.hero-overlay[data-v-0ab9b4a2]{align-items:center;display:flex;justify-content:center}.hero-overlay[data-v-0ab9b4a2]{flex-direction:column;height:100%;padding:20px;width:100%}.hero-btn[data-v-0ab9b4a2]{border-radius:4px;color:#fff;display:inline-block;font-weight:700;margin-top:20px;padding:10px 20px;-webkit-text-decoration:none;text-decoration:none}@media(max-width:1024px){.editor-sidebar[data-v-0ab9b4a2]{width:240px}.editor-properties[data-v-0ab9b4a2]{width:280px}}@media(max-width:768px){.editor-layout[data-v-0ab9b4a2]{flex-direction:column;overflow-y:auto}.editor-properties[data-v-0ab9b4a2],.editor-sidebar[data-v-0ab9b4a2]{border-bottom:1px solid #e5e7eb;border-right:none;height:auto;max-height:300px;width:100%}.editor-properties[data-v-0ab9b4a2]{border-top:1px solid #e5e7eb;order:3}.editor-canvas[data-v-0ab9b4a2]{order:2;overflow:visible;padding:20px}.canvas-wrapper[data-v-0ab9b4a2]{max-width:100%;min-height:auto}}.studio-ui[data-v-228371e5]{background:#f3f4f6;color:#1f2937;display:flex;flex-direction:column;height:100vh}.studio-header[data-v-228371e5]{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);height:60px;justify-content:space-between;padding:0 20px;z-index:50}.header-center[data-v-228371e5],.header-left[data-v-228371e5],.header-right[data-v-228371e5],.studio-header[data-v-228371e5]{align-items:center;display:flex}.header-center[data-v-228371e5]{flex:1;justify-content:center}.back-btn[data-v-228371e5]{align-items:center;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;padding:8px}.back-btn[data-v-228371e5]:hover{background:#f3f4f6;color:#111827}.divider[data-v-228371e5]{background:#e5e7eb;height:24px;margin:0 12px;width:1px}.project-title-input[data-v-228371e5]{border:none;color:#111827;font-size:14px;font-weight:600;outline:none;width:200px}.project-title-input[data-v-228371e5]:focus,.project-title-input[data-v-228371e5]:hover{background:#f9fafb}.save-status[data-v-228371e5]{color:#9ca3af;font-size:12px;margin-left:8px}.editor-badge[data-v-228371e5]{background:#e0e7ff;border-radius:4px;color:#4f46e5;font-size:12px;font-weight:500;padding:4px 8px}.editor-select-wrapper[data-v-228371e5]{margin-left:10px}.editor-select[data-v-228371e5]{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:14px;outline:none;padding:6px 10px;transition:all .2s}.editor-select[data-v-228371e5]:hover{border-color:#9ca3af}.editor-select[data-v-228371e5]:focus{border-color:#4f46e5;box-shadow:0 0 0 2px rgba(79,70,229,.1)}.device-toggles[data-v-228371e5]{background:#f3f4f6;border-radius:8px;display:flex;gap:4px;padding:4px}.device-btn[data-v-228371e5]{align-items:center;background:transparent;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;padding:6px 10px}.device-btn.active[data-v-228371e5]{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.1);color:#4f46e5}.btn[data-v-228371e5]{border:1px solid transparent;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;margin-left:8px;padding:8px 16px}.btn-text[data-v-228371e5]{background:transparent;color:#4b5563}.btn-text[data-v-228371e5]:hover{background:#f3f4f6}.btn-primary[data-v-228371e5]{background:#4f46e5;box-shadow:0 1px 2px rgba(79,70,229,.2);color:#fff}.btn-primary[data-v-228371e5]:hover{background:#4338ca}.studio-workspace[data-v-228371e5]{display:flex;flex:1;overflow:hidden;position:relative}