@import url('/assets/css/main.css');
.md-toolbar{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.8rem}
.md-split{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.md-split textarea{min-height:380px}
.md-preview{min-height:380px;max-height:520px;overflow:auto;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius-sm);padding:1rem 1.2rem}
.md-preview h1,.md-preview h2,.md-preview h3{margin:.8em 0 .4em}
.md-preview p{margin:.5em 0}
.md-preview ul{list-style:disc;padding-left:1.4rem;margin:.5em 0}
.md-preview ol{list-style:decimal;padding-left:1.4rem;margin:.5em 0}
.md-preview blockquote{border-left:3px solid var(--primary);padding-left:.9rem;color:var(--muted);margin:.6em 0}
.md-preview code{background:#04070f;padding:.1rem .4rem;border-radius:5px;font-size:.85em;font-family:ui-monospace,Menlo,Consolas,monospace}
.md-preview pre{background:#04070f;padding:.9rem;border-radius:8px;overflow:auto;margin:.6em 0}
.md-preview pre code{background:none;padding:0}
.md-preview table{border-collapse:collapse;margin:.6em 0;font-size:.9rem}
.md-preview th,.md-preview td{border:1px solid var(--line);padding:.4rem .7rem}
.md-preview img{border-radius:8px}
@media(max-width:700px){.md-split{grid-template-columns:1fr}}