.mdh{max-width:var(--max-w-page)}.mdh-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:0 0 var(--space-4)}.mdh-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);line-height:1;border-radius:var(--radius)}.mdh-btn-secondary{background:var(--color-bg-elevated);color:var(--color-fg);border:1px solid var(--color-border)}.mdh-btn-secondary:hover:not([disabled]){background:var(--color-bg);border-color:var(--color-fg-muted)}.mdh-btn[disabled]{opacity:.5;cursor:not-allowed}.mdh-icon{flex-shrink:0}.mdh-status{margin-left:auto;font-size:var(--text-sm);color:var(--color-fg-muted);min-height:1.2em}@media(max-width:480px){.mdh-status{margin-left:0;flex-basis:100%}}.mdh-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:720px){.mdh-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}}.mdh-pane{display:flex;flex-direction:column;min-width:0}.mdh-pane-label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-fg);margin:0 0 var(--space-2)}.mdh-preview-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.mdh-stats{font-size:var(--text-sm);color:var(--color-fg-muted);font-variant-numeric:tabular-nums}.mdh-input{width:100%;min-height:18rem;resize:vertical;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.55;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);color:var(--color-fg)}@media(min-width:720px){.mdh-input{min-height:32rem}}@media(min-width:1100px){.mdh-input{min-height:38rem}}.mdh-preview{flex:1;min-height:18rem;overflow:auto;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4);color:var(--color-fg)}@media(min-width:720px){.mdh-preview{min-height:32rem;max-height:60vh}}@media(min-width:1100px){.mdh-preview{min-height:38rem}}.mdh-empty{margin:0;color:var(--color-fg-muted);font-style:italic}.mdh-prose{line-height:var(--leading)}.mdh-prose>:first-child{margin-top:0}.mdh-prose>:last-child{margin-bottom:0}.mdh-prose h1,.mdh-prose h2,.mdh-prose h3,.mdh-prose h4,.mdh-prose h5,.mdh-prose h6{line-height:1.25;letter-spacing:-.01em;margin:var(--space-6) 0 var(--space-3)}.mdh-prose h1{font-size:var(--text-2xl)}.mdh-prose h2{font-size:var(--text-xl)}.mdh-prose h3{font-size:var(--text-lg)}.mdh-prose h4,.mdh-prose h5,.mdh-prose h6{font-size:var(--text-base)}.mdh-prose p{margin:0 0 var(--space-3)}.mdh-prose a{color:var(--color-accent)}.mdh-prose strong{font-weight:700}.mdh-prose em{font-style:italic}.mdh-prose code{font-family:var(--font-mono);font-size:.875em;background:var(--color-code-bg);padding:.1em .35em;border-radius:.25rem}.mdh-prose pre{font-family:var(--font-mono);font-size:.875em;background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);overflow-x:auto;margin:0 0 var(--space-3)}.mdh-prose pre code{background:transparent;padding:0;border-radius:0;font-size:1em}.mdh-prose ul,.mdh-prose ol{margin:0 0 var(--space-3);padding-left:1.5em}.mdh-prose li{margin-bottom:var(--space-1)}.mdh-prose blockquote{margin:0 0 var(--space-3);padding:var(--space-2) var(--space-4);border-left:3px solid var(--color-border);color:var(--color-fg-muted)}.mdh-prose blockquote>:first-child{margin-top:0}.mdh-prose blockquote>:last-child{margin-bottom:0}.mdh-prose hr{border:0;border-top:1px solid var(--color-border);margin:var(--space-6) 0}.mdh-prose table{border-collapse:collapse;margin:0 0 var(--space-3);width:100%;font-size:var(--text-sm)}.mdh-prose th,.mdh-prose td{border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);text-align:left}.mdh-prose th{background:var(--color-code-bg);font-weight:600}.mdh-prose img{max-width:100%;height:auto;border-radius:var(--radius)}.mdh-help{margin:var(--space-4) 0 0;color:var(--color-fg-muted);font-size:var(--text-sm)}.mdh-help kbd{font-family:var(--font-mono);font-size:.85em;background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:.25rem;padding:0 .35em}.mdh-footnote{margin-top:var(--space-8);color:var(--color-fg-muted);font-size:var(--text-sm);max-width:42rem}.mdh-footnote a{color:var(--color-fg-muted)}
