Fix CodeMirror line wrapping and container overflow

- Add EditorView.lineWrapping for soft word wrap
- Fix container CSS to prevent horizontal overflow
- Add min-width: 0 to document-pane for proper flex shrinking
- Add overflow: hidden to contain the editor

1 files changed, 8 insertions, 0 deletions

diff --git a/renderer/src/styles/globals.css b/renderer/src/styles/globals.css
index f115734..7ad199e 100644
--- a/renderer/src/styles/globals.css
+++ b/renderer/src/styles/globals.css
@@ -113,6 +113,8 @@ body {
   display: flex;
   flex-direction: column;
   border-right: 1px solid var(--border);
+  min-width: 0;
+  overflow: hidden;
 }
 
 .document-header {
@@ -155,10 +157,16 @@ body {
 .codemirror-editor {
   flex: 1;
   overflow: hidden;
+  min-height: 0;
 }
 
 .codemirror-editor .cm-editor {
   height: 100%;
+  max-width: 100%;
+}
+
+.codemirror-editor .cm-scroller {
+  overflow: auto !important;
 }
 
 .codemirror-editor .cm-gutters {