Update style.css

style.css

@@ -48,7 +48,7 @@
   --trans-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);
 
   --shadow-soft: 0 10px 30px rgba(0,0,0,0.35);
-  --shadow-glow: 0 0 22px rgba(59,130,246,0.22);
+  --shadow-glow: 0 0 22px rgba(50,60,60,0.22);
 
   --z-base: 1;
   --z-dropdown: 10;
@@ -252,8 +252,8 @@ body {
 .gradio-container textarea:focus,
 .gradio-container select:focus {
   outline: none !important;
-  border-color: rgba(59,130,246,0.70) !important;
-  box-shadow: 0 0 0 3px rgba(59,130,246,0.22) !important;
+  border-color: rgba(5,13,24,0.70) !important;
+  box-shadow: 0 0 0 3px rgba(9,0,26,0.22) !important;
 }
 
 .gradio-container input[type="range"] {
@@ -298,7 +298,7 @@ body {
 .gradio-container .gr-button-primary {
   background: linear-gradient(135deg, var(--ultra-blue) 0%, var(--ultra-blue-bright) 100%) !important;
   border-color: rgba(255,255,255,0.10) !important;
-  box-shadow: 0 10px 30px rgba(59,130,246,0.25) !important;
+  box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
 }
 
 .gradio-container button.primary:hover,
@@ -366,22 +366,9 @@ body {
   height: 10px !important;
 }
 
-#down_gallery [class*="gallery"]::-webkit-scrollbar-track,
-#strange_gallery [class*="gallery"]::-webkit-scrollbar-track {
-  background: rgba(255,255,255,0.03) !important;
-  border-radius: 999px !important;
-}
-
-#down_gallery [class*="gallery"]::-webkit-scrollbar-thumb,
-#strange_gallery [class*="gallery"]::-webkit-scrollbar-thumb {
-  background: rgba(96,165,250,0.25) !important;
-  border-radius: 999px !important;
-  border: 1px solid rgba(255,255,255,0.08) !important;
-}
-
 #down_gallery [class*="gallery"]::-webkit-scrollbar-thumb:hover,
 #strange_gallery [class*="gallery"]::-webkit-scrollbar-thumb:hover {
-  background: rgba(96,165,250,0.40) !important;
+  background: rgba(20,25,25,0.20) !important;
 }
 
 #down_gallery [class*="gallery"] [role="list"],
@@ -394,7 +381,7 @@ body {
 
 #down_gallery [role="listitem"],
 #strange_gallery [role="listitem"] {
-  flex: 0 0 320px !important; /* slide width */
+  flex: 0 0 220px !important; /* slide width */
   scroll-snap-align: start !important;
   border-radius: var(--radius-md) !important;
   overflow: hidden !important;
@@ -427,16 +414,6 @@ body {
   background: linear-gradient(90deg, rgba(59,130,246,0.35), rgba(96,165,250,0.12), rgba(0,0,0,0));
 }
 
-@media (max-width: 768px) {
-  #down_gallery [role="listitem"],
-  #strange_gallery [role="listitem"] {
-    flex-basis: 270px !important;
-  }
-  #down_gallery img, #strange_gallery img {
-    height: 200px !important;
-  }
-}
-
 .gradio-container label,
 .gradio-container .gr-label {
   color: var(--fg-secondary) !important;