Update app.py

app.py

@@ -54,24 +54,36 @@ def predict(image, model_type):
 # Custom glow box CSS
 custom_css = """
 .result-box {
-    background-color: black; /* dark inside */
+    background-color: black;
     padding: 20px;
     border-radius: 12px;
-    box-shadow: 0 0 20px oklch(0.718 0.202 349.761); /* outer glow only */
+    box-shadow: 0 0 20px oklch(0.718 0.202 349.761);
     color: white;
     font-size: 1.2rem;
     text-align: center;
     font-weight: bold;
     width: 100%;
 }
-.gradio-container { max-width: 900px; margin: auto; }
+
+.disclaimer {
+    color: white;
+    font-size: 0.9rem;
+    text-align: center;
+    margin-top: 40px;
+    text-shadow: 0 0 10px oklch(0.718 0.202 349.761);
+}
+
+.gradio-container {
+    max-width: 900px;
+    margin: auto;
+}
 """
 
 # Gradio UI
 with gr.Blocks(css=custom_css) as demo:
     gr.Markdown("## NSFW Detector (Human and Anime/Cartoon)")
     gr.Markdown(
-        "Upload an img and select the appropriate model. The system will detect whether the content is NSFW or SFW. "
+        "Upload an img and select the appropriate model. The system will detect whether the content is NSFW or SFW."
     )
 
     with gr.Row():
@@ -84,18 +96,10 @@ with gr.Blocks(css=custom_css) as demo:
     image_input.change(fn=predict, inputs=[image_input, model_choice], outputs=output_box)
     model_choice.change(fn=predict, inputs=[image_input, model_choice], outputs=output_box)
 
-gr.Markdown(
+    # Disclaimer with glow
+    gr.Markdown(
         "<div class='disclaimer'>This is a side project. Results are not guaranteed. No images are stored.</div>"
     )
-.disclaimer {
-    color: white;
-    font-size: 0.9rem;
-    text-align: center;
-    margin-top: 40px;
-    text-shadow: 0 0 10px oklch(0.718 0.202 349.761); /* soft outer glow */
-}
-
-
 
 if __name__ == "__main__":
     demo.launch()