✨ hover highlighted sections for feedback

src/renderer/components/Editor/Editor.css

@@ -36,3 +36,85 @@
   font-size: 12px;
   opacity: 0.6;
 }
+
+/* ── Annotation hover tooltip ─────────────────────────────────── */
+
+/* Strip CodeMirror's default tooltip chrome */
+.cm-tooltip.cm-tooltip-hover {
+  border: none;
+  background: transparent;
+  padding: 0;
+  box-shadow: none;
+}
+
+.annotation-tooltip {
+  background: var(--message-bg);
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  padding: 10px 12px;
+  max-width: 320px;
+  font-family: var(--font-sans);
+  font-size: 13px;
+  line-height: 1.5;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
+  pointer-events: none;
+}
+
+.annotation-tooltip-divider {
+  height: 1px;
+  background: var(--border);
+  margin: 8px 0;
+}
+
+.annotation-tooltip-label {
+  font-size: 10px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: var(--accent);
+}
+
+.annotation-tooltip-body {
+  color: var(--text-primary);
+  word-break: break-word;
+}
+
+.annotation-tooltip-body p {
+  margin: 0 0 8px;
+}
+.annotation-tooltip-body p:last-child {
+  margin-bottom: 0;
+}
+.annotation-tooltip-body strong {
+  font-weight: 600;
+}
+.annotation-tooltip-body em {
+  color: var(--text-secondary);
+}
+.annotation-tooltip-body code {
+  font-family: monospace;
+  font-size: 11px;
+  background: rgba(255, 255, 255, 0.07);
+  border-radius: 3px;
+  padding: 1px 4px;
+}
+.annotation-tooltip-body blockquote {
+  border-left: 2px solid var(--accent);
+  margin: 4px 0;
+  padding: 1px 8px;
+  color: var(--text-secondary);
+  font-style: italic;
+}
+.annotation-tooltip-body ul,
+.annotation-tooltip-body ol {
+  margin: 2px 0 4px;
+  padding-left: 16px;
+}
+.annotation-tooltip-body li {
+  margin-bottom: 2px;
+}
+
+.annotation-tooltip-loading {
+  color: var(--text-muted);
+  font-style: italic;
+}