Update app.py

app.py

@@ -208,7 +208,7 @@ image_examples = [
     ["explain the movie shot in detail.", "images/5.jpg"],
     ["convert this page to doc [text] precisely for markdown.", "images/1.png"],
     ["convert this page to doc [table] precisely for markdown.", "images/2.png"],
-    ["explain the movie shot in detail.", "images/3.png"],   
+    ["explain the movie shot in detail.", "images/3.png"],
     ["fill the correct numbers.", "images/4.png"]
 ]
 
@@ -231,6 +231,42 @@ css = """
     border-radius: 10px;
     padding: 20px;
 }
+.model-choices .gr-form:nth-child(1) label {
+    background-color: #e0f7fa !important;
+    border: 1px solid #00796b !important;
+    color: #00796b !important;
+}
+.model-choices .gr-form:nth-child(3) label {
+    background-color: #e0f7fa !important;
+    border: 1px solid #00796b !important;
+    color: #00796b !important;
+}
+.model-choices .gr-form:nth-child(2) label {
+    background-color: #fff3e0 !important;
+    border: 1px solid #f57c00 !important;
+    color: #f57c00 !important;
+}
+.model-choices .gr-form:nth-child(4) label {
+    background-color: #fff3e0 !important;
+    border: 1px solid #f57c00 !important;
+    color: #f57c00 !important;
+}
+.model-choices .gr-form:nth-child(1) label::after {
+    content: " (OCR)";
+    font-weight: bold;
+}
+.model-choices .gr-form:nth-child(3) label::after {
+    content: " (OCR)";
+    font-weight: bold;
+}
+.model-choices .gr-form:nth-child(2) label::after {
+    content: " (Reasoning)";
+    font-weight: bold;
+}
+.model-choices .gr-form:nth-child(4) label::after {
+    content: " (Reasoning)";
+    font-weight: bold;
+}
 """
 
 # Create the Gradio Interface
@@ -267,13 +303,14 @@ with gr.Blocks(css=css, theme="bethecloud/storj_theme") as demo:
             with gr.Column(elem_classes="canvas-output"):
                 gr.Markdown("## Output")
                 output = gr.Textbox(label="Raw Output Stream", interactive=False, lines=2)
-                with gr.Accordion("(Result.md)", open=False):                
+                with gr.Accordion("(Result.md)", open=False):
                     markdown_output = gr.Markdown(label="(Result.md)")
 
             model_choice = gr.Radio(
                 choices=["Camel-Doc-OCR-062825", "GLM-4.1V-9B-Thinking", "Megalodon-OCR-Sync-0713", "ViLaSR-7B"],
                 label="Select Model",
-                value="Camel-Doc-OCR-062825"
+                value="Camel-Doc-OCR-062825",
+                elem_classes="model-choices"
             )
             gr.Markdown("**Model Info 💻** | [Report Bug](https://huggingface.co/spaces/prithivMLmods/Multimodal-VLM-v1.0/discussions)")