/* Markdown to HTML: side-by-side editor and sandboxed preview. */
.mh-panes textarea, .mh-frame { height: 480px; min-height: 480px; }
.mh-frame { display: block; width: 100%; border: 1px solid var(--field-border); border-radius: var(--r); background: #fff; }
:root[data-theme='dark'] .mh-frame { background: #0f1426; }
.mh-frame[hidden] { display: none; }
@media (max-width: 560px) { .mh-panes textarea, .mh-frame { height: 340px; min-height: 340px; } }