diff --git a/markitect/clean_document_manager.py b/markitect/clean_document_manager.py
index 95e76d18..388cdf6a 100644
--- a/markitect/clean_document_manager.py
+++ b/markitect/clean_document_manager.py
@@ -301,33 +301,33 @@ class CleanDocumentManager:
         ui_css = ""
         if props.get('editor_panel_bg'):
             ui_css = f"""
-            .markitect-edit-mode .markitect-control-panel {{
+            .markitect-edit-mode #markitect-global-controls {{
                 background: {props['editor_panel_bg']};
                 border: 1px solid {props.get('editor_panel_border', '#dee2e6')};
                 box-shadow: 0 4px 12px {props.get('editor_shadow', 'rgba(0,0,0,0.1)')};
                 color: {props.get('editor_text_color', '#212529')};
             }}
-            .markitect-edit-mode .markitect-editor-button {{
+            .markitect-edit-mode .control-btn {{
                 background: {props.get('editor_button_bg', '#ffffff')};
                 color: {props.get('editor_text_color', '#212529')};
                 border: 1px solid {props.get('editor_panel_border', '#dee2e6')};
             }}
-            .markitect-edit-mode .markitect-editor-button:hover {{
+            .markitect-edit-mode .control-btn:hover {{
                 background: {props.get('editor_button_hover', '#e9ecef')};
             }}
-            .markitect-edit-mode .markitect-editor-button:active,
-            .markitect-edit-mode .markitect-editor-button.active {{
+            .markitect-edit-mode .control-btn:active,
+            .markitect-edit-mode .control-btn.active {{
                 background: {props.get('editor_button_active', '#dee2e6')};
             }}
-            .markitect-edit-mode .markitect-section-frame {{
+            .markitect-edit-mode .markitect-section-editable {{
                 border: 2px solid {props.get('editor_focus_color', '#0066cc')};
                 box-shadow: 0 0 0 3px {props.get('editor_focus_color', '#0066cc')}33;
             }}
-            .markitect-edit-mode .markitect-edit-textarea {{
+            .markitect-edit-mode textarea {{
                 border: 1px solid {props.get('editor_panel_border', '#dee2e6')};
                 color: {props.get('editor_text_color', '#212529')};
             }}
-            .markitect-edit-mode .markitect-edit-textarea:focus {{
+            .markitect-edit-mode textarea:focus {{
                 border-color: {props.get('editor_focus_color', '#0066cc')};
                 box-shadow: 0 0 0 2px {props.get('editor_focus_color', '#0066cc')}33;
             }}"""