Update app.py

app.py

@@ -324,6 +324,10 @@ css = """
 .submit-btn:hover {
     background-color: #3498db !important;
 }
+.canvas-output {
+    border: 2px solid #4682B4;
+    border-radius: 10px;
+    padding: 20px;
 """
 
 # Create the Gradio Interface
@@ -354,8 +358,13 @@ with gr.Blocks(css=css, theme="bethecloud/storj_theme") as demo:
                 top_p = gr.Slider(label="Top-p (nucleus sampling)", minimum=0.05, maximum=1.0, step=0.05, value=0.9)
                 top_k = gr.Slider(label="Top-k", minimum=1, maximum=1000, step=1, value=50)
                 repetition_penalty = gr.Slider(label="Repetition penalty", minimum=1.0, maximum=2.0, step=0.05, value=1.2)
+                
         with gr.Column():
-            output = gr.Textbox(label="Output", interactive=False, lines=3, scale=2)
+            with gr.Column(elem_classes="canvas-output"):
+                gr.Markdown("## Result.Md")
+                output = gr.Textbox(label="Raw Output Stream", interactive=False, lines=2)
+                markdown_output = gr.Markdown(label="Formatted Result (Result.Md)")
+            
             model_choice = gr.Radio(
                 choices=["Nanonets-OCR-s", "MonkeyOCR-Recognition", "SmolDocling-256M-preview", "Typhoon-OCR-7B"],
                 label="Select Model",