Use fill_width and fixed min sizes so initial layout matches post-answer

app.py

@@ -129,12 +129,14 @@ html, body, gradio-app, [class*="gradio-container"] {
   background: #f5f9ff !important;
 }
 
-/* The Space iframe wraps Gradio in <gradio-app>; force it to fill viewport so the
-   container width never depends on inner content (otherwise Code/Markdown content
-   will visibly resize the whole page after the first answer arrives). */
+/* HF Space iframe wraps Gradio in <gradio-app>. Force every wrapper to stretch to
+   the full viewport from the FIRST paint so the page doesn't visibly grow after
+   the first answer arrives. */
+html, body { width: 100% !important; min-height: 100vh !important; margin: 0 !important; }
 gradio-app {
   display: block !important;
   width: 100% !important;
+  min-height: 100vh !important;
   margin-left: auto !important;
   margin-right: auto !important;
 }
@@ -148,8 +150,8 @@ gradio-app > div {
 
 [class*="gradio-container"] {
   max-width: 1480px !important;
-  width: 92vw !important;
-  min-width: 0 !important;
+  width: 100% !important;
+  min-width: 320px !important;
   margin-left: auto !important;
   margin-right: auto !important;
   padding-left: 28px !important;
@@ -163,10 +165,22 @@ gradio-app > div {
 [class*="gradio-container"] .layout-gap {
   width: 100% !important;
 }
-[class*="gradio-container"] .layout-gap > .gr-column {
+[class*="gradio-container"] .layout-gap > .gr-column,
+[class*="gradio-container"] .layout-gap > div {
   min-width: 0 !important;
 }
 
+/* Reserve vertical space for the Result/Record area so the first answer doesn't
+   trigger a visible vertical jump either. */
+[class*="gradio-container"] .gradio-markdown,
+[class*="gradio-container"] [data-testid="markdown"] {
+  min-height: 220px !important;
+}
+[class*="gradio-container"] .codemirror-wrapper,
+[class*="gradio-container"] .cm-editor {
+  min-height: 220px !important;
+}
+
 /* Prevent Code / Markdown from pushing the page wider than the container. */
 [class*="gradio-container"] .codemirror-wrapper,
 [class*="gradio-container"] .cm-editor,
@@ -904,6 +918,7 @@ with gr.Blocks(
     title="DeepResearch Space Starter",
     theme=APP_THEME,
     css=CUSTOM_CSS,
+    fill_width=True,
 ) as demo:
     with gr.Row(elem_classes="layout-gap"):
         with gr.Column(scale=7):