Update Gradio app with multiple files

app.py

@@ -92,27 +92,51 @@ css = '''
     padding: 2rem;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
 }
-.gradio-container {
+.gradio-container.light {
     background: linear-gradient(to bottom, #f5f5f7, #ffffff);
 }
+.gradio-container.dark {
+    background: linear-gradient(to bottom, #1a1a1a, #0d0d0d);
+}
 #title {
     text-align: center;
     font-size: 2.5rem;
     font-weight: 600;
-    color: #1d1d1f;
     margin-bottom: 0.5rem;
 }
+.light #title {
+    color: #1d1d1f;
+}
+.dark #title {
+    color: #f5f5f7;
+}
 #description {
     text-align: center;
     font-size: 1.1rem;
-    color: #6e6e73;
     margin-bottom: 2rem;
 }
+.light #description {
+    color: #6e6e73;
+}
+.dark #description {
+    color: #a1a1a6;
+}
+.light #description a {
+    color: #0071e3;
+}
+.dark #description a {
+    color: #2997ff;
+}
 .image-container {
     border-radius: 18px;
     overflow: hidden;
+}
+.light .image-container {
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07);
 }
+.dark .image-container {
+    box-shadow: 0 4px 6px rgba(255, 255, 255, 0.1);
+}
 #convert-btn {
     background: linear-gradient(180deg, #0071e3 0%, #0077ed 100%);
     border: none;