Match Z-Image output section exactly - white background with padding

app.py

@@ -11,7 +11,7 @@ from utils.image_utils import rescale_image
 from utils.prompt_utils import polish_prompt
 
 
-# Force rebuild v18
+# Force rebuild v19
 MODEL_REPO = "meituan-longcat/LongCat-Image"
 MAX_SEED = np.iinfo(np.int32).max
 
@@ -174,11 +174,11 @@ button.primary:active {
 
 /* Output Section */
 div.output-section {
-    background: #1d1d1f !important;
+    background: #ffffff;
     border-radius: 18px;
-    padding: 0 !important;
-    box-shadow: 0 4px 20px rgba(255, 255, 255, 0.1);
-    border: 5px solid #ffffff !important;
+    padding: 32px;
+    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+    border: none !important;
     overflow: hidden;
     display: flex;
     align-items: center;
@@ -189,6 +189,12 @@ div.output-section {
     position: relative;
 }
 
+.dark .output-section,
+.dark div.output-section {
+    background: #1d1d1f;
+    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
+}
+
 .output-section * {
     transform: none !important;
     transition: none !important;
@@ -212,24 +218,20 @@ div.output-section {
 /* Make progress/generation area fill more space */
 .output-section > div {
     width: 100% !important;
-    height: 100% !important;
-    flex: 1 !important;
+    min-height: 75vh !important;
+    max-height: 85vh !important;
     display: flex !important;
     align-items: center !important;
     justify-content: center !important;
-    border: none !important;
-    border-radius: 0 !important;
-    background: transparent !important;
 }
 
 .output-section > div > div {
+    min-height: 75vh !important;
+    max-height: 85vh !important;
     width: 100% !important;
-    height: 100% !important;
     display: flex !important;
     align-items: center !important;
     justify-content: center !important;
-    border: none !important;
-    background: transparent !important;
 }
 
 .output-section * {