Update app.py

app.py

@@ -242,37 +242,29 @@ 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;
 }
 
 /* Уменьшаем размеры изображений */
@@ -317,7 +309,7 @@ with gr.Blocks(theme=CustomTheme(), css=css) as demo:
     background_remove_state = gr.State()
 
     with gr.Row():
-        with gr.Column(elem_id="left-panel"):
+        with gr.Column():
             with gr.Row():
                 input_img = gr.Image(
                     type="pil",
@@ -359,7 +351,7 @@ with gr.Blocks(theme=CustomTheme(), css=css) as demo:
                 inputs=input_img,
             )
 
-        with gr.Column(elem_id="right-panel"):
+        with gr.Column():
             output_3d = LitModel3D(
                 label="3D Model",
                 visible=False,
@@ -426,4 +418,4 @@ with gr.Blocks(theme=CustomTheme(), css=css) as demo:
         ],
     )
 
-demo.launch()
+demo.launch()