Update app.py

app.py

@@ -114,34 +114,63 @@ body, input, button, textarea, select, .gr-button {
 h1, h2, h3, h4, h5, h6 {
     font-family: 'Poppins', sans-serif;
     font-weight: 700;
-    color: #FFFFFF;
+    color:#f7fafc;
 }
 /* Лоадер внутри кнопки */
 .generate-button {
+    background-color: #5271FF !important; /* Новый цвет кнопки (оранжевый) */
+    color: #FFFFFF !important; /* Цвет текста */
+    border: none;
+    font-weight: bold;
+    position: relative; /* Для вложения лоадера */
+    display: flex;
+    align-items: center;
+    justify-content: center;
     position: relative; /* Кнопка становится родительским контейнером */
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
-/* Лоадер внутри кнопки */
+/* Лоадер с пульсацией и вращением */
 #loading-bar {
     display: none; /* Скрыт по умолчанию */
     position: absolute; /* Абсолютная позиция внутри кнопки */
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
-    width: 20px;
-    height: 20px;
-    border: 4px solid #f3f3f3;
-    border-top: 4px solid #5271FF; /* Цвет лоадера */
+    width: 30px;
+    height: 30px;
+    border: 4px solid rgba(82, 113, 255, 0.3); /* Полупрозрачная обводка */
+    border-top: 4px solid #5271FF; /* Основной цвет лоадера */
     border-radius: 50%;
-    animation: spin 1s linear infinite;
+    animation: spin 1s linear infinite, pulse 1.5s ease-in-out infinite;
 }
+
 /* Анимация вращения */
 @keyframes spin {
-    0% { transform: rotate(0deg); }
-    100% { transform: rotate(360deg); }
+    0% {
+        transform: translate(-50%, -50%) rotate(0deg);
+    }
+    100% {
+        transform: translate(-50%, -50%) rotate(360deg);
+    }
+}
+
+/* Анимация пульсации */
+@keyframes pulse {
+    0% {
+        transform: translate(-50%, -50%) scale(1);
+        border-width: 4px;
+    }
+    50% {
+        transform: translate(-50%, -50%) scale(1.2);
+        border-width: 2px;
+    }
+    100% {
+        transform: translate(-50%, -50%) scale(1);
+        border-width: 4px;
+    }
 }
 """