Update app.py

app.py

@@ -242,29 +242,37 @@ body {
     width: 100% !important;
 }
 
-/* Если какие-то элементы имели свой фон, делаем прозрачным */
-* {
-    background-color: transparent !important;
-}
-
-/* Ряды и колонки */
+/* Настройка рядов и колонок */
 .gr-row {
     display: flex;
     flex-wrap: wrap;
     gap: 20px;
     align-items: flex-start;
+    justify-content: flex-start;
     width: 100%;
     box-sizing: border-box;
+    padding: 10px;
 }
 
 .gr-column {
-    flex: 1 1 auto;
-    min-width: 300px;
     display: flex;
     flex-direction: column;
+    align-items: flex-start;
     gap: 10px;
     width: 100%;
     box-sizing: border-box;
+    padding: 10px;
+}
+
+/* Опциональная минимальная ширина для левого блока */
+#left-panel {
+    min-width: 400px;
+    box-sizing: border-box;
+}
+
+#right-panel {
+    flex: 1;
+    box-sizing: border-box;
 }
 
 /* Уменьшаем размеры изображений */
@@ -309,7 +317,7 @@ with gr.Blocks(theme=CustomTheme(), css=css) as demo:
     background_remove_state = gr.State()
 
     with gr.Row():
-        with gr.Column():
+        with gr.Column(elem_id="left-panel"):
             with gr.Row():
                 input_img = gr.Image(
                     type="pil",
@@ -351,7 +359,7 @@ with gr.Blocks(theme=CustomTheme(), css=css) as demo:
                 inputs=input_img,
             )
 
-        with gr.Column():
+        with gr.Column(elem_id="right-panel"):
             output_3d = LitModel3D(
                 label="3D Model",
                 visible=False,