Update app.py

app.py

@@ -139,6 +139,32 @@ def save_uploaded_files(files):
     
     return saved_paths
 
+# Add CSS styling
+custom_css = """
+<style>
+    #generate_button {
+        background: linear-gradient(135deg, #4a00e0 0%, #8e2de2 100%); /* Purple gradient */
+        color: white;
+        font-weight: bold;
+    }
+    #generate_button:hover {
+        background: linear-gradient(135deg, #5b10f1 0%, #9f3ef3 100%); /* Slightly lighter */
+    }
+    #api_key_button {
+        background: linear-gradient(135deg, #68d391 0%, #48bb78 100%); /* Green gradient */
+        color: white;
+        font-weight: bold;
+        margin-top: 27px;
+    }
+    #api_key_button:hover {
+        background: linear-gradient(135deg, #38a169 0%, #68d391 100%); /* Slightly darker green */
+    }
+    .gradio-container {
+        max-width: 1200px !important;
+    }
+</style>
+"""
+
 # Gradio UI Layout
 with gr.Blocks(css=custom_css) as demo:
     gr.Markdown("# Systematic Review Generator for Research Papers")
@@ -205,32 +231,6 @@ with gr.Blocks(css=custom_css) as demo:
         outputs=[review_output]
     )
 
-# Add CSS styling
-custom_css = """
-<style>
-    #generate_button {
-        background: linear-gradient(135deg, #4a00e0 0%, #8e2de2 100%); /* Purple gradient */
-        color: white;
-        font-weight: bold;
-    }
-    #generate_button:hover {
-        background: linear-gradient(135deg, #5b10f1 0%, #9f3ef3 100%); /* Slightly lighter */
-    }
-    #api_key_button {
-        background: linear-gradient(135deg, #68d391 0%, #48bb78 100%); /* Green gradient */
-        color: white;
-        font-weight: bold;
-        margin-top: 27px;
-    }
-    #api_key_button:hover {
-        background: linear-gradient(135deg, #38a169 0%, #68d391 100%); /* Slightly darker green */
-    }
-    .gradio-container {
-        max-width: 1200px !important;
-    }
-</style>
-"""
-
 # Launch the app
 if __name__ == "__main__":
     demo.launch(share=True)