...

static/css/layout.css

@@ -132,3 +132,31 @@ html, body {
     background: var(--text-secondary);
 }
 
+
+/* Preview Pane Styling */
+#previewPane {
+    flex: 1 1 40%;
+    min-width: 250px;
+    max-width: 70%;
+    padding: 0;
+    overflow-y: auto;
+    overflow-x: hidden;
+    background-color: var(--bg-primary);
+    border-left: 1px solid var(--border-color);
+}
+
+#preview {
+    padding: 20px;
+    min-height: 100%;
+    overflow-wrap: break-word;
+    word-wrap: break-word;
+}
+
+#preview > p:first-child {
+    margin-top: 0;
+}
+
+#preview > h1:first-child,
+#preview > h2:first-child {
+    margin-top: 0;
+}