/* HTML to Markdown: side-by-side panes and sandboxed preview. */
.hm-panes textarea, .hm-frame { height: 440px; min-height: 440px; }
.hm-frame { display: block; width: 100%; border: 1px solid var(--field-border); border-radius: var(--r); background: #fff; }
.hm-frame[hidden] { display: none; }
@media (max-width: 560px) { .hm-panes textarea, .hm-frame { height: 320px; min-height: 320px; } }
#hm-bullet button { min-width: 52px; font-family: var(--mono); font-size: 1rem; }