.md-panes { display: grid; gap: 16px; }
@media (min-width: 900px) { .md-panes { grid-template-columns: 1fr 1fr; } }
.md textarea.mono { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: .875rem; }
.md-tabs { margin-bottom: 8px; }
.md-preview { border: 1px solid var(--line); border-radius: 10px; padding: 12px 18px; min-height: 340px; max-height: 560px; overflow: auto; background: #fff; max-width: none; }
.md-preview img { max-width: 100%; }
.md-opts { display: flex; flex-wrap: wrap; gap: 4px 22px; margin-top: 8px; }