Update app.py

app.py

@@ -8,121 +8,7 @@ import matplotlib.pyplot as plt
 from transformers import AutoModel, AutoProcessor
 from ultralytics import YOLO
 
-# Custom CSS for shadcn/Radix UI inspired look
-custom_css = """
-:root {
-  --primary: #0f172a;
-  --primary-foreground: #f8fafc;
-  --background: #f8fafc;
-  --card: #ffffff;
-  --card-foreground: #0f172a;
-  --border: #e2e8f0;
-  --ring: #94a3b8;
-  --radius: 0.5rem;
-}
-
-.dark {
-  --primary: #f8fafc;
-  --primary-foreground: #0f172a;
-  --background: #0f172a;
-  --card: #1e293b;
-  --card-foreground: #f8fafc;
-  --border: #334155;
-  --ring: #94a3b8;
-}
-
-.gradio-container {
-  margin: 0 !important;
-  padding: 0 !important;
-  max-width: 100% !important;
-}
-
-.main-container {
-  background-color: var(--background);
-  border-radius: var(--radius);
-  padding: 1.5rem;
-}
-
-.header {
-  margin-bottom: 1.5rem;
-  border-bottom: 1px solid var(--border);
-  padding-bottom: 1rem;
-}
-
-.header h1 {
-  font-size: 1.875rem;
-  font-weight: 700;
-  color: var(--primary);
-  margin-bottom: 0.5rem;
-}
-
-.header p {
-  color: var(--card-foreground);
-  opacity: 0.8;
-}
-
-.tab-nav {
-  background-color: var(--card);
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  padding: 0.25rem;
-  margin-bottom: 1.5rem;
-}
-
-.tab-nav button {
-  border-radius: calc(var(--radius) - 0.25rem) !important;
-  font-weight: 500 !important;
-  transition: all 0.2s ease-in-out !important;
-}
 
-.tab-nav button.selected {
-  background-color: var(--primary) !important;
-  color: var(--primary-foreground) !important;
-}
-
-.input-panel, .output-panel {
-  background-color: var(--card);
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  padding: 1.5rem;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
-}
-
-.gr-button-primary {
-  background-color: var(--primary) !important;
-  color: var(--primary-foreground) !important;
-  border-radius: var(--radius) !important;
-  font-weight: 500 !important;
-  transition: all 0.2s ease-in-out !important;
-}
-
-.gr-button-primary:hover {
-  opacity: 0.9 !important;
-}
-
-.gr-form {
-  border: none !important;
-  background: transparent !important;
-}
-
-.gr-input, .gr-select {
-  border: 1px solid var(--border) !important;
-  border-radius: var(--radius) !important;
-  padding: 0.5rem 0.75rem !important;
-}
-
-.gr-panel {
-  border: none !important;
-}
-
-.footer {
-  margin-top: 1.5rem;
-  border-top: 1px solid var(--border);
-  padding-top: 1rem;
-  font-size: 0.875rem;
-  color: var(--card-foreground);
-  opacity: 0.7;
-}"""
 # Custom CSS for a more modern UI inspired by NextUI
 custom_css = """
 :root {
@@ -772,4 +658,5 @@ with gr.Blocks(title="YOLO Vision Suite", css=custom_css) as demo:
     )
 
 if __name__ == "__main__":
-    demo.launch(share=True)  # Set share=True to create a public link
+    demo.launch(share=True)  # Set share=True to create a public link
+