body.markdown-exporter-page .tool-column textarea {
  min-height: 320px;
}

body.markdown-exporter-page .markdown-preview {
  min-height: 320px;
  max-height: 600px;
  overflow-y: auto;
  border: 1px solid #2b2b2b;
  border-radius: var(--radius-md);
  background: #151515;
  color: #e6e6e6;
  padding: 0.9rem 1rem;
}

body.markdown-exporter-page .markdown-preview h1,
body.markdown-exporter-page .markdown-preview h2,
body.markdown-exporter-page .markdown-preview h3,
body.markdown-exporter-page .markdown-preview h4,
body.markdown-exporter-page .markdown-preview h5,
body.markdown-exporter-page .markdown-preview h6 {
  margin: 1.1em 0 0.5em;
  line-height: 1.25;
  color: #ffffff;
}

body.markdown-exporter-page .markdown-preview h1:first-child,
body.markdown-exporter-page .markdown-preview h2:first-child,
body.markdown-exporter-page .markdown-preview h3:first-child {
  margin-top: 0;
}

body.markdown-exporter-page .markdown-preview p {
  margin: 0.6em 0;
  line-height: 1.6;
}

body.markdown-exporter-page .markdown-preview a {
  color: #7ec8ff;
}

body.markdown-exporter-page .markdown-preview code {
  font-family: var(--font-mono, monospace);
  background: #232323;
  border-radius: 4px;
  padding: 0.1em 0.35em;
  font-size: 0.85em;
}

body.markdown-exporter-page .markdown-preview pre {
  background: #1a1a1a;
  border: 1px solid #2b2b2b;
  border-radius: var(--radius-md);
  padding: 0.8em 1em;
  overflow-x: auto;
}

body.markdown-exporter-page .markdown-preview pre code {
  background: none;
  padding: 0;
}

body.markdown-exporter-page .markdown-preview blockquote {
  margin: 0.7em 0;
  padding: 0.3em 1em;
  border-left: 3px solid #3a3a3a;
  color: #b5b5b5;
}

body.markdown-exporter-page .markdown-preview ul,
body.markdown-exporter-page .markdown-preview ol {
  margin: 0.6em 0;
  padding-left: 1.4em;
}

body.markdown-exporter-page .markdown-preview li {
  margin: 0.25em 0;
}

body.markdown-exporter-page .btn-primary .icon-inline,
body.markdown-exporter-page .btn-secondary .icon-inline {
  margin-right: 0.45rem;
}