Explicily fix UI scrolling by constraining panel height and removing auto-scroll

app/static/main.js

@@ -157,7 +157,6 @@ document.addEventListener('DOMContentLoaded', () => {
         }
 
         outputText.innerHTML = displayHtml;
-        resultsPanel.scrollIntoView({ behavior: 'smooth' });
     }
 
     clearBtn.addEventListener('click', () => {

app/static/style.css

@@ -121,8 +121,10 @@ main {
     flex: 1;
     display: flex;
     overflow: hidden;
-    padding: 2rem;
-    gap: 2rem;
+    padding: 1.5rem 2.5rem;
+    gap: 2.5rem;
+    height: 0;
+    /* Force children to respect parent flex height */
 }
 
 .input-panel,
@@ -130,9 +132,11 @@ main {
     flex: 1;
     display: flex;
     flex-direction: column;
-    gap: 1.5rem;
+    gap: 1rem;
     min-width: 0;
     min-height: 0;
+    height: 100%;
+    overflow: hidden;
 }
 
 .panel-header h2 {