@charset "UTF-8";
.md-toolbar { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; }
.md-split { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.md-side { display: flex; flex-direction: column; gap: 6px; }
.md-side .lbl { font-weight: 600; font-size: 0.85rem; }
#mdInput { min-height: 460px; width: 100%; box-sizing: border-box; font-family: 'Courier New', monospace; font-size: 0.9rem; resize: vertical; }
#mdPreview { min-height: 460px; border: 1px solid var(--border-color); border-radius: var(--tool-radius); padding: 14px 18px; overflow: auto; background: var(--bg-color); }
#mdPreview h1, #mdPreview h2, #mdPreview h3 { margin-top: 0.6em; }
#mdPreview h1 { border-bottom: 1px solid var(--border-color); padding-bottom: 6px; }
#mdPreview pre { background: var(--alt-content-bg-color); padding: 12px; border-radius: var(--tool-radius-sm); overflow: auto; }
#mdPreview code { font-family: 'Courier New', monospace; }
#mdPreview :not(pre) > code { background: var(--alt-content-bg-color); padding: 1px 5px; border-radius: 3px; }
#mdPreview blockquote { border-left: 4px solid var(--tool-accent); margin: 0 0 1em; padding: 2px 14px; opacity: 0.9; }
#mdPreview table { border-collapse: collapse; }
#mdPreview th, #mdPreview td { border: 1px solid var(--border-color); padding: 6px 10px; }
#mdPreview img { max-width: 100%; }
.md-about p { margin: 0 0 12px; }
@media (max-width: 760px) { .md-split { grid-template-columns: 1fr; } }