@font-face { font-family: "MDT Inter"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("chrome-extension://__MSG_@@extension_id__/vendor/fonts/inter.woff2") format("woff2"), url("../vendor/fonts/inter.woff2") format("woff2"); }
@font-face { font-family: "MDT Inter"; font-style: italic; font-weight: 100 900; font-display: swap;
  src: url("chrome-extension://__MSG_@@extension_id__/vendor/fonts/inter-italic.woff2") format("woff2"), url("../vendor/fonts/inter-italic.woff2") format("woff2"); }
/* Sharpmd. Todo cuelga de .lmd-root para no tocar páginas donde la extensión no actúa. */
.lmd-root {
  --lmd-side-w: 300px;
  --lmd-content-w: 1040px;
  --lmd-font-size: 16px;
  --lmd-line-height: 1.65;
  --lmd-font: "MDT Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;
  --lmd-mono: ui-monospace, SFMono-Regular, "Cascadia Code", Consolas, "Liberation Mono", Menlo, monospace;
  color-scheme: light;
}
.lmd-root.lmd-light {
  --bg: #fbfaf7;
  --bg-side: #f2f0ea;
  --bg-soft: #f1efe9;
  --bg-code: #f1efe9;
  --fg: #1d2026;
  --fg-muted: #5c6370;
  --fg-faint: #8a909c;
  --line: #dedbd2;
  --accent: #4d7c0f;
  --accent-fill: var(--accent);
  --accent-fg: #ffffff;
  --accent-soft: rgba(101, 163, 13, 0.16);
  --link: #1f6feb;
  --hit: #ffe08a;
  --hit-current: #ff9f43;
  --shadow: 0 10px 40px rgba(20, 22, 28, 0.18);
}
.lmd-root.lmd-dark {
  color-scheme: dark;
  --bg: #121418;
  --bg-side: #0c0d10;
  --bg-soft: #1a1d23;
  --bg-code: #181b21;
  --fg: #e6e8ec;
  --fg-muted: #a0a7b4;
  --fg-faint: #6b7280;
  --line: #2a2e37;
  --accent: #bef264;
  --accent-fill: var(--accent);
  --accent-fg: #14161a;
  --accent-soft: rgba(190, 242, 100, 0.14);
  --link: #7aa7ff;
  --hit: #6b5a10;
  --hit-current: #b45309;
  --shadow: 0 10px 40px rgba(0, 0, 0, 0.55);
}

.lmd-root, .lmd-body { margin: 0; padding: 0; background: var(--bg); }
.lmd-body {
  color: var(--fg);
  font-family: var(--lmd-font);
  font-size: var(--lmd-font-size);
  line-height: var(--lmd-line-height);
  -webkit-font-smoothing: antialiased;
}
.lmd-body *, .lmd-body *::before, .lmd-body *::after { box-sizing: border-box; }
.lmd-body [hidden] { display: none !important; }
.lmd-body svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; flex: none; }

/* ---------- Barra lateral ---------- */
.lmd-sidebar {
  position: fixed; inset: 0 auto 0 0; width: var(--lmd-side-w);
  background: var(--bg-side); border-right: 1px solid var(--line);
  display: flex; flex-direction: column; z-index: 20;
  font-size: 13.5px; line-height: 1.45;
  transition: transform 0.18s ease;
}
.lmd-side-hidden .lmd-sidebar { transform: translateX(-100%); }
.lmd-side-head { padding: 10px 10px 10px; }
.lmd-tabs { display: flex; padding: 3px; gap: 2px; background: var(--bg-soft); border: 1px solid var(--line); border-radius: 999px; }
.lmd-tab {
  flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 7px; height: 28px; padding: 0 12px;
  border: 0; border-radius: 999px; background: transparent; color: var(--fg-muted); font: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer;
}
.lmd-tab svg { width: 15px; height: 15px; }
.lmd-tab:hover { color: var(--fg); }
.lmd-tab.lmd-active { background: var(--accent-fill); color: var(--accent-fg); }
.lmd-icon-btn {
  width: 32px; height: 32px; border: 0; border-radius: 7px; background: transparent; color: var(--fg-muted);
  display: grid; place-items: center; cursor: pointer; flex: none;
}
.lmd-icon-btn:hover { background: var(--bg-soft); color: var(--fg); }

.lmd-search { display: flex; align-items: center; gap: 6px; padding: 0 10px 8px; position: relative; }
.lmd-search-ico { position: absolute; left: 19px; top: 7px; color: var(--fg-faint); pointer-events: none; }
.lmd-search-ico svg { width: 15px; height: 15px; }
.lmd-search input { padding-left: 30px !important; }
.lmd-search-count:empty { display: none; }
.lmd-search input {
  flex: 1; min-width: 0; height: 30px; padding: 0 9px; border: 1px solid var(--line); border-radius: 7px;
  background: var(--bg); color: var(--fg); font: inherit;
}
.lmd-search input:focus { outline: 2px solid var(--accent); outline-offset: -1px; }
.lmd-search-count { color: var(--fg-faint); font-size: 12px; white-space: nowrap; min-width: 34px; text-align: right; }

.lmd-pane { flex: 1; overflow: auto; padding: 4px 6px 24px; overscroll-behavior: contain; }
.lmd-empty { color: var(--fg-faint); padding: 10px; margin: 0; }

