.mde{margin:2rem 0}.mde-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mde-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.5rem 1rem;margin-bottom:.5rem;display:flex}.mde-bar{flex-wrap:wrap;gap:.35rem;display:flex}.mde-group{display:flex}.mde-group+.mde-group{border-inline-start:1.5px dashed var(--line);padding-inline-start:.35rem}.mde-tb{width:2.2rem;height:2.2rem;color:var(--ink);border-color:#0000;margin:0;padding:0}.mde-tb:hover{border-color:var(--line-strong)}.mde-view{display:flex}.mde-view button{width:auto;margin:0;padding:.35rem .8rem;font-size:.85rem}.mde-view button+button{margin-inline-start:-1.5px}.mde-view button[aria-pressed=true]{background:var(--pri);border-color:var(--pri);color:var(--pri-ink)}.mde-panes{border:1.5px solid var(--line-strong);background:var(--surface);grid-template-columns:1fr 1fr;height:clamp(26rem,68vh,46rem);display:grid}.mde-panes[data-mode=write]{grid-template-columns:1fr}.mde-panes[data-mode=write] .mde-view-pane{display:none}.mde-panes[data-mode=preview]{grid-template-columns:1fr}.mde-panes[data-mode=preview] .mde-write{display:none}.mde-pane{min-width:0;min-height:0;position:relative}.mde-panes[data-mode=split] .mde-write{border-inline-end:1.5px solid var(--line-strong)}#mde-input{resize:none;background:var(--field-bg);width:100%;height:100%;font-family:var(--font-mono);tab-size:4;white-space:pre-wrap;overflow-wrap:break-word;border:0;border-radius:0;margin:0;padding:.9rem 1rem;font-size:.88rem;line-height:1.6;display:block}#mde-input:focus-visible{outline:2px solid var(--acc);outline-offset:-2px;box-shadow:none}.mde-preview{height:100%;padding:.9rem 1.25rem 2rem;overflow:auto}.mde-preview:focus-visible{outline:2px solid var(--acc);outline-offset:-2px}.mde-drop{border:1.5px dashed var(--pri);background:color-mix(in srgb, var(--pri-soft) 88%, transparent);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;pointer-events:none;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.mde.is-dragging .mde-drop{display:flex}.mde-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem 1.25rem;padding:.5rem 0;display:flex}.mde-stats{font-family:var(--font-mono);color:var(--muted);margin:0;font-size:.8rem}.mde-opts{flex-wrap:wrap;align-items:center;gap:.4rem 1.25rem;display:flex}.mde-check-wrap{align-items:center;gap:.3rem;display:inline-flex}.mde-check{cursor:pointer;align-items:center;gap:.45rem;margin:0;font-size:.88rem;font-weight:600;display:inline-flex}.mde-check input{margin:0}.mde-status{min-height:1.5rem;color:var(--muted);font-size:.9rem}.mde-status button{width:auto;margin:0 0 0 .5rem;padding:.15rem .6rem;font-size:.82rem}.mde-error{color:var(--err);margin:.25rem 0 0;font-size:.9rem;font-weight:700}.mde-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin-top:.5rem;display:flex}.mde-act{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.mde-act button{width:auto;margin:0;padding:.4rem .75rem;font-size:.85rem}.mde-dl button{font-family:var(--font-mono);padding-inline:.6rem;font-weight:600}.mde-act-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.35rem;font-size:.9rem;display:inline-flex}.mde-more{font-size:.9rem;font-weight:700}.mde-keys{margin-top:1rem}.mde-keys table{width:auto;margin:.5rem 0 0}.mde-keys td{padding:.3rem .75rem .3rem 0}.mde-keys kbd{white-space:nowrap}@media (width<=760px){.mde-view [data-view=split]{display:none}.mde-bar{scrollbar-width:thin;flex-wrap:nowrap;width:100%;overflow-x:auto}.mde-group{flex:none}.mde-panes{height:clamp(22rem,62vh,36rem)}.mde-tb{width:2.4rem;height:2.4rem}}