Update app.py

app.py

@@ -83,7 +83,17 @@ def check_plagiarism(text):
 # Define the Gradio interface
 def create_plagiarism_checker():
     with gr.Blocks() as app:
-        # Title and description with formatting
+        # Embed CSS directly with an HTML component
+        app.append(gr.HTML("""
+            <style>
+                #text_input { font-size: 16px; border: 1px solid #ddd; padding: 8px; }
+                #output { font-size: 16px; padding: 8px; border-radius: 5px; }
+                #check_button { font-size: 16px; background-color: #4CAF50; color: white; border: none; padding: 10px 20px; cursor: pointer; }
+                #check_button:hover { background-color: #45a049; }
+            </style>
+        """))
+
+        # Title and description
         gr.Markdown("""
             # 📝 Plagiarism and Academic Integrity Checker
             Use this tool to detect AI-generated content in your text using SynthID technology. 
@@ -91,7 +101,7 @@ def create_plagiarism_checker():
             ---
         """)
 
-        # Layout the components in a single row
+        # Layout the components
         with gr.Row():
             # Input textbox for users to paste text
             text_input = gr.Textbox(
@@ -116,14 +126,6 @@ def create_plagiarism_checker():
 
     return app
 
-# Add some basic CSS for styling
-css = """
-    #text_input { font-size: 16px; border: 1px solid #ddd; padding: 8px; }
-    #output { font-size: 16px; padding: 8px; border-radius: 5px; }
-    #check_button { font-size: 16px; background-color: #4CAF50; color: white; border: none; padding: 10px 20px; cursor: pointer; }
-    #check_button:hover { background-color: #45a049; }
-"""
-
-# Launch the app with the custom CSS
+# Launch the app
 plagiarism_checker_app = create_plagiarism_checker()
-plagiarism_checker_app.launch(css=css)
+plagiarism_checker_app.launch()