feat: add link editing tooltip to WYSIWYG editor; page-style layout

- Click a link in rich text mode to show an inline tooltip with URL input
- Tooltip supports update, remove, and cancel actions
- Editor rich container now uses --bg for contrast; milkdown pane styled as a document page with border, shadow, and padding
- Increase paragraph spacing (1.25em) and reduce list item spacing (0.25em)
- Fix p > li margin bleed in both editor and markdown-body views

static/css/editor.css

···
     display: flex;
     flex-direction: column;
     align-items: center;
-    background: var(--bg-card);
+    background: var(--bg);
 }
 
 .editor-rich .milkdown {
···
     max-width: 720px;
     outline: none;
     cursor: text;
+    background: var(--bg-card);
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
+    padding: 3rem 3.5rem;
 }
 
 /* Milkdown prose styles — match markdown.css */
···
     min-height: 60vh;
 }
 
+.editor-rich .milkdown .ProseMirror p {
+    margin-bottom: 1.25em;
+}
+
 .editor-rich .milkdown .ProseMirror ul,
 .editor-rich .milkdown .ProseMirror ol {
     padding-left: 1.5rem;
 }
 
+.editor-rich .milkdown .ProseMirror li {
+    margin-bottom: 0.25em;
+}
+
+.editor-rich .milkdown .ProseMirror li > p {
+    margin-bottom: 0;
+}
+
 /* Source/Wrap/Preview buttons hidden in rich text mode */
 .source-only {
     display: none;
 }
+
+/* Link editing tooltip */
+.link-tooltip {
+    position: fixed;
+    z-index: 200;
+    display: none;
+    align-items: center;
+    gap: 0.4rem;
+    background: var(--bg-card);
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    padding: 0.35rem 0.5rem;
+    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
+}
+
+.link-tooltip.visible {
+    display: flex;
+}
+
+.link-tooltip input {
+    width: 260px;
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    background: var(--bg);
+    color: var(--text);
+    padding: 0.2rem 0.5rem;
+    font-size: 0.83rem;
+    outline: none;
+}
+
+.link-tooltip input:focus {
+    border-color: var(--primary);
+}
+
+.link-tooltip button {
+    background: none;
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    color: var(--text-muted);
+    cursor: pointer;
+    font-size: 0.8rem;
+    padding: 0.2rem 0.45rem;
+    white-space: nowrap;
+    line-height: 1.4;
+}
+
+.link-tooltip button:first-of-type {
+    background: var(--primary);
+    border-color: var(--primary);
+    color: #fff;
+}
+
+.link-tooltip button:hover { opacity: 0.8; }

static/css/markdown.css

···
 }
 
 .markdown-body li { margin-bottom: 0.25em; }
+.markdown-body li > p { margin-bottom: 0; }
 
 .markdown-body table {
     width: 100%;

templates/document_edit.html

···
     <!-- Rich text editor (default) -->
     <div id="editor-rich" class="editor-rich"></div>
 
+    <!-- Link editing tooltip -->
+    <div id="link-tooltip" class="link-tooltip">
+        <input type="url" id="link-tooltip-input" placeholder="https://" spellcheck="false">
+        <button id="link-tooltip-confirm">Update</button>
+        <button id="link-tooltip-remove">Remove</button>
+        <button id="link-tooltip-cancel">✕</button>
+    </div>
+
     <!-- Source editor (CodeMirror + preview split) -->
     <div id="editor-source" class="editor-split" style="display:none">
         <div class="editor-pane">
···
             saveStatus.className = 'status-error';
         }
     };
