Update app.py

app.py

@@ -53,7 +53,6 @@ body {
     background: linear-gradient(to bottom, #0a0a23, #00001a);
     position: relative;
 }
-
 .gradio-container {
     max-width:1900px;
     margin:auto;
@@ -61,44 +60,42 @@ body {
     position: relative;
     z-index:1;
 }
-
 .gr-row {
     display:flex;
     gap:20px;
     margin-top:20px;
+    overflow:auto;
 }
-
-/* Equal width editor/output */
-#editor-container {
-    flex:0.5;
-    min-width:900px; /* adjust to preference */
-}
-#output-panel {
+/* Equal width editor/output, fixed sizes to prevent resize glitch */
+#editor-container, #output-panel {
     flex:0.5;
     min-width:650px;
+    max-width:50%;
+    height:650px;
 }
-
 .output-panel {
     background:#1e1e1e; 
     border-radius:8px; 
     box-shadow:0 4px 8px rgba(0,0,0,0.5); 
-    height:600px; 
+    height:650px; 
     padding:16px; 
     font-family: monospace; 
     color: #00ff00; 
     white-space: pre-wrap; 
     overflow:auto;
 }
-
 #editor-container .CodeMirror {
-    height:600px;
+    height:650px !important;
+    min-height:650px !important;
+    max-height:650px !important;
+    padding:12px !important;
+    box-sizing:border-box;
     border-radius:8px;
     font-family: monospace;
     font-size:14px;
     white-space: pre-wrap;
     overflow-wrap: break-word;
 }
-
 .gr-radio { color:#e0e0e0; margin-bottom:16px; }
 button, .gr-button { background-color:#F714C5 !important; color:#fff !important; border-radius:6px !important; padding:10px 20px !important; }
 footer { display:none !important; }