feat: adjust html preview height

app.py

@@ -512,17 +512,13 @@ def update_preview_from_html(html_content: str) -> str:
         # Create iframe HTML - only escape quotes for srcdoc attribute
         safe_html_content = html_content.replace('"', """)
         preview_html = f"""
-        <div style='padding: 20px; background: #fff; border: 1px solid #eee; border-radius: 8px; display: block;'>
-            <div style='display: block; align-items: center; margin-bottom: 10px;'>
-                <small style='color: #888;'>Preview (Live from HTML Output)</small>
-            </div>
-            <div id='animation-container' style='min-height: 300px; display: block; justify-content: center; align-items: center; background: #fafafa; border-radius: 4px; padding: 20px;'>
-                <iframe srcdoc="{safe_html_content}"
-                    width="100%" height="600px" 
-                    style="border:none; overflow:hidden;"
-                    sandbox="allow-scripts allow-same-origin">
-                </iframe>
-            </div>
+        <div style='padding: 20px; width:100%; height:520px; background: #fff; border: 1px solid #eee; border-radius: 8px; display: block;'>
+            <iframe srcdoc="{safe_html_content}"
+                width="100%" 
+                height="100%" 
+                style="border:none; border-radius:8px; overflow:hidden;"
+                sandbox="allow-scripts allow-same-origin">
+            </iframe>
         </div>
         """
         return preview_html
@@ -644,7 +640,7 @@ with demo:
                 example_dropdown.change(
                     fn=load_example, inputs=[example_dropdown], outputs=[svg_file, object_name]
                 )
-                
+
                 process_btn = gr.Button("🔄 Decompose Structure", variant="primary")
                 groups_summary = gr.Textbox(
                     label="Decomposition Results",