Update app.py

app.py

@@ -14,8 +14,8 @@ def insert_snippet(text, editor_content, cursor_position):
     )
     return new_content, new_content, cursor_position + len(text)
 
-# Create the interface
-with gr.Blocks() as app:
+# Create the interface with customized styles
+with gr.Blocks(css=".preview-box {border: 1px solid black; padding: 10px;}") as app:
     gr.Markdown("### Blog Editor with Live Preview")
     with gr.Row():
         with gr.Column():
@@ -24,7 +24,7 @@ with gr.Blocks() as app:
                 insert_button1 = gr.Button("Insert Snippet 1")
                 insert_button2 = gr.Button("Insert Snippet 2")
         with gr.Column():
-            preview_box = gr.HTML(label="Live Preview", elem_id="preview", visible=True, style={'border': '1px solid black', 'padding': '10px'})
+            preview_box = gr.HTML(label="Live Preview", elem_id="preview", visible=True, className="preview-box")
 
     # Interactivity
     text_editor.change(fn=update_preview, inputs=text_editor, outputs=preview_box)