Add print styles for markdown content in index.css

src/index.css

@@ -857,3 +857,49 @@ body[data-theme="light"] .editor__textarea-wrap:focus-within {
 .settings-panel__section--row .settings-panel__label {
   margin: 0;
 }
+
+@media print {
+  body.print-markdown {
+    --bg: #ffffff;
+    --bg-elevated: #ffffff;
+    --panel: #ffffff;
+    --ink: #111111;
+    --muted: #444444;
+    --border: #dddddd;
+    --bg-input: #ffffff;
+    --bg-contrast: #f5f5f5;
+    --bg-contrast-strong: #eeeeee;
+    background: #ffffff;
+    color: #111111;
+  }
+
+  body.print-markdown .app {
+    display: block;
+    height: auto;
+  }
+
+  body.print-markdown .sidebar,
+  body.print-markdown .history,
+  body.print-markdown .editor__header,
+  body.print-markdown .editor__footer,
+  body.print-markdown .line-numbers,
+  body.print-markdown .line-measure {
+    display: none !important;
+  }
+
+  body.print-markdown .workspace__content {
+    grid-template-columns: 1fr;
+    gap: 0;
+  }
+
+  body.print-markdown .editor__textarea-wrap {
+    border-color: transparent;
+    background: transparent;
+    overflow: visible;
+  }
+
+  body.print-markdown .markdown-preview {
+    padding: 0;
+    overflow: visible;
+  }
+}