.lmd-pane-outline { padding: 0 0 24px; }
.lmd-o-head { position: sticky; top: 0; z-index: 2; padding: 10px 14px 12px; margin-bottom: 6px; background: var(--bg-side); border-bottom: 1px solid var(--line); }
.lmd-o-title { display: block; color: var(--fg); font-size: 15px; font-weight: 700; line-height: 1.3; letter-spacing: -0.01em; text-decoration: none; overflow-wrap: anywhere; }
.lmd-o-title:hover { color: var(--accent); }
.lmd-o-meta { margin-top: 5px; color: var(--fg-faint); font-size: 11.5px; font-variant-numeric: tabular-nums; }
.lmd-o-progress { display: flex; align-items: center; gap: 8px; margin-top: 9px; }
.lmd-o-bar { flex: 1; height: 4px; border-radius: 2px; background: var(--bg-soft); overflow: hidden; }
.lmd-o-bar span { display: block; height: 100%; width: 0; border-radius: 2px; background: var(--accent-fill); transition: width 0.12s linear; }
.lmd-o-pct { min-width: 34px; color: var(--fg-faint); font-size: 11px; text-align: right; font-variant-numeric: tabular-nums; }
.lmd-o-tree { padding: 0 8px 0 6px; }
.lmd-o-row { display: flex; align-items: flex-start; gap: 2px; border-radius: 6px; position: relative; }
.lmd-o-row:hover { background: var(--bg-soft); }
.lmd-o-link { flex: 1; min-width: 0; padding: 5px 8px 5px 2px; color: var(--fg-muted); text-decoration: none; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.lmd-o-row:hover .lmd-o-link { color: var(--fg); }
.lmd-o-l1 > .lmd-o-link { color: var(--fg); font-weight: 600; }
.lmd-o-l3 > .lmd-o-link, .lmd-o-l4 > .lmd-o-link { font-size: 12.8px; }
.lmd-o-tog, .lmd-o-dot { flex: none; width: 20px; height: 29px; display: grid; place-items: center; }
.lmd-o-tog { border: 0; padding: 0; background: transparent; color: var(--fg-faint); cursor: pointer; border-radius: 4px; }
.lmd-o-tog:hover { color: var(--fg); }
.lmd-o-tog svg { width: 13px; height: 13px; transform: rotate(90deg); transition: transform 0.12s ease; }
.lmd-o-shut > .lmd-o-row .lmd-o-tog svg { transform: none; }
.lmd-o-dot::before { content: ""; width: 4px; height: 4px; border-radius: 50%; background: var(--line); }
.lmd-o-kids { margin-left: 9px; padding-left: 6px; border-left: 1px solid var(--line); }
.lmd-o-shut > .lmd-o-kids { display: none; }
.lmd-o-row.lmd-o-path > .lmd-o-link { color: var(--fg); }
.lmd-o-row.lmd-active { background: var(--accent-soft); }
.lmd-o-row.lmd-active > .lmd-o-link { color: var(--accent); font-weight: 600; }
.lmd-o-row.lmd-active .lmd-o-dot::before { background: var(--accent-fill); }
.lmd-o-row.lmd-active::before { content: ""; position: absolute; left: -6px; top: 5px; bottom: 5px; width: 3px; border-radius: 2px; background: var(--accent-fill); }
.lmd-o-kids .lmd-o-row.lmd-active::before { left: -8px; }

.lmd-tree-head { display: flex; align-items: center; gap: 6px; padding: 2px 4px 8px; color: var(--fg-muted); }
.lmd-tree-up { width: 26px; height: 26px; border: 1px solid var(--line); border-radius: 6px; background: transparent; color: inherit; display: grid; place-items: center; cursor: pointer; }
.lmd-tree-up:hover { color: var(--fg); background: var(--bg-soft); }
.lmd-tree-up svg { width: 15px; height: 15px; }
.lmd-tree-path { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lmd-node {
  display: flex; align-items: flex-start; gap: 6px; width: 100%; padding: 4px 8px 4px 10px;
  border: 0; border-radius: 6px; background: transparent; color: var(--fg-muted);
  font: inherit; text-align: left; text-decoration: none; cursor: pointer;
}
.lmd-node:hover { background: var(--bg-soft); color: var(--fg); }
.lmd-node.lmd-active { color: var(--accent); background: var(--accent-soft); font-weight: 600; }
.lmd-node svg { width: 15px; height: 15px; margin-top: 2px; }
.lmd-node-chev svg { transition: transform 0.12s ease; }
.lmd-node.lmd-open .lmd-node-chev svg { transform: rotate(90deg); }
.lmd-node-name { overflow-wrap: anywhere; }
.lmd-node-dir { color: var(--fg); }
/* Arrastrar un archivo: el que se lleva se atenúa y el destino queda marcado. */
.lmd-node.lmd-dragging { opacity: 0.45; }
.lmd-node.lmd-drop, .lmd-tree-box.lmd-drop { outline: 2px dashed var(--accent-fill); outline-offset: -2px; border-radius: 6px; background: var(--accent-soft); }

.lmd-update { flex: none; margin: 0 10px 10px; padding: 11px 12px; border: 1px solid var(--accent-fill); border-radius: 9px; background: var(--bg-soft); font-size: 12.5px; color: var(--fg-muted); }
.lmd-update[hidden] { display: none; }
.lmd-update strong { display: block; color: var(--fg); font-size: 13px; }
.lmd-update p { margin: 5px 0 9px; line-height: 1.45; }
.lmd-update-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.lmd-update-actions .lmd-btn { padding: 5px 10px; font-size: 12.5px; text-decoration: none; }
.lmd-update-msg { margin: -4px 0 8px; padding: 8px 10px; border-radius: 7px; background: var(--bg-soft); color: var(--fg-muted); font-size: 13px; }
.lmd-update-msg[hidden] { display: none; }
.lmd-update-msg.lmd-ok { color: #16a34a; }
.lmd-update-msg.lmd-error { color: #dc2626; }
.lmd-update-msg.lmd-new { border: 1px solid var(--accent-fill); color: var(--fg); }
.lmd-update-msg a { color: var(--accent); }
.lmd-update-msg .lmd-link { padding: 0; color: var(--accent); font-size: inherit; }
.lmd-link { border: 0; background: none; padding: 5px 4px; color: var(--fg-faint); font: inherit; font-size: 12.5px; cursor: pointer; }
.lmd-link:hover { color: var(--fg); text-decoration: underline; }
.lmd-side-foot { flex: none; display: flex; align-items: center; gap: 8px; margin: 0; padding: 11px 16px; border-top: 1px solid var(--line); color: var(--fg-muted); font-size: 13px; text-decoration: none; }
.lmd-side-foot:hover { color: var(--accent); background: var(--bg-soft); }
.lmd-heart { color: var(--accent); font-size: 14px; line-height: 1; }
.lmd-pane { padding-bottom: 12px; }
.lmd-resizer { position: absolute; top: 0; right: -3px; width: 6px; height: 100%; cursor: col-resize; }
.lmd-resizer:hover, .lmd-resizing .lmd-resizer { background: var(--accent-soft); }
.lmd-resizing { user-select: none; cursor: col-resize; }
.lmd-resizing .lmd-sidebar, .lmd-resizing .lmd-main { transition: none; }

/* ---------- Contenido ---------- */
.lmd-main { margin-left: var(--lmd-side-w); min-height: 100vh; transition: margin-left 0.18s ease; }
.lmd-side-hidden .lmd-main { margin-left: 0; }
.lmd-topbar {
  position: sticky; top: 0; z-index: 10; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 14px; height: 49px;
  padding: 0 16px 0 12px; border-bottom: 1px solid var(--line); background: color-mix(in srgb, var(--bg) 90%, transparent); backdrop-filter: blur(8px);
}
.lmd-docname { flex: 1; min-width: 0; font-size: 13.5px; font-weight: 600; color: var(--fg-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lmd-dirty .lmd-docname::after { content: " •"; color: var(--accent); }
.lmd-docname-edit { cursor: text; }
.lmd-docname-input { width: min(100%, 340px); height: 28px; padding: 0 8px; border: 1px solid var(--accent-fill); border-radius: 6px; background: var(--bg); color: var(--fg); font: inherit; outline: none; }
.lmd-foot {
  position: fixed; left: var(--lmd-side-w); right: 0; bottom: 0; z-index: 12; display: flex; align-items: center; gap: 16px; height: 30px;
  padding: 0 16px; border-top: 1px solid var(--line); background: var(--bg-side); font-size: 12px; color: var(--fg-faint); transition: left 0.18s ease;
}
.lmd-side-hidden .lmd-foot { left: 0; }
.lmd-savestate { white-space: nowrap; }
.lmd-dirty .lmd-savestate { color: var(--accent); font-weight: 600; }
.lmd-status { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lmd-status.lmd-flash { color: var(--accent); font-weight: 600; }
.lmd-status.lmd-error, .lmd-status.lmd-warn { flex: 0 1 auto; margin-right: auto; padding: 2px 10px; border-radius: 6px; font-weight: 600; }
.lmd-status.lmd-error { color: #fff; background: #dc2626; }
.lmd-status.lmd-warn { color: #1d2026; background: #f5b83d; }
.lmd-save { position: relative; }
.lmd-dirty .lmd-save { color: var(--accent); }
.lmd-dirty .lmd-save::after { content: ""; position: absolute; top: 5px; right: 5px; width: 7px; height: 7px; border-radius: 50%; background: var(--accent-fill); }
.lmd-editing .lmd-editable { border-radius: 4px; outline: 1px dashed transparent; outline-offset: 3px; cursor: text; transition: outline-color 0.12s; }
.lmd-editing .lmd-editable:hover { outline-color: var(--line); }
.lmd-editing .lmd-editable:focus { outline: 2px solid var(--accent-fill); background: var(--accent-soft); }
.lmd-editing td.lmd-editable, .lmd-editing th.lmd-editable { outline-offset: -2px; border-radius: 0; }
.lmd-editing .lmd-li-text { display: inline-block; min-width: 2em; }
.lmd-editing .lmd-noedit { cursor: not-allowed; }
.lmd-editing .lmd-code { cursor: pointer; }
.lmd-src, .lmd-raw-edit { display: block; width: 100%; font-family: var(--lmd-mono); font-size: 0.86em; line-height: 1.5; color: var(--fg); background: var(--bg-code); border: 2px solid var(--accent-fill); border-radius: 9px; padding: 14px 16px; resize: vertical; }
.lmd-raw-edit { min-height: 75vh; border-width: 1px; border-color: var(--line); margin-bottom: 60px; }
.lmd-raw-edit:focus, .lmd-src:focus { outline: none; border-color: var(--accent-fill); }
.lmd-format, .lmd-tablebar { position: fixed; z-index: 40; display: flex; gap: 2px; padding: 4px; background: var(--bg-soft); border: 1px solid var(--line); border-radius: 9px; box-shadow: var(--shadow); }
.lmd-format button, .lmd-tablebar button { min-width: 30px; height: 30px; padding: 0 8px; border: 0; border-radius: 6px; background: transparent; color: var(--fg); font: inherit; font-size: 13.5px; cursor: pointer; display: grid; place-items: center; }
.lmd-format button:hover, .lmd-tablebar button:hover { background: var(--accent-soft); color: var(--accent); }
.lmd-format svg { width: 15px; height: 15px; }
.lmd-tablebar button { font-size: 12.5px; white-space: nowrap; }
.lmd-count { white-space: nowrap; font-variant-numeric: tabular-nums; }
.lmd-count.lmd-count-sel { color: var(--accent); font-weight: 600; }
.markdown-body a.lmd-wiki { text-decoration: none; border-bottom: 1px dashed currentColor; }
.markdown-body a.lmd-wiki-missing { color: var(--fg-faint); cursor: help; }
@media (max-width: 1100px) { .lmd-sep { margin: 0 2px; } }
@media (max-width: 900px) { .lmd-docname { display: none; } .lmd-topbar { gap: 6px; } }
.lsharpmd { display: flex; align-items: center; justify-content: flex-end; gap: 4px; min-width: 0; }
.lmd-top-left { display: flex; align-items: center; gap: 10px; min-width: 0; }
.lmd-top-mid { display: flex; align-items: center; gap: 6px; }
.lmd-sep { width: 1px; height: 22px; margin: 0 6px; background: var(--line); flex: none; }
.lmd-modeseg { display: flex; padding: 3px; gap: 2px; background: var(--bg-soft); border: 1px solid var(--line); border-radius: 999px; }
.lmd-modeseg button { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 28px; padding: 0; border: 0; border-radius: 999px; background: transparent; color: var(--fg-muted); font: inherit; font-size: 13px; font-weight: 600; white-space: nowrap; cursor: pointer; }
.lmd-modeseg button:hover { color: var(--fg); }
.lmd-modeseg button.lmd-on { background: var(--accent-fill); color: var(--accent-fg); cursor: default; }
.lmd-modeseg svg { width: 16px; height: 16px; }
.lmd-view { display: flex; padding: 3px; gap: 2px; margin-right: 6px; background: var(--bg-soft); border: 1px solid var(--line); border-radius: 999px; }
.lmd-view button { width: 36px; height: 26px; border: 0; border-radius: 999px; background: transparent; color: var(--fg-muted); display: grid; place-items: center; cursor: pointer; }
.lmd-view button:hover { color: var(--fg); }
.lmd-view button.lmd-on { background: var(--accent-fill); color: var(--accent-fg); }
.lmd-view svg { width: 16px; height: 16px; }
.lmd-icon-btn.lmd-ok { color: var(--accent); }
.lmd-results-sum { margin: 2px 6px 10px; color: var(--fg-faint); font-size: 12.5px; }
.lmd-res { margin-bottom: 10px; }
.lmd-res-file { display: flex; align-items: flex-start; gap: 6px; padding: 4px 8px; border-radius: 6px; color: var(--fg); font-weight: 600; text-decoration: none; }
.lmd-res-file:hover { background: var(--bg-soft); }
.lmd-res-file svg { width: 15px; height: 15px; margin-top: 2px; }
.lmd-res-here .lmd-res-file { color: var(--accent); }
.lmd-res-name { flex: 1; overflow-wrap: anywhere; }
.lmd-res-count { flex: none; min-width: 20px; padding: 0 6px; border-radius: 10px; background: var(--bg-soft); color: var(--fg-muted); font-size: 11.5px; font-weight: 600; text-align: center; }
.lmd-res-hit { display: block; margin-left: 20px; padding: 3px 8px; border-radius: 6px; color: var(--fg-muted); font-size: 12.5px; text-decoration: none; overflow-wrap: anywhere; }
.lmd-res-hit:hover { background: var(--bg-soft); color: var(--fg); }
.lmd-res-hit mark { background: var(--hit); color: var(--fg); border-radius: 2px; }
.lmd-res-more { display: block; margin-left: 28px; color: var(--fg-faint); font-size: 12px; }

.lmd-article, .lmd-raw { padding: 30px 48px 140px; max-width: none; }
.lmd-centered .lmd-article, .lmd-centered .lmd-raw { max-width: calc(var(--lmd-content-w) + 96px); margin: 0 auto; }
.lmd-raw { font-family: var(--lmd-mono); font-size: 0.875em; white-space: pre-wrap; overflow-wrap: anywhere; margin-top: 0; }

.markdown-body > :first-child { margin-top: 0; }
.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 {
  margin: 1.6em 0 0.6em; line-height: 1.25; font-weight: 650; scroll-margin-top: 64px; position: relative;
}
.markdown-body h1 { font-size: 2em; }
.markdown-body h2 { font-size: 1.5em; padding-bottom: 0.3em; border-bottom: 1px solid var(--line); }
.markdown-body h3 { font-size: 1.25em; }
.markdown-body h4 { font-size: 1.05em; }
.markdown-body h5 { font-size: 0.95em; }
.markdown-body h6 { font-size: 0.9em; color: var(--fg-muted); }
.lmd-anchor { margin-left: 0.4em; color: var(--fg-faint); text-decoration: none; opacity: 0; font-weight: 400; }
.markdown-body :is(h1, h2, h3, h4, h5, h6):hover .lmd-anchor { opacity: 1; }
.markdown-body p, .markdown-body ul, .markdown-body ol, .markdown-body dl, .markdown-body blockquote,
.markdown-body .lmd-table, .markdown-body .lmd-code, .markdown-body .lmd-diagram { margin: 0 0 1em; }
.markdown-body a { color: var(--link); text-underline-offset: 2px; }
.markdown-body a:hover { text-decoration-thickness: 2px; }
.markdown-body strong { font-weight: 650; }
.markdown-body hr { border: 0; border-top: 1px solid var(--line); margin: 2em 0; }
.markdown-body img { max-width: 100%; height: auto; border-radius: 6px; }
.markdown-body img.lmd-zoomable { cursor: zoom-in; }
.markdown-body ul, .markdown-body ol { padding-left: 1.7em; }
.markdown-body li { margin: 0.25em 0; }
.markdown-body li > p { margin-bottom: 0.5em; }
/* solo los ítems con casilla pierden la viñeta: una lista común pegada a una de tareas la conserva */
.markdown-body li.lmd-task-item { list-style: none; margin-left: -1.3em; }
.markdown-body .lmd-task { margin: 0 0.5em 0 0; transform: translateY(1px); accent-color: var(--accent); }
.markdown-body blockquote { margin-left: 0; padding: 0.2em 1em; border-left: 3px solid var(--line); color: var(--fg-muted); }
.markdown-body blockquote > :last-child { margin-bottom: 0; }
.markdown-body mark { background: var(--hit); color: inherit; padding: 0 0.15em; border-radius: 3px; }
.markdown-body kbd { font-family: var(--lmd-mono); font-size: 0.85em; padding: 0.15em 0.4em; border: 1px solid var(--line); border-bottom-width: 2px; border-radius: 5px; background: var(--bg-soft); }
.markdown-body abbr[title] { text-decoration: underline dotted; cursor: help; }
.markdown-body dt { font-weight: 650; }
.markdown-body dd { margin: 0 0 0.6em 1.4em; }
.markdown-body .footnotes { color: var(--fg-muted); font-size: 0.9em; }
.markdown-body .footnotes-sep { margin-bottom: 1em; }

.markdown-body code { font-family: var(--lmd-mono); font-size: 0.875em; background: var(--bg-code); padding: 0.15em 0.4em; border-radius: 5px; }
.lmd-code { position: relative; }
.lmd-code pre { margin: 0; padding: 14px 16px; background: var(--bg-code); border: 1px solid var(--line); border-radius: 9px; overflow: auto; line-height: 1.5; }
.lmd-code pre code, .lmd-code pre code.hljs { background: transparent; padding: 0; font-size: 0.86em; white-space: pre; }
.lmd-wrap .lmd-code pre code, .lmd-wrap .lmd-code pre code.hljs { white-space: pre-wrap; overflow-wrap: anywhere; }
.lmd-code-lang { position: absolute; top: 6px; right: 44px; color: var(--fg-faint); font-size: 11.5px; font-family: var(--lmd-mono); opacity: 0; transition: opacity 0.15s; }
.lmd-code-copy {
  position: absolute; top: 6px; right: 6px; width: 30px; height: 30px; border: 1px solid var(--line); border-radius: 7px;
  background: var(--bg); color: var(--fg-muted); display: grid; place-items: center; cursor: pointer; opacity: 0; transition: opacity 0.15s;
}
.lmd-code:hover .lmd-code-copy, .lmd-code:hover .lmd-code-lang, .lmd-code-copy:focus-visible { opacity: 1; }
.lmd-code-copy:hover { color: var(--fg); }
.lmd-code-copy.lmd-ok { color: var(--accent); opacity: 1; }
.lmd-code-copy svg { width: 15px; height: 15px; }

.lmd-table { overflow-x: auto; }
.markdown-body table { border-collapse: collapse; width: max-content; max-width: 100%; }
.markdown-body th, .markdown-body td { padding: 8px 14px; border: 1px solid var(--line); vertical-align: top; }
.markdown-body th { font-weight: 650; background: var(--bg-soft); text-align: left; }
.markdown-body tr:nth-child(even) td { background: color-mix(in srgb, var(--bg-soft) 55%, transparent); }

.lmd-alert { border-left-width: 4px; border-radius: 0 8px 8px 0; padding: 0.7em 1em; color: var(--fg); background: var(--bg-soft); }
.lmd-alert-title { font-weight: 650; margin: 0 0 0.3em !important; }
.lmd-alert-note { border-left-color: #3b82f6; } .lmd-alert-note .lmd-alert-title { color: #3b82f6; }
.lmd-alert-tip { border-left-color: #22a35a; } .lmd-alert-tip .lmd-alert-title { color: #22a35a; }
.lmd-alert-important { border-left-color: #8b5cf6; } .lmd-alert-important .lmd-alert-title { color: #8b5cf6; }
.lmd-alert-warning { border-left-color: #d97706; } .lmd-alert-warning .lmd-alert-title { color: #d97706; }
.lmd-alert-caution { border-left-color: #dc2626; } .lmd-alert-caution .lmd-alert-title { color: #dc2626; }

.lmd-box { margin: 0 0 1em; padding: 0.7em 1em; border: 1px solid var(--line); border-left: 4px solid var(--fg-faint); border-radius: 0 8px 8px 0; background: var(--bg-soft); }
.lmd-box > :last-child { margin-bottom: 0; }
.lmd-box-title { font-weight: 650; margin: 0 0 0.3em !important; }
.lmd-box summary { font-weight: 650; cursor: pointer; }
.lmd-box-tip { border-left-color: #22a35a; } .lmd-box-tip .lmd-box-title { color: #22a35a; }
.lmd-box-info, .lmd-box-note { border-left-color: #3b82f6; } .lmd-box-info .lmd-box-title, .lmd-box-note .lmd-box-title { color: #3b82f6; }
.lmd-box-warning { border-left-color: #d97706; } .lmd-box-warning .lmd-box-title { color: #d97706; }
.lmd-box-danger { border-left-color: #dc2626; } .lmd-box-danger .lmd-box-title { color: #dc2626; }
.lmd-front { display: grid; grid-template-columns: max-content 1fr; gap: 4px 16px; margin: 0 0 1.5em; padding: 12px 16px; border: 1px solid var(--line); border-radius: 9px; background: var(--bg-soft); font-size: 0.9em; }
.lmd-front dt { color: var(--fg-muted); font-weight: 600; font-family: var(--lmd-mono); font-size: 0.92em; }
.lmd-front dd { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.lmd-diagram-dot svg text { fill: var(--fg); }
.lmd-dark .lmd-diagram-dot svg :is(path, ellipse, polygon)[stroke="black"] { stroke: var(--fg-muted); }
.lmd-dark .lmd-diagram-dot svg polygon[fill="black"] { fill: var(--fg-muted); }
.lmd-dark .lmd-diagram-dot svg polygon[fill="white"] { fill: transparent; }
pre.lmd-graphviz { font-family: var(--lmd-mono); font-size: 0.86em; padding: 14px 16px; background: var(--bg-code); border: 1px solid var(--line); border-radius: 9px; overflow: auto; }
.lmd-toc { display: flex; flex-direction: column; gap: 2px; padding: 12px 16px; margin: 0 0 1em; border: 1px solid var(--line); border-radius: 9px; background: var(--bg-soft); }
.lmd-toc a { text-decoration: none; }
.lmd-toc a:hover { text-decoration: underline; }
.lmd-toc-l2 { padding-left: 14px; } .lmd-toc-l3 { padding-left: 28px; } .lmd-toc-l4 { padding-left: 42px; }
.lmd-toc-l5 { padding-left: 56px; } .lmd-toc-l6 { padding-left: 70px; }

.lmd-math-block { display: block; overflow-x: auto; margin: 0 0 1em; text-align: center; }
.lmd-diagram { text-align: center; overflow-x: auto; }
.lmd-diagram svg { width: auto; height: auto; max-width: 100%; stroke: initial; fill: initial; stroke-width: initial; }
pre.lmd-mermaid { font-family: var(--lmd-mono); font-size: 0.86em; padding: 14px 16px; background: var(--bg-code); border: 1px solid var(--line); border-radius: 9px; overflow: auto; }
pre.lmd-mermaid-error { border-color: #dc2626; }

::highlight(lmd-hit) { background-color: var(--hit); color: inherit; }
::highlight(lmd-hit-current) { background-color: var(--hit-current); color: #fff; }

/* ---------- Flotantes ---------- */
.lmd-to-top {
  position: fixed; right: 22px; bottom: 48px; width: 40px; height: 40px; border: 1px solid var(--line); border-radius: 50%;
  background: var(--bg-soft); color: var(--fg-muted); display: grid; place-items: center; cursor: pointer; z-index: 15; box-shadow: var(--shadow);
}
.lmd-to-top:hover { color: var(--fg); }
.lmd-viewer { position: fixed; inset: 0; z-index: 60; background: rgba(0, 0, 0, 0.86); display: grid; place-items: center; cursor: zoom-out; padding: 24px; }
.lmd-viewer img { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 6px; }

.lmd-panel { position: fixed; inset: 0; z-index: 50; background: rgba(0, 0, 0, 0.5); display: grid; place-items: center; padding: 20px; }
.lmd-panel[hidden] { display: none; }
.lmd-panel-card { width: min(900px, 100%); height: min(680px, 100%); background: var(--bg); border: 1px solid var(--line); border-radius: 16px; overflow: hidden; display: grid; grid-template-columns: 210px minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); box-shadow: var(--shadow); font-size: 14px; line-height: 1.45; }
.lmd-panel-card header { grid-column: 1 / -1; }
.lmd-panel-card header { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border-bottom: 1px solid var(--line); }
.lmd-panel-card h2 { margin: 0; font-size: 17px; }
.lmd-panel-body { overflow: auto; padding: 6px 26px 28px; }
.lmd-panel-body section { padding: 14px 0; border-bottom: 1px solid var(--line); }
.lmd-panel-body section:last-child { border-bottom: 0; }
.lmd-panel-body h3 { margin: 0 0 10px; font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--fg-faint); }
.lmd-row { display: flex; flex-direction: column; gap: 5px; margin-bottom: 12px; }
.lmd-row > span { display: flex; justify-content: space-between; color: var(--fg-muted); }
.lmd-row output { color: var(--fg); font-variant-numeric: tabular-nums; }
.lmd-row select, .lmd-row input[type=text], .lmd-panel textarea {
  width: 100%; padding: 7px 9px; border: 1px solid var(--line); border-radius: 7px; background: var(--bg-soft); color: var(--fg); font: inherit;
}
.lmd-row input[type=range] { width: 100%; accent-color: var(--accent-fill); }
.lmd-seg { display: flex; padding: 3px; gap: 3px; background: var(--bg-soft); border: 1px solid var(--line); border-radius: 999px; }
.lmd-seg button { flex: 1; height: 30px; border: 0; border-radius: 999px; background: transparent; color: var(--fg-muted); font: inherit; cursor: pointer; }
.lmd-seg button:hover { color: var(--fg); }
.lmd-seg button.lmd-on { background: var(--accent-fill); color: var(--accent-fg); font-weight: 600; }
.lmd-swatches { display: flex; flex-wrap: wrap; gap: 8px; }
.lmd-tag { margin-left: 6px; padding: 1px 7px; border-radius: 10px; background: var(--accent-soft); color: var(--accent); font-size: 10.5px; font-style: normal; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; vertical-align: 1px; }
.lmd-row > span:has(.lmd-tag) { justify-content: flex-start; }
.lmd-panel input:disabled, .lmd-panel textarea:disabled { opacity: 0.45; cursor: not-allowed; }
.lmd-swatches.lmd-locked { opacity: 0.38; pointer-events: none; filter: grayscale(0.6); }
.lmd-extra { margin-top: 10px; padding: 12px 14px; border: 1px dashed var(--line); border-radius: 10px; background: var(--bg-soft); }
.lmd-extra p { margin: 0 0 10px; color: var(--fg-muted); font-size: 13px; }
.lmd-extra-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.lmd-extra-actions .lmd-btn { text-decoration: none; display: inline-flex; align-items: center; }
.lmd-swatch { width: 28px; height: 28px; padding: 0; border: 2px solid transparent; border-radius: 50%; background: var(--sw, transparent); cursor: pointer; position: relative; outline: 1px solid var(--line); outline-offset: -1px; }
.lmd-swatch.lmd-on { border-color: var(--bg); outline: 2px solid var(--fg); outline-offset: 0; }
.lmd-swatch-auto { background: linear-gradient(135deg, #bef264 50%, #4d7c0f 50%); }
.lmd-swatch-custom { background: conic-gradient(#ef4444, #eab308, #22c55e, #06b6d4, #6366f1, #ec4899, #ef4444); overflow: hidden; }
.lmd-swatch-custom input { position: absolute; inset: -6px; width: 44px; height: 44px; opacity: 0; cursor: pointer; }
.lmd-check { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 8px; cursor: pointer; }
.lmd-check input { margin-top: 3px; accent-color: var(--accent-fill); }
.lmd-grid { display: grid; grid-template-columns: 1fr 1fr; column-gap: 12px; }
.lmd-panel textarea { min-height: 150px; font-family: var(--lmd-mono); font-size: 12.5px; resize: vertical; }
.lmd-hint { color: var(--fg-faint); font-size: 12.5px; margin: 6px 0 0; }
.lmd-btn { padding: 7px 12px; border: 1px solid var(--line); border-radius: 7px; background: var(--bg-soft); color: var(--fg); font: inherit; cursor: pointer; }
.lmd-btn:hover { border-color: var(--fg-faint); }
.lmd-btn-fill { background: var(--accent-fill); border-color: var(--accent-fill); color: var(--accent-fg); font-weight: 600; }
.lmd-orphan { position: fixed; left: 50%; bottom: 22px; transform: translateX(-50%); z-index: 80; display: flex; align-items: center; gap: 14px; max-width: min(720px, calc(100vw - 32px)); padding: 12px 14px 12px 18px; border: 1px solid var(--accent-fill); border-radius: 12px; background: var(--bg); color: var(--fg); box-shadow: var(--shadow); font-size: 13.5px; line-height: 1.4; }
.lmd-orphan button { flex: none; height: 34px; padding: 0 14px; border: 0; border-radius: 8px; background: var(--accent-fill); color: var(--accent-fg); font: inherit; font-weight: 600; cursor: pointer; }
.lmd-ask { position: fixed; inset: 0; z-index: 70; display: grid; place-items: center; padding: 20px; background: rgba(0, 0, 0, 0.5); }
.lmd-ask-card { width: min(480px, 100%); padding: 22px 24px; background: var(--bg); border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow); font-size: 14.5px; line-height: 1.5; }
.lmd-ask-card h3 { margin: 0 0 8px; font-size: 17px; }
.lmd-ask-card p { margin: 0 0 18px; color: var(--fg-muted); }
.lmd-ask-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.lmd-btn-accent { display: inline-block; margin-top: 10px; text-decoration: none; border-color: var(--accent-fill); color: var(--accent); }
.lmd-btn-accent:hover { background: var(--accent-soft); }
.lmd-body :focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

/* ---------- Pantallas chicas e impresión ---------- */
@media (max-width: 820px) {
  .lmd-main { margin-left: 0; }
  .lmd-sidebar { box-shadow: var(--shadow); width: min(var(--lmd-side-w), 86vw); }
  .lmd-article, .lmd-raw { padding: 20px 18px 110px; }
  .lmd-foot { left: 0; }
  .lmd-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .lmd-sidebar, .lmd-main, .lmd-node-chev svg { transition: none; }
}
@media print {
  .lmd-sidebar, .lmd-topbar, .lmd-foot, .lmd-to-top, .lmd-panel, .lmd-viewer, .lmd-format, .lmd-tablebar, .lmd-ask, .lmd-orphan, .lmd-code-copy, .lmd-code-lang, .lmd-anchor { display: none !important; }
  .lmd-main { margin: 0 !important; }
  .lmd-article { padding: 0 !important; max-width: none !important; }
  .lmd-root, .lmd-body { background: #fff !important; }
  .lmd-code pre { white-space: pre-wrap; }
  .lmd-code pre code { white-space: pre-wrap !important; }
}

/* ---------- Pantalla de inicio de la app ---------- */
.lmd-tree-path { flex: 1; min-width: 0; }
.lmd-tree-open { flex: none; }
.lmd-heart svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; display: block; }
.lmd-home { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 22px; padding: 40px 20px; background: var(--bg); color: var(--fg); font: 15px/1.5 var(--lmd-font); box-sizing: border-box; }
.lmd-home * { box-sizing: border-box; }
.lmd-home-card { width: min(520px, 100%); padding: 34px 32px 28px; border: 1px solid var(--line); border-radius: 16px; background: var(--bg-soft); text-align: center; transition: border-color .15s; }
.lmd-home.lmd-drop .lmd-home-card { border-color: var(--accent-fill); border-style: dashed; }
.lmd-home-logo { width: 64px; height: 64px; border-radius: 14px; }
.lmd-home h1 { margin: 14px 0 6px; font-size: 24px; border: 0; padding: 0; overflow-wrap: anywhere; }
.lmd-home-sub { margin: 0 0 22px; color: var(--fg-muted); }
.lmd-home-actions { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
.lmd-home-actions .lmd-btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; font-size: 15px; }
.lmd-home svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.lmd-home-hint { margin: 16px 0 0; color: var(--fg-faint); font-size: 13px; }
.lmd-home-msg { margin: 14px 0 0; padding: 9px 12px; border-radius: 8px; border: 1px solid #dc2626; color: #dc2626; font-size: 13.5px; }
.lmd-home-msg[hidden], .lmd-home-recent[hidden] { display: none; }
.lmd-home-recent { margin-top: 26px; padding-top: 18px; border-top: 1px solid var(--line); text-align: left; }
.lmd-home-recent h2 { margin: 0 0 8px; padding: 0; border: 0; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--fg-faint); }
.lmd-home-recent ul { list-style: none; margin: 0; padding: 0; }
.lmd-home-recent li { display: flex; align-items: center; gap: 4px; }
.lmd-home-item { flex: 1; min-width: 0; display: flex; align-items: center; gap: 9px; padding: 8px 10px; border-radius: 8px; color: var(--fg); text-decoration: none; }
.lmd-home-item:hover { background: var(--bg); color: var(--accent); }
.lmd-home-name { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lmd-home-path { flex: 1; min-width: 0; color: var(--fg-faint); font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: right; }
.lmd-home-del { width: 28px; height: 28px; border: 0; border-radius: 7px; background: transparent; color: var(--fg-faint); display: grid; place-items: center; cursor: pointer; }
.lmd-home-del:hover { background: var(--bg); color: var(--fg); }
.lmd-home-coffee { display: inline-flex; align-items: center; gap: 8px; color: var(--fg-muted); font-size: 13.5px; text-decoration: none; }
.lmd-home-coffee:hover { color: var(--accent); }

/* ---------- Escribir contenido nuevo ---------- */
.lmd-insert { display: none; }
.lmd-editing .lmd-insert { display: grid; }
.lmd-editing .lmd-draft { min-height: 1.6em; outline: 1px dashed var(--line); outline-offset: 3px; border-radius: 4px; }
.lmd-editing .lmd-draft:empty::before { content: attr(data-ph); color: var(--fg-faint); pointer-events: none; }
.lmd-editing p.lmd-draft-h1 { font-size: 2em; font-weight: 700; }
.lmd-editing p.lmd-draft-h2 { font-size: 1.5em; font-weight: 700; }
.lmd-editing p.lmd-draft-h3 { font-size: 1.25em; font-weight: 700; }
.lmd-editing p.lmd-draft-h4 { font-size: 1.05em; font-weight: 700; }
.lmd-editing p.lmd-draft-ul, .lmd-editing p.lmd-draft-ol, .lmd-editing p.lmd-draft-task { display: list-item; margin-left: 1.6em; }
.lmd-editing p.lmd-draft-ol { list-style: decimal; }
.lmd-editing p.lmd-draft-task { list-style: square; }
.lmd-editing p.lmd-draft-quote { padding-left: 1em; border-left: 3px solid var(--line); color: var(--fg-muted); }
.lmd-editing .lmd-pending { opacity: 0.75; }
.lmd-add { margin: 22px 0 60px; padding: 10px 12px; border: 1px dashed var(--line); border-radius: 8px; color: var(--fg-faint); font-size: 14px; cursor: text; }
.lmd-add::before { content: '+  ' attr(data-label); }
.lmd-add:hover { border-color: var(--accent-fill); color: var(--accent); }
.lmd-menu { position: fixed; z-index: 60; width: 300px; padding: 8px; background: var(--bg-soft); border: 1px solid var(--line); border-radius: 11px; box-shadow: var(--shadow); font: 13.5px/1.3 var(--lmd-font); color: var(--fg); }
.lmd-menu-label { margin: 6px 6px 4px; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--fg-faint); }
.lmd-menu-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; }
.lmd-menu button { padding: 7px 9px; border: 0; border-radius: 6px; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.lmd-menu button:hover { background: var(--accent-soft); color: var(--accent); }
.lmd-menu button.lmd-menu-danger:hover { background: color-mix(in srgb, #dc2626 16%, transparent); color: #dc2626; }
@media print { .lmd-add, .lmd-menu, .lmd-draft:empty { display: none !important; } }

/* ---------- Diagramas ---------- */
.lmd-diagram { position: relative; }
.lmd-editing .lmd-diagram, .lmd-editing pre.lmd-mermaid, .lmd-editing pre.lmd-graphviz { cursor: pointer; border-radius: 8px; outline: 1px dashed transparent; outline-offset: 3px; }
.lmd-editing .lmd-diagram:hover, .lmd-editing pre.lmd-mermaid:hover, .lmd-editing pre.lmd-graphviz:hover { outline-color: var(--accent-fill); }
.lmd-dgm-tools { position: absolute; top: 4px; right: 4px; display: flex; gap: 2px; padding: 3px; background: var(--bg-soft); border: 1px solid var(--line); border-radius: 8px; opacity: 0; transition: opacity .12s; }
.lmd-diagram:hover .lmd-dgm-tools { opacity: 1; }
.lmd-dgm-tools button { width: 28px; height: 28px; border: 0; border-radius: 6px; background: transparent; color: var(--fg-muted); display: grid; place-items: center; cursor: pointer; }
.lmd-dgm-tools button:hover { background: var(--accent-soft); color: var(--accent); }
.lmd-dgm-tools svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.lmd-viewer-svg { max-width: 94vw; max-height: 92vh; overflow: auto; padding: 24px; background: var(--bg); border-radius: 12px; }
.lmd-viewer-svg svg { width: min(88vw, 1400px); height: auto; max-height: 84vh; }
.lmd-dgm { position: fixed; inset: 0; z-index: 70; display: grid; place-items: center; padding: 20px; background: rgba(0, 0, 0, 0.5); font: 14px/1.45 var(--lmd-font); color: var(--fg); }
.lmd-dgm-card { width: min(1180px, 100%); height: min(720px, 100%); display: flex; flex-direction: column; background: var(--bg); border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow); overflow: hidden; }
.lmd-dgm-card header { padding: 14px 18px 10px; border-bottom: 1px solid var(--line); }
.lmd-dgm-card h3 { margin: 0 0 8px; padding: 0; border: 0; font-size: 16px; }
.lmd-dgm-card h3 small { margin-left: 6px; font-weight: 500; font-size: 12px; color: var(--fg-faint); }
.lmd-dgm-tpl { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; }
.lmd-dgm-tpl span { margin-right: 4px; font-size: 12px; color: var(--fg-faint); }
.lmd-dgm-tpl button { padding: 4px 10px; border: 1px solid var(--line); border-radius: 999px; background: var(--bg-soft); color: var(--fg-muted); font: inherit; font-size: 12.5px; cursor: pointer; }
.lmd-dgm-tpl button:hover { border-color: var(--accent-fill); color: var(--accent); }
.lmd-dgm-body { flex: 1; min-height: 0; display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); }
.lmd-dgm-body textarea { resize: none; border: 0; border-right: 1px solid var(--line); padding: 14px 16px; background: var(--bg-code); color: var(--fg); font: 13.5px/1.55 var(--lmd-mono); outline: none; tab-size: 2; }
.lmd-dgm-view { min-width: 0; display: flex; flex-direction: column; overflow: auto; }
.lmd-dgm-svg { flex: 1; display: grid; place-items: center; padding: 18px; transition: opacity .12s; }
.lmd-dgm-svg.lmd-dgm-stale { opacity: 0.35; }
.lmd-dgm-err { margin: 0; padding: 10px 16px; border-top: 1px solid #dc2626; color: #dc2626; font: 12.5px/1.45 var(--lmd-mono); white-space: pre-wrap; }
.lmd-dgm-card footer { display: flex; align-items: center; gap: 8px; padding: 10px 18px; border-top: 1px solid var(--line); }
.lmd-dgm-card footer span { flex: 1; }
.lmd-dgm-card footer a { color: var(--accent); font-size: 13px; }
.lmd-dgm-card kbd { margin-left: 6px; font: 11px var(--lmd-mono); opacity: 0.75; }
@media (max-width: 760px) { .lmd-dgm-body { grid-template-columns: 1fr; grid-template-rows: 1fr 1fr; } .lmd-dgm-body textarea { border-right: 0; border-bottom: 1px solid var(--line); } }
@media print { .lmd-dgm-tools, .lmd-dgm { display: none !important; } }

/* ---------- Reemplazar, árbol, foco ---------- */
.lmd-replace { display: none; gap: 5px; margin: -2px 10px 8px; }
.lmd-editing.lmd-tab-outline .lmd-replace { display: flex; }
.lmd-replace input { flex: 1; min-width: 0; height: 30px; padding: 0 10px; border: 1px solid var(--line); border-radius: 7px; background: var(--bg); color: var(--fg); font: inherit; font-size: 13px; outline: none; }
.lmd-replace input:focus { border-color: var(--accent-fill); }
.lmd-replace button { height: 30px; padding: 0 9px; border: 1px solid var(--line); border-radius: 7px; background: var(--bg-soft); color: var(--fg-muted); font: inherit; font-size: 12.5px; cursor: pointer; }
.lmd-replace button:hover { border-color: var(--accent-fill); color: var(--accent); }
.lmd-menu-narrow { width: 200px; }
.lmd-menu-list { display: grid; gap: 2px; }
.lmd-tree-new svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.lmd-editing.lmd-focus .lmd-article:focus-within > *:not(:focus-within) { opacity: 0.3; transition: opacity .18s; }
.lmd-editing.lmd-focus .lmd-article:focus-within > *:not(:focus-within):hover { opacity: 0.75; }
.lmd-editing.lmd-typewriter .lmd-article { padding-bottom: 50vh; }
@media print { .lmd-replace { display: none !important; } }

/* ---------- Ajustes de aire ---------- */
.lmd-search input { border-color: transparent !important; background: var(--bg-soft) !important; }
.lmd-search input:focus { border-color: var(--accent-fill) !important; outline: none; }
.lmd-side-foot { height: 30px; padding: 0 16px; border-top: 1px solid var(--line); font-size: 12px; }
.lmd-editing .lmd-draft { padding: 4px 8px; margin: 0 -8px 1em; }
.lmd-editing .lmd-draft:focus { outline-offset: 0; }
.lmd-home-notes { margin: 14px 0 0; font-size: 13px; color: var(--fg-muted); }
.lmd-home-notes .lmd-link { color: var(--accent); font-size: 13px; padding: 0; }

/* ---------- Tipografía ---------- */
.lmd-root { -webkit-font-smoothing: antialiased; }
.markdown-body { letter-spacing: -0.006em; }
.markdown-body h1, .markdown-body h2, .markdown-body h3 { letter-spacing: -0.021em; font-weight: 680; }
.markdown-body h1 { font-size: 2.1em; }
.markdown-body strong { font-weight: 650; }
.markdown-body code, .markdown-body pre, .lmd-raw, .lmd-src { font-feature-settings: normal; letter-spacing: 0; }

/* ---------- Manija de bloque ---------- */
.lmd-handle { position: fixed; z-index: 30; width: 26px; height: 28px; padding: 0; border: 0; border-radius: 7px; background: transparent; color: var(--fg-faint); display: grid; place-items: center; cursor: pointer; }
.lmd-handle[hidden] { display: none; }
.lmd-handle:hover { background: var(--bg-soft); color: var(--fg); }
.lmd-handle svg { width: 17px; height: 17px; fill: currentColor; stroke: none; }
.lmd-dgm-del { display: none !important; }
.lmd-editing .lmd-dgm-del { display: grid !important; }
.lmd-dgm-del:hover, .lmd-dgm-remove:hover { color: #dc2626 !important; }
.lmd-dgm-remove:hover { border-color: #dc2626; }
@media print { .lmd-handle { display: none !important; } }

/* ---------- Tareas, tableros y cuentas ---------- */
.markdown-body .lmd-task { cursor: pointer; }
.markdown-body li.lmd-task-item:has(> input.lmd-task:checked), .markdown-body li.lmd-task-item:has(> p > input.lmd-task:checked) > p,
.markdown-body li.lmd-task-item:has(> input.lmd-task:checked) > .lmd-li-text { color: var(--fg-faint); text-decoration: line-through; }
/* la sublista de una tarea hecha no hereda el tachado */
.markdown-body li.lmd-task-item > ul, .markdown-body li.lmd-task-item > ol { display: inline-block; width: 100%; color: var(--fg); }
.markdown-body td.lmd-calc, .markdown-body th.lmd-calc { font-weight: 650; font-variant-numeric: tabular-nums; background: var(--bg-soft); }
.lmd-board { display: flex; align-items: flex-start; gap: 12px; margin: 0 0 1.2em; padding-bottom: 6px; overflow-x: auto; }
.lmd-col { flex: 0 0 250px; display: flex; flex-direction: column; gap: 8px; padding: 10px; border: 1px solid var(--line); border-radius: 12px; background: var(--bg-soft); transition: border-color .12s; }
.lmd-col.lmd-drop-here { border-color: var(--accent-fill); }
.lmd-col-head { display: flex; align-items: center; gap: 7px; padding: 2px 4px; font-size: 0.88em; font-weight: 700; }
.lmd-col-title { min-width: 2em; border-radius: 4px; outline: none; }
.lmd-col-title[contenteditable="plaintext-only"], .lmd-card-text[contenteditable="plaintext-only"] { box-shadow: 0 0 0 2px var(--accent-fill); cursor: text; }
.lmd-col-n { margin-right: auto; padding: 0 7px; border-radius: 999px; background: var(--bg); color: var(--fg-faint); font-size: 0.85em; font-weight: 600; }
.lmd-cards { display: flex; flex-direction: column; gap: 6px; min-height: 26px; }
.lmd-card { display: flex; align-items: flex-start; gap: 8px; padding: 9px 10px; border: 1px solid var(--line); border-radius: 9px; background: var(--bg); font-size: 0.92em; line-height: 1.4; cursor: grab; }
.lmd-card.lmd-dragging { opacity: 0.4; }
.lmd-card-check { margin: 3px 0 0; accent-color: var(--accent); cursor: pointer; flex: none; }
.lmd-card-text { flex: 1; min-width: 0; overflow-wrap: anywhere; border-radius: 4px; outline: none; }
.lmd-card-done .lmd-card-text { color: var(--fg-faint); text-decoration: line-through; }
.lmd-board-edit { display: none; }
.lmd-editing .lmd-board-edit { display: inline-grid; place-items: center; }
.lmd-card-del, .lmd-col-del { width: 20px; height: 20px; padding: 0; border: 0; border-radius: 5px; background: transparent; color: var(--fg-faint); cursor: pointer; flex: none; opacity: 0; }
.lmd-card:hover .lmd-card-del, .lmd-col-head:hover .lmd-col-del { opacity: 1; }
.lmd-card-del:hover, .lmd-col-del:hover { background: var(--bg-soft); color: #dc2626; }
.lmd-card-del svg, .lmd-col-del svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
.lmd-card-add, .lmd-col-add { padding: 7px 10px; border: 1px dashed var(--line); border-radius: 9px; background: transparent; color: var(--fg-faint); font: inherit; font-size: 0.88em; cursor: pointer; }
.lmd-col-add { flex: 0 0 auto; align-self: flex-start; white-space: nowrap; }
.lmd-card-add:hover, .lmd-col-add:hover { border-color: var(--accent-fill); color: var(--accent); }
@media print { .lmd-board-edit { display: none !important; } .lmd-board { flex-wrap: wrap; overflow: visible; } }

/* ---------- Cuenta y nube ---------- */
.lmd-home-cloud { margin-top: 20px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--bg); text-align: left; font-size: 13.5px; color: var(--fg-muted); }
.lmd-home-cloud[hidden] { display: none; }
.lmd-home-cloud p { margin: 0 0 9px; }
.lmd-home-cloud-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.lmd-home-cloud-row span { flex: 1; min-width: 12em; }
.lmd-home-cloud-row .lmd-btn { padding: 6px 13px; font-size: 13px; border-radius: 999px; }
.lmd-home-cloud input { flex: 1; min-width: 0; height: 34px; padding: 0 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--bg-soft); color: var(--fg); font: inherit; outline: none; }
.lmd-home-cloud input:focus { border-color: var(--accent-fill); }
.lmd-home-cloud-err { color: #dc2626; }
.lmd-home-cloud-field { display: flex; align-items: center; gap: 10px; margin-top: 7px; }
.lmd-home-cloud-field span { flex: 0 0 82px; font-size: 12px; color: var(--fg-faint); }
.lmd-home-cloud-field input { font: 12px var(--lmd-mono); }

/* ---------- Íconos del menú, imágenes, color del código, forma de los diagramas ---------- */
.lmd-menu button { display: flex; align-items: center; gap: 9px; }
.lmd-menu button svg { width: 16px; height: 16px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; opacity: 0.8; }
.lmd-menu button svg circle { fill: currentColor; stroke: none; }
.lmd-menu button span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lmd-menu { width: 330px; }
.lmd-img-card .lmd-row input { width: 100%; }
.lmd-img-pick { display: flex; align-items: center; gap: 10px; margin: -2px 0 12px; color: var(--fg-muted); font-size: 13px; }
.lmd-img-pick .lmd-btn { display: inline-flex; align-items: center; gap: 8px; }
.lmd-img-pick svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.lmd-img-err { margin: 0 0 12px !important; color: #dc2626 !important; font-size: 13px; }
.lmd-ask-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.lmd-editing .lmd-editable img { cursor: pointer; border-radius: 6px; }
.lmd-editing .lmd-editable img:hover { outline: 2px solid var(--accent-fill); outline-offset: 2px; }
.lmd-imgbar .lmd-menu-danger:hover { color: #dc2626; }
.markdown-body img[width] { height: auto; }
.lmd-swatch[data-code-color]:not(.lmd-swatch-auto) { background: var(--sw); }
.lmd-code pre { background: color-mix(in srgb, var(--code-tint, transparent) 9%, var(--bg-code)); border-color: color-mix(in srgb, var(--code-tint, transparent) 40%, var(--line)); border-left: 3px solid color-mix(in srgb, var(--code-tint, var(--line)) 80%, var(--line)); }
.markdown-body :not(pre) > code { background: color-mix(in srgb, var(--code-tint, transparent) 13%, var(--bg-code)); }
.lmd-dgm-round .lmd-diagram svg .node rect, .lmd-dgm-round .lmd-dgm-svg svg .node rect { rx: 12px; ry: 12px; }

/* ---------- Pestañas de ajustes, sincronización, historial ---------- */
.lmd-ptabs { display: flex; flex-direction: column; gap: 3px; padding: 14px 10px; border-right: 1px solid var(--line); background: var(--bg-side); overflow: auto; }
.lmd-ptabs button { display: flex; align-items: center; gap: 10px; height: 38px; padding: 0 12px; border: 0; border-radius: 9px; background: transparent; color: var(--fg-muted); font: inherit; font-size: 13.5px; font-weight: 600; text-align: left; cursor: pointer; }
.lmd-ptabs button svg { width: 16px; height: 16px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.lmd-ptabs button:hover { color: var(--fg); background: var(--bg-soft); }
.lmd-ptabs button.lmd-on { background: var(--accent-soft); color: var(--accent); }
.lmd-panel-body > section[hidden] { display: none; }
.lmd-sync { width: 28px; height: 28px; }
.lmd-sync svg { width: 17px; height: 17px; }
.lmd-sync-ok { color: var(--accent); }
.lmd-sync-off { color: var(--fg-faint); }
.lmd-sync-err { color: #dc2626; }
.lmd-sync-busy svg { animation: lmd-pulse 1s ease-in-out infinite; }
@keyframes lmd-pulse { 50% { opacity: 0.35; } }
.lmd-menu .lmd-locked { color: var(--fg-faint); text-decoration: line-through; }
.lmd-hist { width: min(820px, 100%); }
.lmd-hist-body { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 12px; height: min(420px, 60vh); margin-bottom: 16px; }
.lmd-hist-body ul { margin: 0; padding: 0; list-style: none; overflow: auto; }
.lmd-hist-body li button { display: flex; justify-content: space-between; gap: 8px; width: 100%; padding: 8px 10px; border: 0; border-radius: 7px; background: transparent; color: var(--fg); font: inherit; font-size: 13px; text-align: left; cursor: pointer; }
.lmd-hist-body li button:hover, .lmd-hist-body li button.lmd-on { background: var(--accent-soft); color: var(--accent); }
.lmd-hist-body small { color: var(--fg-faint); }
.lmd-hist-body pre { margin: 0; padding: 12px 14px; border: 1px solid var(--line); border-radius: 9px; background: var(--bg-code); font: 12.5px/1.5 var(--lmd-mono); white-space: pre-wrap; overflow: auto; }

/* ---------- Compartir y presencia ---------- */
.lmd-sync { position: relative; }
.lmd-sync-n { position: absolute; right: -4px; top: -3px; min-width: 15px; height: 15px; padding: 0 4px; border-radius: 999px; background: var(--accent-fill); color: var(--accent-fg); font: 700 10px/15px var(--lmd-font); text-align: center; }
.lmd-readonly .lmd-modeseg [data-act=mode-edit], .lmd-readonly .lmd-insert, .lmd-readonly .lmd-save { opacity: 0.35; }
.lmd-share { width: min(560px, 100%); }
.lmd-share h4 { margin: 16px 0 8px; font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--fg-faint); }
.lmd-share-row { display: flex; gap: 8px; margin-bottom: 8px; }
.lmd-share input[type=email], .lmd-share input[type=text], .lmd-share select { flex: 1; min-width: 0; height: 36px; padding: 0 11px; border: 1px solid var(--line); border-radius: 8px; background: var(--bg-soft); color: var(--fg); font: inherit; font-size: 14px; outline: none; }
.lmd-share select { flex: 0 0 auto; }
.lmd-share input:focus { border-color: var(--accent-fill); }
.lmd-share ul { margin: 0 0 4px; padding: 0; list-style: none; }
.lmd-share li { display: flex; align-items: center; gap: 8px; padding: 5px 0; font-size: 13.5px; color: var(--fg-muted); }
.lmd-share li span, .lmd-share li input { flex: 1; min-width: 0; }
.lmd-share li button { border: 0; background: none; color: var(--fg-faint); font: inherit; font-size: 12.5px; cursor: pointer; }
.lmd-share li button:hover { color: #dc2626; }

/* ---------- Ajustes: muestras, interruptores, cuenta ---------- */
@media (max-width: 720px) { .lmd-panel-card { grid-template-columns: 1fr; grid-template-rows: auto auto minmax(0, 1fr); } .lmd-ptabs { flex-direction: row; border-right: 0; border-bottom: 1px solid var(--line); padding: 8px; } .lmd-ptabs button span { display: none; } }
.lmd-prev-code { margin: -4px 0 14px; padding: 11px 14px; border: 1px solid color-mix(in srgb, var(--code-tint, transparent) 40%, var(--line)); border-left: 3px solid color-mix(in srgb, var(--code-tint, var(--line)) 80%, var(--line)); border-radius: 9px; background: color-mix(in srgb, var(--code-tint, transparent) 9%, var(--bg-code)); font: 12.5px/1.5 var(--lmd-mono); overflow: hidden; }
.lmd-prev-code .k { color: #d7417a; } .lmd-prev-code .f { color: #8250df; } .lmd-prev-code .n { color: #0a7ea4; }
.lmd-dark .lmd-prev-code .k { color: #ff7b72; } .lmd-dark .lmd-prev-code .f { color: #d2a8ff; } .lmd-dark .lmd-prev-code .n { color: #79c0ff; }
.lmd-prev-dgm { display: block; width: min(300px, 100%); height: auto; margin: -2px 0 6px; }
.lmd-prev-dgm .node { fill: var(--bg-soft); stroke: var(--fg-muted); stroke-width: 1.4; rx: 0; }
.lmd-dgm-round .lmd-prev-dgm .node { rx: 10px; }
.lmd-prev-dgm .curve, .lmd-prev-dgm .line { fill: none; stroke: var(--fg-muted); stroke-width: 1.4; }
.lmd-prev-dgm .curve { display: none; } .lmd-dgm-round .lmd-prev-dgm .curve { display: inline; } .lmd-dgm-round .lmd-prev-dgm .line { display: none; }
.lmd-prev-dgm .tip { fill: var(--fg-muted); } .lmd-prev-dgm text { fill: var(--fg); font: 600 13px var(--lmd-font); text-anchor: middle; }
.lmd-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 18px; }
.lmd-switch { position: relative; display: flex; align-items: center; gap: 10px; padding: 6px 0; cursor: pointer; }
.lmd-switch input { position: absolute; opacity: 0; pointer-events: none; }
.lmd-switch i { flex: none; width: 34px; height: 20px; border-radius: 999px; background: var(--line); position: relative; transition: background .15s; }
.lmd-switch i::after { content: ""; position: absolute; left: 2px; top: 2px; width: 16px; height: 16px; border-radius: 50%; background: var(--bg); box-shadow: 0 1px 2px rgba(0, 0, 0, .3); transition: transform .15s; }
.lmd-switch input:checked + i { background: var(--accent-fill); }
.lmd-switch input:checked + i::after { transform: translateX(14px); }
.lmd-switch input:focus-visible + i { outline: 2px solid var(--accent-fill); outline-offset: 2px; }
.lmd-switch[data-tip]:not([data-tip=""])::after { content: attr(data-tip); position: absolute; left: 0; bottom: calc(100% + 4px); z-index: 5; width: max-content; max-width: 280px; padding: 8px 11px; border: 1px solid var(--line); border-radius: 9px; background: var(--bg-soft); color: var(--fg); font-size: 12.5px; line-height: 1.4; box-shadow: var(--shadow); opacity: 0; transform: translateY(4px); pointer-events: none; transition: opacity .14s, transform .14s; }
.lmd-switch[data-tip]:hover::after { opacity: 1; transform: none; transition-delay: .25s; }
.lmd-acct-row { display: flex; justify-content: space-between; gap: 12px; padding: 7px 0; border-bottom: 1px solid var(--line); color: var(--fg-muted); }
.lmd-acct-row b { color: var(--fg); font-weight: 600; }
.lmd-plans { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 16px 0; }
.lmd-plan { padding: 14px 16px; border: 1px solid var(--line); border-radius: 12px; }
.lmd-plan-on { border-color: var(--accent-fill); background: var(--accent-soft); }
.lmd-plan h4 { margin: 0 0 8px; font-size: 15px; } .lmd-plan h4 small { font-weight: 500; color: var(--fg-muted); }
.lmd-plan ul { margin: 0; padding-left: 1.1em; color: var(--fg-muted); font-size: 13px; line-height: 1.6; }
.lmd-plan-buy { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; } .lmd-plan-buy .lmd-btn { padding: 6px 11px; font-size: 12.5px; text-decoration: none; }
.lmd-btn:disabled { opacity: 0.55; cursor: default; }
@media (max-width: 720px) { .lmd-plans, .lmd-grid { grid-template-columns: 1fr; } }

.lmd-panel-body { display: flex; flex-direction: column; }
.lmd-panel-body > section:has(.lmd-acct) { order: -1; }

/* ---------- Ajustes: dos columnas, cada pestaña entra sin scroll ---------- */
.lmd-panel-card { width: min(1000px, 100%); height: min(740px, 100%); }
.lmd-panel-body { padding: 2px 28px 18px; scrollbar-width: thin; }
.lmd-panel-body section { padding: 16px 0; }
.lmd-row > span { font-size: 13px; }
.lmd-two { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px 28px; align-items: start; }
.lmd-two > h3, .lmd-two > .lmd-hint, .lmd-two > .lmd-update-msg { grid-column: 1 / -1; margin: 0; }
.lmd-two .lmd-row, .lmd-two .lmd-check { margin-bottom: 0; }
.lmd-row-line { flex-direction: row; align-items: center; justify-content: space-between; gap: 12px; align-self: end; min-height: 38px; }
.lmd-panel-body .lmd-check { align-items: center; gap: 10px; min-height: 30px; align-self: center; }
.lmd-panel-body .lmd-check input { appearance: none; flex: none; position: relative; width: 34px; height: 20px; margin: 0; border-radius: 999px; background: var(--line); cursor: pointer; transition: background .15s; }
.lmd-panel-body .lmd-check input::after { content: ""; position: absolute; left: 2px; top: 2px; width: 16px; height: 16px; border-radius: 50%; background: var(--bg); box-shadow: 0 1px 2px rgba(0, 0, 0, .3); transition: transform .15s; }
.lmd-panel-body .lmd-check input:checked { background: var(--accent-fill); }
.lmd-panel-body .lmd-check input:checked::after { transform: translateX(14px); }
.lmd-panel-body .lmd-check input:focus-visible { outline: 2px solid var(--accent-fill); outline-offset: 2px; }
.lmd-grid { gap: 0 28px; }
.lmd-grid .lmd-switch { padding: 5px 0; font-size: 13.5px; }
.lmd-panel textarea { min-height: 92px; }
.lmd-plans { margin: 12px 0 14px; }
.lmd-panel-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.lmd-panel-foot .lmd-hint { flex: 1; min-width: 200px; margin: 0; }
.lmd-panel-foot .lmd-btn-accent { margin-top: 0; }
@media (max-width: 720px) { .lmd-two { grid-template-columns: 1fr; } }
.lmd-two > .lmd-extra { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin: 0; }
.lmd-two > .lmd-extra p { flex: 1; min-width: 240px; margin: 0; }
.lmd-panel-body section { border-bottom: 0; }
.lmd-panel-body > section:not([hidden]) ~ section:not([hidden]) { border-top: 1px solid var(--line); }
.lmd-panel-body > section:has(.lmd-acct) { border-top: 0 !important; border-bottom: 1px solid var(--line); }
.lmd-panel-body > section:has(.lmd-acct) ~ .lmd-two:not([hidden]) { border-top: 0; }
.lmd-pcol { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.lmd-preview { display: flex; flex-direction: column; gap: 16px; align-self: stretch; min-width: 0; padding: 14px 18px 18px; border: 1px solid var(--line); border-radius: 12px; background: var(--bg-soft); overflow: hidden; }
.lmd-preview > small { font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--fg-faint); }
.lmd-prev-text { height: 112px; overflow: hidden; font-family: var(--lmd-font); font-size: var(--lmd-font-size); line-height: var(--lmd-line-height); color: var(--fg); }
.lmd-prev-text b { display: block; margin-bottom: 0.25em; font-size: 1.15em; letter-spacing: -0.015em; }
.lmd-prev-text p { margin: 0; color: var(--fg-muted); }
.lmd-preview .lmd-prev-code { margin: 0; padding: 12px 14px; line-height: 1.6; white-space: pre; }
.lmd-preview .lmd-prev-dgm { flex: none; align-self: center; width: 132px; height: 116px; margin: 0; }
.lmd-preview .lmd-prev-dgm .node { fill: var(--bg); }
.lmd-pcol .lmd-swatches { gap: 6px; }

/* ---------- Emojis al escribir ":" ---------- */
.lmd-emoji { position: fixed; z-index: 70; min-width: 220px; max-width: 300px; padding: 5px; border: 1px solid var(--line); border-radius: 11px; background: var(--bg-soft); box-shadow: var(--shadow); font: 13.5px/1.3 var(--lmd-font); color: var(--fg); }
.lmd-emoji[hidden] { display: none; }
.lmd-emoji button { display: flex; align-items: center; gap: 10px; width: 100%; padding: 6px 9px; border: 0; border-radius: 7px; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.lmd-emoji button span { flex: none; width: 22px; font-size: 17px; text-align: center; }
.lmd-emoji button small { color: var(--fg-muted); font: 12.5px var(--lmd-mono); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lmd-emoji button.lmd-on, .lmd-emoji button:hover { background: var(--accent-soft); }
.lmd-emoji button.lmd-on small { color: var(--accent); }
@media print { .lmd-emoji { display: none !important; } }