Update app.py

app.py

@@ -211,31 +211,48 @@ class CustomTheme(gr.themes.Base):
         )
 
 css = """
+/* Универсальный сброс стилей */
 *, *::before, *::after {
     box-sizing: border-box;
 }
 
+/* Задаём фон и убираем отступы для html и body */
 html, body {
     background-color: #191a1e !important;
     margin: 0 !important;
     padding: 0 !important;
-    height: 100vh;
     width: 100vw;
-    overflow: hidden;
+    height: 100vh;
+    overflow: hidden; 
 }
 
-#root, #__next, .gradio-container, .gr-app {
+/* Перекрываем потенциальные обёртки Hugging Face */
+#root, #__next, body > div, body > div > div {
     background-color: #191a1e !important;
+    margin: 0 !important;
+    padding: 0 !important;
+    border: none !important;
+    width: 100%;
     height: 100%;
+    overflow: hidden;
+}
+
+/* Основные контейнеры Gradio */
+.gradio-container, .gr-app {
+    background-color: #191a1e !important;
     width: 100%;
+    height: 100%;
     overflow: hidden;
 }
 
-.gr-block, .gr-row, .gr-column, .gr-box, .gr-examples, .gr-examples .gr-box, .gr-examples .gr-card {
+/* Все внутренние блоки 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;
 }
 
+/* Стиль кнопки */
 .generate-button {
     background-color: #5271FF !important;
     color: #FFFFFF !important;
@@ -246,6 +263,7 @@ html, body {
     border-radius: 0.3em;
 }
 
+/* Скрываем footer */
 footer {
     visibility: hidden;
     height: 0;