Update app.py

app.py

@@ -210,21 +210,18 @@ class CustomTheme(gr.themes.Base):
             "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap",
         )
 
-# Обновленный CSS для полного перекрашивания
 css = """
 /* Универсальный сброс стилей */
 *, *::before, *::after {
     box-sizing: border-box;
 }
 
-/* Задаём фон и убираем отступы для html и body */
 html, body {
     background-color: #191a1e !important;
     margin: 0 !important;
     padding: 0 !important;
     width: 100vw !important;
     height: 100vh !important;
-    /* Не используем overflow: hidden, чтобы фон мог растянуться */
 }
 
 /* Перекрываем потенциальные обёртки Hugging Face */
@@ -237,21 +234,23 @@ html, body {
     height: 100% !important;
 }
 
-/* Основные контейнеры Gradio */
 .gradio-container, .gr-app {
     background-color: #191a1e !important;
     width: 100% !important;
     height: 100% !important;
 }
 
-/* Все внутренние блоки Gradio */
 .gr-block, .gr-row, .gr-column, .gr-box, 
 .gr-examples, .gr-examples .gr-box, .gr-examples .gr-card {
     background-color: #191a1e !important;
     border: none !important;
 }
 
-/* Стиль кнопки */
+/* Резервируем место справа для того, чтобы при показе 3D модели верстка не прыгала */
+#right_column {
+    min-height: 600px; /* Подберите нужное значение */
+}
+
 .generate-button {
     background-color: #5271FF !important;
     color: #FFFFFF !important;
@@ -262,7 +261,6 @@ html, body {
     border-radius: 0.3em !important;
 }
 
-/* Скрываем footer */
 footer {
     visibility: hidden !important;
     height: 0 !important;
@@ -314,7 +312,7 @@ with gr.Blocks(theme=CustomTheme(), css=css) as demo:
                 elem_classes="generate-button",
             )
 
-        with gr.Column():
+        with gr.Column(elem_id="right_column"):
             output_3d = LitModel3D(
                 label="3D Model",
                 visible=False,