.tool[data-tool=markdown-editor] .mde-bar{gap:var(--space-1);flex-wrap:wrap;margin-block-end:var(--space-3);display:flex}.tool[data-tool=markdown-editor] .mde-bar .btn{min-inline-size:var(--tap);padding-inline:var(--space-2)}.tool[data-tool=markdown-editor] .mde-grid{gap:var(--space-3);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:820px){.tool[data-tool=markdown-editor] .mde-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.tool[data-tool=markdown-editor] .mde textarea{font-family:var(--font-mono,ui-monospace, monospace);min-block-size:16rem}.tool[data-tool=markdown-editor] .mde-label{font-weight:600}.tool[data-tool=markdown-editor] .mde-preview{min-block-size:16rem;max-block-size:36rem;padding:var(--space-3);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface);overflow-wrap:anywhere;overflow:auto}.tool[data-tool=markdown-editor] .mde-preview :is(h1,h2,h3){margin-block:.6em .3em}.tool[data-tool=markdown-editor] .mde-preview blockquote{border-inline-start:3px solid var(--c-border-strong);margin-inline:0;padding-inline-start:var(--space-3)}.tool[data-tool=markdown-editor] .mde-preview pre{padding:var(--space-2);background:var(--c-bg);overflow-x:auto}.tool[data-tool=markdown-editor] .mde-preview table{border-collapse:collapse}.tool[data-tool=markdown-editor] .mde-preview :is(td,th){border:1px solid var(--c-border);padding:.25rem .5rem}