+
+    // ── Link tooltip ──────────────────────────────────────────────────────────
+
+    const linkTooltipEl = document.getElementById('link-tooltip');
+    const linkInput = document.getElementById('link-tooltip-input');
+    const linkConfirmBtn = document.getElementById('link-tooltip-confirm');
+    const linkRemoveBtn = document.getElementById('link-tooltip-remove');
+    const linkCancelBtn = document.getElementById('link-tooltip-cancel');
+
+    let linkTooltipState = null; // { pmView, pos }
+
+    function findMarkExtent(state, searchPos, markType) {
+        try {
+            const $pos = state.doc.resolve(Math.min(searchPos, state.doc.content.size - 1));
+            const parent = $pos.parent;
+            const parentStart = $pos.start();
+            let currentHref = null;
+            parent.forEach((node, offset) => {
+                const nodeStart = parentStart + offset;
+                const nodeEnd = nodeStart + node.nodeSize;
+                const lm = markType.isInSet(node.marks);
+                if (lm && nodeStart <= searchPos && searchPos <= nodeEnd) currentHref = lm.attrs.href;
+            });
+            if (!currentHref) return { from: -1, to: -1 };
+            let linkFrom = -1, linkTo = -1;
+            parent.forEach((node, offset) => {
+                const lm = markType.isInSet(node.marks);
+                if (lm && lm.attrs.href === currentHref) {
+                    const nodeStart = parentStart + offset;
+                    if (linkFrom === -1) linkFrom = nodeStart;
+                    linkTo = nodeStart + node.nodeSize;
+                }
+            });
+            return { from: linkFrom, to: linkTo };
+        } catch(e) { return { from: -1, to: -1 }; }
+    }
+
+    function showLinkTooltip(pmView, mark, pos) {
+        linkTooltipState = { pmView, pos };
+        linkInput.value = mark.attrs.href || '';
+        const coords = pmView.coordsAtPos(pos);
+        linkTooltipEl.style.left = Math.max(8, coords.left) + 'px';
+        linkTooltipEl.style.top = (coords.bottom + 8) + 'px';
+        linkTooltipEl.classList.add('visible');
+    }
+
+    function hideLinkTooltip() {
+        linkTooltipEl.classList.remove('visible');
+        linkTooltipState = null;
+    }
+
+    // Prevent buttons from stealing editor focus
+    [linkConfirmBtn, linkRemoveBtn, linkCancelBtn].forEach(btn => {
+        btn.addEventListener('mousedown', e => e.preventDefault());
+    });
+
+    linkCancelBtn.addEventListener('click', () => hideLinkTooltip());
+
+    linkConfirmBtn.addEventListener('click', () => {
+        if (!linkTooltipState) return;
+        const { pmView, pos } = linkTooltipState;
+        const newHref = linkInput.value.trim();
+        if (!newHref) return;
+        const { state, dispatch } = pmView;
+        const linkType = state.schema.marks.link;
+        const { from, to } = findMarkExtent(state, pos, linkType);
+        if (from === -1) return;
+        dispatch(state.tr.addMark(from, to, linkType.create({ href: newHref })));
+        hideLinkTooltip();
+        pmView.focus();
+    });
+
+    linkRemoveBtn.addEventListener('click', () => {
+        if (!linkTooltipState) return;
+        const { pmView, pos } = linkTooltipState;
+        const { state, dispatch } = pmView;
+        const linkType = state.schema.marks.link;
+        const { from, to } = findMarkExtent(state, pos, linkType);
+        if (from === -1) return;
+        dispatch(state.tr.removeMark(from, to, linkType));
+        hideLinkTooltip();
+        pmView.focus();
+    });
+
+    linkInput.addEventListener('keydown', e => {
+        if (e.key === 'Enter') linkConfirmBtn.click();
+        if (e.key === 'Escape') hideLinkTooltip();
+    });
+
+    function checkForLinkTooltip() {
+        if (currentMode !== 'rich' || !milkdownEditor) return;
+        try {
+            const pmView = milkdownEditor.action(ctx => ctx.get(editorViewCtx));
+            const { selection, schema, doc } = pmView.state;
+            const linkType = schema.marks.link;
+            const pos = Math.min(selection.from, doc.content.size - 1);
+            const marks = doc.resolve(pos).marks();
+            const linkMark = marks.find(m => m.type === linkType);
+            if (linkMark) showLinkTooltip(pmView, linkMark, pos);
+            else hideLinkTooltip();
+        } catch(e) { hideLinkTooltip(); }
+    }
+
+    document.getElementById('editor-rich').addEventListener('click', () => setTimeout(checkForLinkTooltip, 0));
+    document.getElementById('editor-rich').addEventListener('keyup', checkForLinkTooltip);
+
+    document.addEventListener('click', e => {
+        if (!linkTooltipEl.contains(e.target) && !document.getElementById('editor-rich').contains(e.target)) {
+            hideLinkTooltip();
+        }
+    });
 
     // ── Init ──────────────────────────────────────────────────────────────────