Update app.py

app.py

@@ -42,52 +42,33 @@ def run_struct(text, struct_json):
     res = model.extract_json(text=text, structures=cfg, include_confidence=True)
     return model.pretty_print_results(res, include_confidence=True)
 
-# Custom CSS for modern look
+# Simplified CSS - uses default backgrounds
 custom_css = """
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
-:root {
-  --primary: #4f46e5;
-  --secondary: #6366f1;
-  --background: #f9fafb;
-  --card-bg: #ffffff;
-  --text: #1f2937;
-  --muted: #6b7280;
-}
+
 body {
-  background: var(--background) !important;
   font-family: 'Inter', sans-serif;
-  color: var(--text) !important;
 }
+
 header.brand {
   padding: 2rem 0;
   text-align: center;
 }
+
 header.brand .logo {
   font-size: 2rem;
   font-weight: 700;
-  color: var(--primary);
+  color: #4f46e5;
 }
+
 header.brand .subtitle {
   margin-top: 0.2rem;
   font-size: 0.9rem;
-  color: var(--muted);
-}
-.gradio-container {
-  max-width: 800px;
-  margin: auto;
-  padding: 1rem;
-}
-.card {
-  background: var(--card-bg);
-  padding: 1.5rem;
-  border-radius: 0.75rem;
-  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
-  margin-bottom: 1.5rem;
-  display: grid;
-  grid-gap: 1rem;
+  color: #6b7280;
 }
+
 .gr-button.primary {
-  background: var(--primary) !important;
+  background: #4f46e5 !important;
   color: #fff !important;
   border-radius: 0.5rem;
   padding: 0.6rem 1.2rem;
@@ -152,4 +133,4 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="purple", secondary_hue="blue"),
                     out3 = gr.Code(language="json", label="Results", lines=8)
                 btn3.click(run_struct, inputs=[txt3, struct3], outputs=out3)
 
-    demo.launch(share=False)
+    demo.launch(share=False, width=800)