Fix iframe resizer infinite scroll issue

- Remove min-height: 100vh that caused iframe to grow infinitely
- Use height: 100% with min-height: 500px for fixed sizing
- Set overflow: hidden on containers
- Add max-height: 100% to prevent expansion

app.py

@@ -53,15 +53,17 @@ MATH_CSS = """
 html, body {
   height: 100%;
   width: 100%;
-  overflow: auto;
+  overflow: hidden;
   font-family: system-ui, -apple-system, sans-serif;
+  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
 }
 #math-app {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  min-height: 100vh;
+  height: 100%;
+  min-height: 500px;
   background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
   color: #fff;
   padding: 2rem;
@@ -180,10 +182,13 @@ footer { display: none !important; }
   width: 100% !important;
   padding: 0 !important;
   margin: 0 !important;
+  min-height: 0 !important;
+  height: 100% !important;
 }
 main.fillable, main[class*="fillable"], .app {
   padding: 0 !important;
   margin: 0 !important;
+  min-height: 0 !important;
 }
 .block, .block.padded {
   padding: 0 !important;
@@ -194,12 +199,18 @@ html, body, #root, .gradio-container, .contain, gradio-app {
   height: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
-  overflow: auto !important;
+  overflow: hidden !important;
+  min-height: 0 !important;
 }
 [class*="svelte"] {
   padding: 0 !important;
   margin: 0 !important;
 }
+/* Prevent iframe resizer infinite loop */
+.contain, .main, gradio-app {
+  min-height: 0 !important;
+  max-height: 100% !important;
+}
 </style>
 """