Update app.py

app.py

@@ -222,100 +222,79 @@ def generate_exam(exam_mode, subject, code, units, numA, numB, numC, syllabus_fi
     except Exception as e:
         return None, f"❌ Error: {str(e)}"
 
-css = """
-* {
-    box-sizing: border-box;
-}
-body, .gradio-container {
-    margin: 0 !important;
-    padding: 0 !important;
-    width: 100% !important;
-    max-width: 100% !important;
-}
-.contain {
-    max-width: 100% !important;
-    width: 100% !important;
-    padding: 0 !important;
-    margin: 0 !important;
-}
-.main {
-    width: 100% !important;
-    max-width: 100% !important;
-    padding: 20px !important;
-}
-#component-0 {
-    max-width: 100% !important;
-    width: 100% !important;
-}
-.header-gradient {
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-    color: white;
-    padding: 40px 20px;
-    text-align: center;
-    border-radius: 15px;
-    margin-bottom: 30px;
-    box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
-}
-.header-gradient h1 {
-    font-size: 2.5rem;
-    margin: 0 0 10px 0;
-    font-weight: 700;
-}
-.header-gradient p {
-    margin: 5px 0;
-    font-size: 1.1rem;
-    opacity: 0.95;
-}
-.feature-card {
-    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
-    padding: 25px;
-    border-radius: 12px;
-    border-left: 5px solid #667eea;
-    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
-    height: 100%;
-}
-.feature-card h4 {
-    color: #667eea;
-    margin-top: 0;
-    font-size: 1.3rem;
-}
-.feature-card ul {
-    list-style: none;
-    padding: 0;
-    margin: 15px 0 0 0;
-}
-.feature-card li {
-    padding: 8px 0;
-    font-size: 1rem;
-    color: #2d3748;
-}
-.section-title {
-    color: #667eea;
-    font-size: 1.4rem;
-    font-weight: 600;
-    margin: 20px 0 15px 0;
-    padding-bottom: 10px;
-    border-bottom: 2px solid #667eea;
-}
-footer {
-    text-align: center;
-    padding: 20px;
-    color: #718096;
-    margin-top: 40px;
-    border-top: 1px solid #e2e8f0;
-}
-@media (max-width: 768px) {
+# Create the interface without inline CSS for older Gradio versions
+with gr.Blocks() as demo:
+    gr.HTML("""
+    <style>
+    * {
+        box-sizing: border-box;
+    }
+    .header-gradient {
+        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+        color: white;
+        padding: 40px 20px;
+        text-align: center;
+        border-radius: 15px;
+        margin-bottom: 30px;
+        box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
+    }
     .header-gradient h1 {
-        font-size: 1.8rem;
+        font-size: 2.5rem;
+        margin: 0 0 10px 0;
+        font-weight: 700;
     }
     .header-gradient p {
-        font-size: 0.95rem;
+        margin: 5px 0;
+        font-size: 1.1rem;
+        opacity: 0.95;
     }
-}
-"""
-
-with gr.Blocks(css=css) as demo:
-    gr.HTML("""
+    .feature-card {
+        background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
+        padding: 25px;
+        border-radius: 12px;
+        border-left: 5px solid #667eea;
+        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
+        height: 100%;
+    }
+    .feature-card h4 {
+        color: #667eea;
+        margin-top: 0;
+        font-size: 1.3rem;
+    }
+    .feature-card ul {
+        list-style: none;
+        padding: 0;
+        margin: 15px 0 0 0;
+    }
+    .feature-card li {
+        padding: 8px 0;
+        font-size: 1rem;
+        color: #2d3748;
+    }
+    .section-title {
+        color: #667eea;
+        font-size: 1.4rem;
+        font-weight: 600;
+        margin: 20px 0 15px 0;
+        padding-bottom: 10px;
+        border-bottom: 2px solid #667eea;
+    }
+    footer {
+        text-align: center;
+        padding: 20px;
+        color: #718096;
+        margin-top: 40px;
+        border-top: 1px solid #e2e8f0;
+    }
+    @media (max-width: 768px) {
+        .header-gradient h1 {
+            font-size: 1.8rem;
+        }
+        .header-gradient p {
+            font-size: 0.95rem;
+        }
+    }
+    </style>
     <div class="header-gradient">
         <h1>SNS Tech - Q&A Agent x Codeboosters Tech</h1>
         <p><strong>AI-Powered Question Paper & Answer Key Generator</strong></p>