npm - noteloom - Versions diffs - 0.3.2 → 0.4.0 - Mend

noteloom 0.3.2 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (104) hide show

package/README.md +344 -53
package/bin/noteloom.mjs +139 -0
package/dist/canvas.cjs +2 -0
package/dist/canvas.cjs.map +1 -0
package/dist/canvas.d.ts +2 -0
package/dist/canvas.js +5 -0
package/dist/canvas.js.map +1 -0
package/dist/collab.cjs +2 -0
package/dist/collab.cjs.map +1 -0
package/dist/collab.d.ts +19 -0
package/dist/collab.js +379 -0
package/dist/collab.js.map +1 -0
package/dist/comments.cjs +2 -0
package/dist/comments.cjs.map +1 -0
package/dist/comments.d.ts +17 -0
package/dist/comments.js +19 -0
package/dist/comments.js.map +1 -0
package/dist/index.cjs +2 -0
package/dist/index.cjs.map +1 -0
package/dist/index.d.ts +392 -32
package/dist/index.js +3983 -0
package/dist/index.js.map +1 -0
package/dist/persistence.cjs +2 -0
package/dist/persistence.cjs.map +1 -0
package/dist/persistence.d.ts +11 -0
package/dist/persistence.js +12 -0
package/dist/persistence.js.map +1 -0
package/dist/shared/CommentAvatar-TKqsM8vG.js +53 -0
package/dist/shared/CommentAvatar-TKqsM8vG.js.map +1 -0
package/dist/shared/CommentAvatar-V457IgoQ.cjs +2 -0
package/dist/shared/CommentAvatar-V457IgoQ.cjs.map +1 -0
package/dist/shared/CommentThreadCard-CAJ3oPdr.cjs +2 -0
package/dist/shared/CommentThreadCard-CAJ3oPdr.cjs.map +1 -0
package/dist/shared/CommentThreadCard-Cxf8GwHJ.js +213 -0
package/dist/shared/CommentThreadCard-Cxf8GwHJ.js.map +1 -0
package/dist/shared/CommentsPanel-BwVVyMOC.js +76 -0
package/dist/shared/CommentsPanel-BwVVyMOC.js.map +1 -0
package/dist/shared/CommentsPanel-CES4uzye.cjs +2 -0
package/dist/shared/CommentsPanel-CES4uzye.cjs.map +1 -0
package/dist/shared/VersionHistory-Bg6fufP5.js +1120 -0
package/dist/shared/VersionHistory-Bg6fufP5.js.map +1 -0
package/dist/shared/VersionHistory-DELa2Wbq.cjs +12 -0
package/dist/shared/VersionHistory-DELa2Wbq.cjs.map +1 -0
package/dist/shared/VoiceListeningIndicator-BOfVmLK0.js +338 -0
package/dist/shared/VoiceListeningIndicator-BOfVmLK0.js.map +1 -0
package/dist/shared/VoiceListeningIndicator-DNX8JlQM.cjs +2 -0
package/dist/shared/VoiceListeningIndicator-DNX8JlQM.cjs.map +1 -0
package/dist/shared/fieldRegistry-BoYyW3GH.cjs +2 -0
package/dist/shared/fieldRegistry-BoYyW3GH.cjs.map +1 -0
package/dist/shared/fieldRegistry-PjJWXFoB.js +223 -0
package/dist/shared/fieldRegistry-PjJWXFoB.js.map +1 -0
package/dist/shared/icons-C1_s0jKK.js +4269 -0
package/dist/shared/icons-C1_s0jKK.js.map +1 -0
package/dist/shared/icons-DtCsXuU6.cjs +3531 -0
package/dist/shared/icons-DtCsXuU6.cjs.map +1 -0
package/dist/shared/index-B9jyyL8u.js +2145 -0
package/dist/shared/index-B9jyyL8u.js.map +1 -0
package/dist/shared/index-D9WEXpYM.cjs +2 -0
package/dist/shared/index-D9WEXpYM.cjs.map +1 -0
package/dist/shared/indexedDbPersistence-BKlGPFTP.js +112 -0
package/dist/shared/indexedDbPersistence-BKlGPFTP.js.map +1 -0
package/dist/shared/indexedDbPersistence-BWJ1h5Vp.cjs +2 -0
package/dist/shared/indexedDbPersistence-BWJ1h5Vp.cjs.map +1 -0
package/dist/shared/leafBlockFactory-A9eUhSe-.js +335 -0
package/dist/shared/leafBlockFactory-A9eUhSe-.js.map +1 -0
package/dist/shared/leafBlockFactory-Dp382eP8.cjs +2 -0
package/dist/shared/leafBlockFactory-Dp382eP8.cjs.map +1 -0
package/dist/shared/serialize-DWEfk0vU.cjs +3 -0
package/dist/shared/serialize-DWEfk0vU.cjs.map +1 -0
package/dist/shared/serialize-T9Odwx24.js +86 -0
package/dist/shared/serialize-T9Odwx24.js.map +1 -0
package/dist/shared/starter-kit-CY5wzYDf.js +4980 -0
package/dist/shared/starter-kit-CY5wzYDf.js.map +1 -0
package/dist/shared/starter-kit-lPN-NpJ5.cjs +27 -0
package/dist/shared/starter-kit-lPN-NpJ5.cjs.map +1 -0
package/dist/shared/usePopoverEdgeClamp-CDG26jBM.cjs +2 -0
package/dist/shared/usePopoverEdgeClamp-CDG26jBM.cjs.map +1 -0
package/dist/shared/usePopoverEdgeClamp-gmFm0CnI.js +109 -0
package/dist/shared/usePopoverEdgeClamp-gmFm0CnI.js.map +1 -0
package/dist/shared/useServiceWorkerUpdate-BduabXv6.js +94 -0
package/dist/shared/useServiceWorkerUpdate-BduabXv6.js.map +1 -0
package/dist/shared/useServiceWorkerUpdate-DQboGesi.cjs +2 -0
package/dist/shared/useServiceWorkerUpdate-DQboGesi.cjs.map +1 -0
package/dist/starter-kit.cjs +2 -0
package/dist/starter-kit.cjs.map +1 -0
package/dist/starter-kit.d.ts +9 -0
package/dist/starter-kit.js +10 -0
package/dist/starter-kit.js.map +1 -0
package/dist/style.css +3529 -3200
package/dist/versions.cjs +2 -0
package/dist/versions.cjs.map +1 -0
package/dist/versions.d.ts +11 -0
package/dist/versions.js +13 -0
package/dist/versions.js.map +1 -0
package/dist/voice.cjs +2 -0
package/dist/voice.cjs.map +1 -0
package/dist/voice.d.ts +7 -0
package/dist/voice.js +8 -0
package/dist/voice.js.map +1 -0
package/package.json +159 -92
package/dist/noteloom.cjs +0 -3209
package/dist/noteloom.cjs.map +0 -1
package/dist/noteloom.es.js +0 -14622
package/dist/noteloom.es.js.map +0 -1

package/dist/shared/icons-C1_s0jKK.js ADDED Viewed

@@ -0,0 +1,4269 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { useEffect as q, useState as c, useCallback as b, useRef as K, useMemo as W, useContext as $, createContext as G } from "react";
+const Q = `/*
+ * noteloom's default theme — minimal, clean, modern SaaS-adjacent.
+ *
+ * Ships as plain CSS custom properties on :root (not scoped to a wrapper
+ * element) deliberately: several of this package's own pieces — Select's
+ * popover, SlashMenu, FloatingToolbar, the table header menu, the block
+ * gutter/range menus, Modal — are portaled to document.body, so they are
+ * NOT DOM descendants of whatever element renders the editor itself.
+ * Scoping variables to a wrapper class would silently fail to reach any
+ * of those. \`--noteloom-*\` is a distinctive enough prefix that defining
+ * these on :root won't collide with a host app's own custom properties.
+ *
+ * This file is auto-injected at runtime by <EditorProvider> (see
+ * react/injectDefaultStyles.js) — you do NOT need to import this
+ * yourself. It's still published standalone at \`noteloom/style.css\` for:
+ *   - passing \`theme="none"\` to <EditorProvider> and importing this
+ *     explicitly instead (e.g. to control load order, or for SSR/CSP
+ *     setups where runtime <style> injection isn't allowed)
+ *   - copying as a starting point for your own from-scratch theme
+ *
+ * Retheme by overriding these variables in your own CSS (after the
+ * default theme loads) — every rule below reads from them, nothing is
+ * hardcoded. Override individual \`.be-*\` classes too, same as any other
+ * library's default styles.
+ */
+:root {
+  --noteloom-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Inter, sans-serif;
+  --noteloom-text: #0f172a;
+  --noteloom-text-muted: #64748b;
+  --noteloom-text-faint: #94a3b8;
+  --noteloom-bg: #ffffff;
+  --noteloom-bg-subtle: #f8fafc;
+  --noteloom-bg-hover: #f1f5f9;
+  --noteloom-border: #e2e8f0;
+  --noteloom-accent: #6366f1;
+  --noteloom-accent-text: #ffffff;
+  --noteloom-accent-soft: rgba(99, 102, 241, 0.1);
+  --noteloom-accent-soft-hover: rgba(99, 102, 241, 0.16);
+  --noteloom-danger: #dc2626;
+  --noteloom-danger-soft: #fef2f2;
+  --noteloom-radius-sm: 6px;
+  --noteloom-radius-md: 8px;
+  --noteloom-radius-lg: 12px;
+  --noteloom-radius-xl: 16px;
+  --noteloom-shadow: 0 12px 24px -8px rgba(15, 23, 42, 0.12), 0 4px 8px -4px rgba(15, 23, 42, 0.06);
+  --noteloom-code-bg: #0f172a;
+  --noteloom-code-text: #e2e8f0;
+}
+@media (prefers-color-scheme: dark) {
+  :root {
+    --noteloom-text: #f1f5f9;
+    --noteloom-text-muted: #94a3b8;
+    --noteloom-text-faint: #64748b;
+    --noteloom-bg: #1c1932;
+    --noteloom-bg-subtle: rgba(255, 255, 255, 0.03);
+    --noteloom-bg-hover: rgba(255, 255, 255, 0.06);
+    --noteloom-border: rgba(255, 255, 255, 0.1);
+    --noteloom-accent-soft: rgba(99, 102, 241, 0.18);
+    --noteloom-accent-soft-hover: rgba(99, 102, 241, 0.26);
+    --noteloom-danger-soft: rgba(220, 38, 38, 0.15);
+    --noteloom-code-bg: #13111f;
+  }
+}
+/* Explicit overrides win either direction — a host toggling dark mode via
+   a class rather than the OS setting can set [data-theme="dark"/"light"]
+   on any ancestor (e.g. <html>), overriding the media query above. */
+[data-theme='dark'] {
+  --noteloom-text: #f1f5f9;
+  --noteloom-text-muted: #94a3b8;
+  --noteloom-text-faint: #64748b;
+  --noteloom-bg: #1c1932;
+  --noteloom-bg-subtle: rgba(255, 255, 255, 0.03);
+  --noteloom-bg-hover: rgba(255, 255, 255, 0.06);
+  --noteloom-border: rgba(255, 255, 255, 0.1);
+  --noteloom-accent-soft: rgba(99, 102, 241, 0.18);
+  --noteloom-accent-soft-hover: rgba(99, 102, 241, 0.26);
+  --noteloom-danger-soft: rgba(220, 38, 38, 0.15);
+  --noteloom-code-bg: #13111f;
+}
+[data-theme='light'] {
+  --noteloom-text: #0f172a;
+  --noteloom-text-muted: #64748b;
+  --noteloom-text-faint: #94a3b8;
+  --noteloom-bg: #ffffff;
+  --noteloom-bg-subtle: #f8fafc;
+  --noteloom-bg-hover: #f1f5f9;
+  --noteloom-border: #e2e8f0;
+  --noteloom-accent-soft: rgba(99, 102, 241, 0.1);
+  --noteloom-accent-soft-hover: rgba(99, 102, 241, 0.16);
+  --noteloom-danger-soft: #fef2f2;
+  --noteloom-code-bg: #0f172a;
+}
+.be-root {
+  font-family: var(--noteloom-font);
+  color: var(--noteloom-text);
+}
+.be-editable {
+  /* Block-level and full-width so the whole line (including the blank
+     trailing space after short text, and an empty line's full height) is
+     part of the actual contentEditable hit-test box. Left inline/sized to
+     content, a click on that blank area lands on the non-editable wrapper
+     div instead of this element: the browser's native "nothing focused
+     yet" resolution still finds it on a first click, but re-clicking the
+     same dead-zone point while this element already holds the selection
+     collapses/clears it instead, since there's nothing here to re-anchor
+     the caret onto. */
+  display: block;
+  width: 100%;
+  min-height: 1em;
+  outline: none;
+}
+/* A run with marks.commentIds set (see src/comments/commentMarks.js) --
+   presence/absence only, no per-comment value to vary the color by.
+   cursor: pointer hints that it opens CommentPopover on click. */
+.be-comment-highlight {
+  background: rgba(234, 179, 8, 0.2);
+  border-bottom: 2px solid rgba(234, 179, 8, 0.6);
+  cursor: pointer;
+}
+/* Echoes a hover from the panel/popover back onto the actual text -- see useHoveredComment. */
+.be-comment-highlight-active {
+  background: rgba(234, 179, 8, 0.4);
+}
+/* --- basic leaf blocks --- */
+.be-paragraph {
+  position: relative;
+  margin: 0.25rem 0;
+  line-height: 1.6;
+  outline: none;
+}
+.be-heading {
+  position: relative;
+  font-weight: 600;
+  margin: 1.25rem 0 0.25rem;
+  outline: none;
+  letter-spacing: -0.01em;
+}
+/* Explicit per-level sizing, each in its own overridable class — without
+   this, h1/h2/h3 only differ via the browser's own UA-stylesheet defaults
+   (inconsistent across browsers, and not something a host can target
+   independently without fighting tag-selector specificity). Override just
+   one level with \`.be-heading-1 { font-size: ...; }\` in your own CSS, same
+   as any other .be-* class. */
+.be-heading-1 {
+  font-size: 1.9em;
+}
+.be-heading-2 {
+  font-size: 1.5em;
+}
+.be-heading-3 {
+  font-size: 1.2em;
+}
+.be-divider {
+  border: none;
+  border-top: 1px solid var(--noteloom-border);
+  margin: 1.5em 0;
+  cursor: default;
+}
+.be-blockquote {
+  position: relative;
+  margin: 0.5em 0;
+  padding-left: 0.9em;
+  border-left: 3px solid var(--noteloom-border);
+  color: var(--noteloom-text-muted);
+  outline: none;
+}
+.be-blockquote[dir='rtl'] {
+  padding-left: 0;
+  padding-right: 0.9em;
+  border-left: none;
+  border-right: 3px solid var(--noteloom-border);
+}
+/* --- callout --- */
+.be-callout {
+  position: relative;
+  display: flex;
+  gap: 0.7em;
+  align-items: flex-start;
+  background: var(--noteloom-bg-subtle);
+  border-radius: var(--noteloom-radius-lg);
+  padding: 0.9em 1em;
+  margin: 0.5em 0;
+}
+.be-callout[data-color='gray'] {
+  background: rgba(148, 163, 184, 0.16);
+}
+.be-callout[data-color='blue'] {
+  background: rgba(99, 102, 241, 0.12);
+}
+.be-callout[data-color='green'] {
+  background: rgba(34, 197, 94, 0.14);
+}
+.be-callout[data-color='yellow'] {
+  background: rgba(234, 179, 8, 0.16);
+}
+.be-callout[data-color='orange'] {
+  background: rgba(249, 115, 22, 0.14);
+}
+.be-callout[data-color='red'] {
+  background: rgba(239, 68, 68, 0.13);
+}
+.be-callout[data-color='purple'] {
+  background: rgba(168, 85, 247, 0.13);
+}
+.be-callout[data-color='pink'] {
+  background: rgba(236, 72, 153, 0.13);
+}
+.be-callout-icon-wrap {
+  flex: none;
+}
+.be-callout-icon-input,
+.be-callout-icon {
+  width: 2em;
+  height: 2em;
+  border: none;
+  background: var(--noteloom-bg);
+  border-radius: var(--noteloom-radius-md);
+  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
+  font-size: 1.15em;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  cursor: pointer;
+}
+.be-callout-icon-input {
+  outline: none;
+  text-align: center;
+  cursor: text;
+}
+.be-callout-content {
+  flex: 1;
+  min-width: 0;
+  padding-right: 1.6em; /* keeps text from running under the color-swatch trigger */
+}
+/* First child reads as the card's title; every child after it is the
+   description — see CalloutBlock.jsx's comment for why this is a CSS
+   convention over the content, not a separate title/description field. */
+.be-callout-content > :first-child {
+  font-weight: 600;
+}
+.be-callout-content > :not(:first-child) {
+  color: var(--noteloom-text-muted);
+  font-size: 0.92em;
+}
+.be-callout-color-wrap {
+  position: absolute;
+  top: 0.6em;
+  right: 0.6em;
+}
+.be-callout-color-trigger {
+  border: none;
+  background: none;
+  padding: 3px;
+  border-radius: var(--noteloom-radius-sm);
+  cursor: pointer;
+  display: flex;
+}
+.be-callout-color-trigger:hover {
+  background: rgba(15, 23, 42, 0.06);
+}
+.be-callout-color-dot {
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  border: 1px solid rgba(15, 23, 42, 0.12);
+}
+.be-callout-color-dot-gray {
+  background: #94a3b8;
+}
+.be-callout-color-dot-blue {
+  background: #6366f1;
+}
+.be-callout-color-dot-green {
+  background: #22c55e;
+}
+.be-callout-color-dot-yellow {
+  background: #eab308;
+}
+.be-callout-color-dot-orange {
+  background: #f97316;
+}
+.be-callout-color-dot-red {
+  background: #ef4444;
+}
+.be-callout-color-dot-purple {
+  background: #a855f7;
+}
+.be-callout-color-dot-pink {
+  background: #ec4899;
+}
+.be-callout-color-picker {
+  position: absolute;
+  top: 100%;
+  right: 0;
+  margin-top: 4px;
+  z-index: 1000;
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 4px;
+  padding: 6px;
+  background: var(--noteloom-bg);
+  border: 1px solid var(--noteloom-border);
+  border-radius: var(--noteloom-radius-md);
+  box-shadow: var(--noteloom-shadow);
+}
+.be-callout-color-option {
+  width: 22px;
+  height: 22px;
+  border-radius: 50%;
+  border: 2px solid transparent;
+  cursor: pointer;
+  padding: 0;
+}
+.be-callout-color-option-gray {
+  background: #94a3b8;
+}
+.be-callout-color-option-blue {
+  background: #6366f1;
+}
+.be-callout-color-option-green {
+  background: #22c55e;
+}
+.be-callout-color-option-yellow {
+  background: #eab308;
+}
+.be-callout-color-option-orange {
+  background: #f97316;
+}
+.be-callout-color-option-red {
+  background: #ef4444;
+}
+.be-callout-color-option-purple {
+  background: #a855f7;
+}
+.be-callout-color-option-pink {
+  background: #ec4899;
+}
+.be-callout-color-option-active {
+  border-color: var(--noteloom-text);
+}
+/* --- code block --- */
+.be-code-block {
+  margin: 0.6em 0;
+  border-radius: var(--noteloom-radius-lg);
+  overflow: hidden;
+  background: var(--noteloom-code-bg);
+  color: var(--noteloom-code-text);
+}
+.be-code-block-header {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 4px;
+  padding: 6px 10px;
+  background: rgba(255, 255, 255, 0.04);
+}
+.be-code-block-delete {
+  appearance: none;
+  -webkit-appearance: none;
+  border: none;
+  outline: none;
+  background: transparent;
+  box-shadow: none;
+  color: var(--noteloom-text-faint);
+  width: 24px;
+  height: 24px;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--noteloom-radius-sm);
+  cursor: pointer;
+}
+.be-code-block-delete:hover {
+  background: rgba(255, 255, 255, 0.1);
+  color: #fca5a5;
+}
+.be-code-block-language {
+  background: transparent;
+  color: var(--noteloom-text-faint);
+  border: none;
+  font-size: 0.8rem;
+  cursor: pointer;
+}
+.be-code-block-pre {
+  margin: 0;
+  padding: 0.9em 1em;
+  overflow-x: auto;
+  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
+  font-size: 0.88rem;
+  outline: none;
+}
+.be-code-block-pre code {
+  position: relative;
+  display: block;
+}
+.be-code-block-body {
+  display: flex;
+  align-items: stretch;
+}
+.be-code-block-gutter {
+  flex-shrink: 0;
+  display: flex;
+  flex-direction: column;
+  padding: 0.9em 0.6em 0.9em 1em;
+  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
+  font-size: 0.88rem;
+  line-height: 1.5;
+  color: var(--noteloom-text-faint);
+  text-align: right;
+  user-select: none;
+  border-right: 1px solid rgba(255, 255, 255, 0.08);
+}
+.be-code-block-body .be-code-block-pre {
+  flex: 1;
+  min-width: 0;
+  line-height: 1.5;
+}
+/* --- list items (bulleted / numbered / to-do / toggle) --- */
+.be-list-item {
+  margin: 0.1rem 0;
+}
+.be-list-item-row {
+  display: flex;
+  align-items: flex-start;
+  gap: 0.4em;
+}
+.be-list-checkbox {
+  margin-top: 0.3em;
+  width: 16px;
+  height: 16px;
+  flex: none;
+  accent-color: var(--noteloom-accent);
+  cursor: pointer;
+}
+.be-list-toggle-marker {
+  border: none;
+  background: none;
+  cursor: pointer;
+  padding: 2px;
+  margin-top: 0.1em;
+  color: var(--noteloom-text-faint);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 30px;
+  width: 30px;
+  border-radius: var(--noteloom-radius-sm);
+}
+.be-list-toggle-marker:hover {
+  background: var(--noteloom-bg-hover);
+  color: var(--noteloom-text-muted);
+}
+.be-list-marker {
+  min-width: 1.2em;
+  margin-top: 0.1em;
+  text-align: center;
+  color: var(--noteloom-text-faint);
+  user-select: none;
+  flex: none;
+}
+.be-list-item-title {
+  position: relative;
+  flex: 1;
+  min-width: 0;
+  outline: none;
+  line-height: 1.6;
+}
+.be-list-item-children {
+  margin-left: 2.1em;
+}
+/* --- toggle heading --- */
+.be-toggle-heading {
+  margin: 1.25rem 0 0.25rem;
+}
+.be-toggle-heading-row {
+  display: flex;
+  align-items: center;
+  gap: 0.15em;
+}
+.be-toggle-heading-marker {
+  border: none;
+  background: none;
+  cursor: pointer;
+  color: var(--noteloom-text-faint);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 30px;
+  height: 30px;
+  border-radius: var(--noteloom-radius-sm);
+}
+.be-toggle-heading-marker:hover {
+  background: var(--noteloom-bg-hover);
+  color: var(--noteloom-text-muted);
+}
+.be-toggle-heading-title {
+  flex: 1;
+  min-width: 0;
+}
+.be-toggle-heading-children {
+  margin-left: 2.1em;
+}
+/* --- layout (multi-column) --- */
+.be-layout {
+  margin: 0.6em 0;
+}
+.be-layout-column {
+  flex: 1;
+  min-width: 0;
+}
+/* --- button block --- */
+.be-button-block {
+  margin: 0.6em 0;
+}
+.be-button-block-pill {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.4em;
+  border-radius: var(--noteloom-radius-md);
+  padding: 0.5em 1em;
+  color: var(--noteloom-accent-text);
+}
+.be-button-block-label {
+  position: relative;
+  outline: none;
+  min-width: 2em;
+}
+/* --- generic empty-state placeholder for editable leaf content ---
+   Note: this can't use :empty — an "empty" run still holds a zero-width
+   space text node (see EMPTY_RUN_PLACEHOLDER) inside its host span, so the
+   wrapper element is never actually childless. data-empty (kept in sync by
+   EditableBlockContent's syncEmptyAttr against the *logical* run content,
+   not the DOM) is the real signal. */
+[data-placeholder][data-empty]:focus-within::before {
+  content: attr(data-placeholder);
+  position: absolute;
+  color: var(--noteloom-text-faint);
+  font-weight: 400;
+  font-style: normal;
+  opacity: 0.85;
+  pointer-events: none;
+}
+.be-button-block-open,
+.be-button-block-settings {
+  flex: none;
+  border: none;
+  background: rgba(255, 255, 255, 0.16);
+  color: inherit;
+  border-radius: var(--noteloom-radius-sm);
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+.be-button-block-open:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.be-button-block-open:hover:not(:disabled),
+.be-button-block-settings:hover {
+  background: rgba(255, 255, 255, 0.28);
+}
+/* --- embed (image/video/audio/file) --- */
+.be-embed {
+  margin: 0.6em 0;
+}
+.be-embed-preview {
+  position: relative;
+  display: flex;
+}
+.be-embed-align-left {
+  justify-content: flex-start;
+}
+.be-embed-align-center {
+  justify-content: center;
+}
+.be-embed-align-right {
+  justify-content: flex-end;
+}
+.be-embed-frame {
+  position: relative;
+  max-width: 100%;
+  overflow: visible;
+  border-radius: var(--noteloom-radius-lg);
+}
+.be-embed-image,
+.be-embed-video {
+  border: 1px solid var(--noteloom-border);
+}
+.be-embed-image,
+.be-embed-video {
+  max-width: 100%;
+  display: block;
+  border-radius: var(--noteloom-radius-lg);
+}
+.be-embed-audio {
+  width: 100%;
+}
+.be-embed-oembed {
+  width: 100%;
+  aspect-ratio: 16 / 9;
+  display: block;
+  border: 1px solid var(--noteloom-border);
+  border-radius: var(--noteloom-radius-lg);
+}
+.be-embed-file-link {
+  display: flex;
+  align-items: center;
+  gap: 0.5em;
+  padding: 0.75em 1em;
+  border: 1px solid var(--noteloom-border);
+  border-radius: var(--noteloom-radius-xl);
+  text-decoration: none;
+  color: var(--noteloom-accent);
+  font-weight: 500;
+  font-size: 0.9rem;
+}
+.be-embed-file-link:hover {
+  background: var(--noteloom-bg-subtle);
+}
+.be-embed-toolbar {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  padding: 3px;
+  background: rgba(15, 23, 42, 0.72);
+  border-radius: var(--noteloom-radius-md);
+  opacity: 0;
+  transition: opacity 0.12s ease;
+}
+.be-embed-preview:hover .be-embed-toolbar,
+.be-embed-toolbar:focus-within {
+  opacity: 1;
+}
+.be-embed-toolbar-btn {
+  border: none;
+  background: transparent;
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: rgba(255, 255, 255, 0.8);
+  border-radius: var(--noteloom-radius-sm);
+  cursor: pointer;
+}
+.be-embed-toolbar-btn:hover {
+  background: rgba(255, 255, 255, 0.16);
+  color: #fff;
+}
+.be-embed-toolbar-btn-active {
+  background: var(--noteloom-accent);
+  color: #fff;
+}
+.be-embed-alt-text-btn {
+  width: auto;
+  padding: 0 8px;
+  font-size: 0.75rem;
+}
+.be-embed-remove {
+  border: none;
+  background: transparent;
+  border-radius: var(--noteloom-radius-sm);
+  padding: 0 8px;
+  height: 24px;
+  color: rgba(255, 255, 255, 0.8);
+  font-size: 0.75rem;
+  cursor: pointer;
+}
+.be-embed-remove:hover {
+  background: rgba(255, 255, 255, 0.16);
+  color: #fff;
+}
+.be-embed-resize-handle {
+  position: absolute;
+  bottom: 4px;
+  right: 4px;
+  width: 12px;
+  height: 12px;
+  cursor: nwse-resize;
+  border-radius: 2px;
+  border: 1px solid #fff;
+  background: var(--noteloom-accent);
+}
+.be-embed-dropzone {
+  border: 1.5px dashed var(--noteloom-border);
+  border-radius: var(--noteloom-radius-xl);
+  padding: 2.2em;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.6em;
+  text-align: center;
+  color: var(--noteloom-text-muted);
+}
+.be-embed-dropzone-active {
+  border-color: var(--noteloom-accent);
+  background: var(--noteloom-accent-soft);
+  color: var(--noteloom-accent);
+}
+.be-embed-upload-btn {
+  background: var(--noteloom-accent);
+  color: var(--noteloom-accent-text);
+  border-radius: var(--noteloom-radius-md);
+  padding: 0.5em 1.1em;
+  cursor: pointer;
+  font-size: 0.85rem;
+  font-weight: 500;
+}
+.be-embed-upload-btn input {
+  display: none;
+}
+.be-embed-dropzone-hint {
+  font-size: 0.8rem;
+  color: var(--noteloom-text-faint);
+}
+.be-embed-url-row {
+  display: flex;
+  gap: 6px;
+  width: 100%;
+  max-width: 360px;
+}
+.be-embed-url-input {
+  flex: 1;
+  min-width: 0;
+  border: 1px solid var(--noteloom-border);
+  border-radius: var(--noteloom-radius-md);
+  padding: 0.45em 0.7em;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  font-size: 0.85rem;
+  outline: none;
+}
+.be-embed-url-input:focus {
+  border-color: var(--noteloom-accent);
+}
+.be-embed-url-commit {
+  border: none;
+  background: var(--noteloom-accent);
+  color: var(--noteloom-accent-text);
+  border-radius: var(--noteloom-radius-md);
+  padding: 0.45em 0.9em;
+  cursor: pointer;
+  font-size: 0.85rem;
+  font-weight: 500;
+}
+.be-embed-uploading {
+  font-size: 0.85rem;
+  color: var(--noteloom-text-muted);
+}
+.be-embed-upload-error {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  max-width: 360px;
+  background: var(--noteloom-danger-soft);
+  color: var(--noteloom-danger);
+  border-radius: var(--noteloom-radius-md);
+  padding: 0.5em 0.7em;
+  font-size: 0.8rem;
+  text-align: left;
+}
+.be-embed-upload-error button {
+  margin-left: auto;
+  border: none;
+  background: transparent;
+  color: inherit;
+  cursor: pointer;
+  font-size: 1rem;
+  line-height: 1;
+  padding: 0 2px;
+}
+/* --- canvas (freehand drawing) --- */
+.be-canvas {
+  position: relative;
+  display: inline-block;
+  margin: 0.6em 0;
+  line-height: 0; /* avoids extra inline-block whitespace gap below the <svg> */
+}
+.be-canvas-surface {
+  display: block;
+  border: 1px solid var(--noteloom-border);
+  border-radius: var(--noteloom-radius-lg);
+  background: var(--noteloom-bg);
+  max-width: 100%;
+  touch-action: none; /* the surface owns its own pointer gestures (drawing/panning), not the browser's default scroll/zoom */
+}
+.be-canvas-toolbar {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  z-index: 2;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  max-width: calc(100% - 16px);
+  align-items: center;
+  gap: 2px;
+  padding: 3px;
+  background: rgba(15, 23, 42, 0.72);
+  border-radius: var(--noteloom-radius-md);
+  opacity: 0;
+  transition: opacity 0.12s ease;
+}
+.be-canvas:hover .be-canvas-toolbar,
+.be-canvas-toolbar:focus-within {
+  opacity: 1;
+}
+.be-canvas-toolbar-btn {
+  border: none;
+  background: transparent;
+  width: 28px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: rgba(255, 255, 255, 0.8);
+  border-radius: var(--noteloom-radius-sm);
+  cursor: pointer;
+}
+.be-canvas-toolbar-btn:hover {
+  background: rgba(255, 255, 255, 0.16);
+  color: #fff;
+}
+.be-canvas-toolbar-btn-active {
+  background: var(--noteloom-accent);
+  color: #fff;
+}
+.be-canvas-toolbar-btn:disabled {
+  opacity: 0.4;
+  cursor: default;
+}
+.be-canvas-toolbar-btn:disabled:hover {
+  background: transparent;
+}
+.be-canvas-zoom-label {
+  border: none;
+  background: transparent;
+  color: rgba(255, 255, 255, 0.8);
+  font-size: 0.75rem;
+  min-width: 2.8em;
+  padding: 0 2px;
+  cursor: pointer;
+  border-radius: var(--noteloom-radius-sm);
+}
+.be-canvas-zoom-label:hover {
+  background: rgba(255, 255, 255, 0.16);
+  color: #fff;
+}
+.be-canvas-toolbar-divider {
+  width: 1px;
+  height: 16px;
+  background: rgba(255, 255, 255, 0.24);
+  margin: 0 2px;
+}
+.be-canvas-toolbar-swatch {
+  border: 2px solid transparent;
+  width: 18px;
+  height: 18px;
+  border-radius: 50%;
+  cursor: pointer;
+  padding: 0;
+}
+.be-canvas-toolbar-swatch-active {
+  border-color: #fff;
+}
+.be-canvas-picker-wrap {
+  position: relative;
+}
+.be-canvas-picker {
+  position: absolute;
+  top: 100%;
+  right: 0;
+  margin-top: 8px;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 8px;
+  background: rgba(15, 23, 42, 0.92);
+  border-radius: var(--noteloom-radius-md);
+  z-index: 3;
+}
+.be-canvas-shape-picker {
+  flex-wrap: wrap;
+  max-width: 132px;
+}
+.be-canvas-color-trigger-dot {
+  display: block;
+  width: 14px;
+  height: 14px;
+  border-radius: 50%;
+  border: 1px solid rgba(255, 255, 255, 0.6);
+}
+.be-canvas-fill-trigger-dot {
+  display: block;
+  width: 14px;
+  height: 14px;
+  border-radius: 50%;
+  border: 1px solid rgba(255, 255, 255, 0.6);
+}
+.be-canvas-fill-trigger-dot-none,
+.be-canvas-fill-swatch-none {
+  background: repeating-conic-gradient(rgba(255, 255, 255, 0.5) 0% 25%, transparent 0% 50%) 50% /
+    8px 8px;
+}
+.be-canvas-custom-swatch {
+  width: 18px;
+  height: 18px;
+  border-radius: 50%;
+  overflow: hidden;
+  border: 1px dashed rgba(255, 255, 255, 0.6);
+  display: inline-flex;
+  cursor: pointer;
+  flex-shrink: 0;
+}
+.be-canvas-custom-swatch input[type='color'] {
+  width: 150%;
+  height: 150%;
+  margin: -25%;
+  border: none;
+  padding: 0;
+  cursor: pointer;
+  background: none;
+}
+/* Live size-preview popover: dot grows/shrinks together with the slider as it's dragged. */
+.be-canvas-size-picker {
+  min-width: 160px;
+}
+.be-canvas-size-trigger-dot {
+  display: block;
+  border-radius: 50%;
+  background: #fff;
+}
+.be-canvas-size-preview {
+  flex-shrink: 0;
+  width: 44px;
+  height: 44px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.be-canvas-size-preview-dot {
+  display: block;
+  border-radius: 50%;
+  background: #fff;
+}
+.be-canvas-size-slider {
+  flex: 1;
+  min-width: 80px;
+}
+.be-canvas-font-size-trigger {
+  display: block;
+  font-size: 13px;
+  font-weight: 600;
+  line-height: 1;
+  color: rgba(255, 255, 255, 0.85);
+}
+.be-canvas-font-size-preview-letter {
+  display: block;
+  line-height: 1;
+  color: #fff;
+  font-weight: 600;
+}
+.be-canvas-size-value {
+  flex-shrink: 0;
+  min-width: 2.5em;
+  text-align: right;
+  font-size: 0.8rem;
+  color: rgba(255, 255, 255, 0.85);
+}
+.be-canvas[data-tool='eraser'] .be-canvas-surface {
+  cursor: cell;
+}
+.be-canvas[data-tool='select'] .be-canvas-surface {
+  cursor: default;
+}
+.be-canvas-selection-box {
+  stroke: var(--noteloom-accent);
+  stroke-width: 1.5;
+  stroke-dasharray: 6 4;
+  vector-effect: non-scaling-stroke;
+  pointer-events: none;
+}
+.be-canvas-selection-handle {
+  fill: #fff;
+  stroke: var(--noteloom-accent);
+  stroke-width: 1.5;
+  vector-effect: non-scaling-stroke;
+  pointer-events: none;
+}
+.be-canvas-rotate-handle {
+  fill: var(--noteloom-accent);
+  stroke: #fff;
+  stroke-width: 1.5;
+  vector-effect: non-scaling-stroke;
+  pointer-events: none;
+}
+.be-canvas-marquee {
+  fill: color-mix(in srgb, var(--noteloom-accent) 12%, transparent);
+  stroke: var(--noteloom-accent);
+  stroke-width: 1.5;
+  stroke-dasharray: 6 4;
+  vector-effect: non-scaling-stroke;
+  pointer-events: none;
+}
+.be-canvas-grid-background {
+  pointer-events: none;
+}
+.be-canvas-grid-dot {
+  fill: rgba(255, 255, 255, 0.18);
+}
+.be-canvas-text-editor {
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  border: 1px dashed var(--noteloom-accent);
+  outline: none;
+  background: transparent;
+  resize: none;
+  overflow: hidden;
+  line-height: 1.3;
+  font-family: inherit;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+.be-canvas-resize-handle {
+  position: absolute;
+  bottom: 4px;
+  right: 4px;
+  width: 12px;
+  height: 12px;
+  cursor: nwse-resize;
+  border-radius: 2px;
+  border: 1px solid #fff;
+  background: var(--noteloom-accent);
+}
+/* --- table --- */
+.be-table-scroll {
+  max-width: 100%;
+  overflow-x: auto;
+}
+.be-table-wrapper {
+  margin: 0.9em 0;
+  overflow-x: auto;
+  border: 1px solid var(--noteloom-border);
+  border-radius: var(--noteloom-radius-lg);
+  width: max-content;
+}
+.be-table {
+  border-collapse: collapse;
+  table-layout: fixed;
+  /* Deliberately no width:100% — combined with table-layout:fixed and each
+     column's own <col> width, that would make the browser redistribute
+     leftover space proportionally across columns, fighting individual
+     column resize (see be-table-col-resize-handle). */
+}
+.be-table-header-row {
+  background: var(--noteloom-bg-subtle);
+}
+.be-table-header-cell {
+  position: relative;
+  border-bottom: 1px solid var(--noteloom-border);
+  border-right: 1px solid var(--noteloom-border);
+  padding: 6px 10px;
+}
+.be-table-header-label {
+  display: block;
+  width: 100%;
+  border: none;
+  background: none;
+  font: inherit;
+  font-weight: 600;
+  font-size: 0.78rem;
+  color: var(--noteloom-text-muted);
+  outline: none;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  padding: 2px 0;
+}
+.be-table-header-menu-trigger {
+  position: absolute;
+  right: 4px;
+  top: 50%;
+  transform: translateY(-50%);
+  visibility: hidden;
+  border: none;
+  background: transparent;
+  border-radius: var(--noteloom-radius-sm);
+  padding: 2px;
+  color: var(--noteloom-text-faint);
+  cursor: pointer;
+}
+.be-table-header-cell:hover .be-table-header-menu-trigger {
+  visibility: visible;
+}
+.be-table-header-menu-trigger:hover {
+  background: var(--noteloom-bg-hover);
+}
+.be-table-col-resize-handle {
+  position: absolute;
+  top: 0;
+  right: -3px;
+  width: 6px;
+  height: 100%;
+  cursor: col-resize;
+  z-index: 1;
+}
+.be-table-col-resize-handle:hover,
+.be-table-col-resize-handle:active {
+  background: var(--noteloom-accent-soft-hover);
+}
+.be-table-header-spacer {
+  border-bottom: 1px solid var(--noteloom-border);
+}
+.be-table-header-spacer-col {
+  width: 32px;
+}
+.be-table-header-menu {
+  z-index: 1000;
+  width: 224px;
+  border-radius: var(--noteloom-radius-lg);
+  border: 1px solid var(--noteloom-border);
+  background: var(--noteloom-bg);
+  padding: 4px;
+  font-size: 0.88rem;
+  box-shadow: var(--noteloom-shadow);
+}
+.be-table-header-menu-options {
+  z-index: 1000;
+  padding: 4px;
+  font-size: 0.88rem;
+  border-bottom: 1px solid var(--noteloom-border);
+  margin-bottom: 4px;
+}
+.be-table-header-menu-field-type {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding: 4px;
+  border-bottom: 1px solid var(--noteloom-border);
+  margin-bottom: 4px;
+}
+.be-table-header-menu-field-type .be-select {
+  width: 100%;
+}
+.be-table-header-menu-field-type .be-select-trigger {
+  width: 100%;
+}
+.be-table-header-menu-type {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  padding: 6px;
+  border-bottom: 1px solid var(--noteloom-border);
+  margin-bottom: 4px;
+}
+.be-table-header-type-select {
+  width: 100%;
+  border: 1px solid var(--noteloom-border);
+  border-radius: var(--noteloom-radius-sm);
+  padding: 6px 8px;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  font-size: 0.85rem;
+}
+.be-table-header-menu-item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  text-align: left;
+  border: none;
+  border-radius: var(--noteloom-radius-sm);
+  background: transparent;
+  padding: 6px 10px;
+  font: inherit;
+  font-size: 0.88rem;
+  color: var(--noteloom-text);
+  cursor: pointer;
+}
+.be-table-header-menu-item:hover {
+  background: var(--noteloom-bg-hover);
+}
+.be-table-header-menu-item-danger {
+  color: var(--noteloom-danger);
+}
+.be-table-header-menu-sort {
+  display: flex;
+  flex-direction: column;
+  border-bottom: 1px solid var(--noteloom-border);
+  margin-bottom: 4px;
+  padding-bottom: 4px;
+}
+.be-table-header-menu-filter {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding: 6px;
+  border-bottom: 1px solid var(--noteloom-border);
+  margin-bottom: 4px;
+  font-size: 0.8rem;
+  color: var(--noteloom-text-muted);
+}
+.be-table-header-menu-filter-input {
+  border: 1px solid var(--noteloom-border);
+  border-radius: var(--noteloom-radius-sm);
+  padding: 6px 8px;
+  font: inherit;
+  font-size: 0.85rem;
+  color: var(--noteloom-text);
+  background: transparent;
+}
+.be-table-header-menu-filter-input:focus {
+  outline: none;
+  border-color: var(--noteloom-accent);
+}
+.be-table-footer-row {
+  border-top: 1px solid var(--noteloom-border);
+}
+.be-table-footer-cell {
+  padding: 6px 10px;
+  font-size: 0.82rem;
+  color: var(--noteloom-text-muted);
+  white-space: nowrap;
+}
+.be-table-footer-label {
+  font-weight: 600;
+  margin-right: 4px;
+}
+.be-table-footer-spacer {
+  padding: 0;
+}
+.be-table-header-menu-item-danger:hover {
+  background: var(--noteloom-danger-soft);
+}
+.be-table-header-menu-options-label {
+  font-size: 0.68rem;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  font-weight: 600;
+  color: var(--noteloom-text-faint);
+  padding: 6px 8px 2px;
+}
+.be-table-header-menu-option-row {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 2px 4px;
+}
+.be-table-header-menu-option-swatch {
+  width: 14px;
+  height: 14px;
+  border-radius: 50%;
+  flex: none;
+}
+.be-table-header-menu-option-input {
+  flex: 1;
+  min-width: 0;
+  border: none;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  font-size: 0.85rem;
+  padding: 4px 6px;
+  border-radius: var(--noteloom-radius-sm);
+  outline: none;
+}
+.be-table-header-menu-option-input:focus {
+  background: var(--noteloom-bg-hover);
+}
+.be-table-header-menu-option-remove,
+.be-table-header-menu-option-add {
+  flex: none;
+  border: none;
+  background: transparent;
+  color: var(--noteloom-text-faint);
+  cursor: pointer;
+  padding: 3px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--noteloom-radius-sm);
+}
+.be-table-header-menu-option-remove:hover {
+  background: var(--noteloom-danger-soft);
+  color: var(--noteloom-danger);
+}
+.be-table-header-menu-option-add {
+  color: var(--noteloom-text-muted);
+}
+.be-table-header-menu-option-add:hover {
+  background: var(--noteloom-bg-hover);
+}
+.be-table-row:hover {
+  background: var(--noteloom-bg-subtle);
+}
+.be-table-cell {
+  border-bottom: 1px solid var(--noteloom-border);
+  border-right: 1px solid var(--noteloom-border);
+  padding: 6px 10px;
+  vertical-align: top;
+  outline: none;
+  font-size: 0.92rem;
+  /* table-layout: fixed already keeps the COLUMN width from growing to fit
+     content — this is what stops a long unbroken string (a URL, one giant
+     word) from visually overflowing past that fixed width instead of
+     wrapping onto a new line within the cell. */
+  max-width: 0;
+  overflow-wrap: anywhere;
+  word-break: break-word;
+}
+.be-table-cell:focus-within {
+  box-shadow: inset 0 0 0 2px var(--noteloom-accent);
+  border-radius: 2px;
+}
+.be-table-row-actions {
+  width: 32px;
+  text-align: center;
+  vertical-align: middle;
+  border: none;
+  background: transparent;
+  padding: 0;
+}
+.be-table-delete-row {
+  visibility: hidden;
+  border: none;
+  background: transparent;
+  color: var(--noteloom-text-faint);
+  cursor: pointer;
+  width: 24px;
+  height: 24px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--noteloom-radius-sm);
+}
+tr.be-table-row:hover .be-table-delete-row {
+  visibility: visible;
+}
+.be-table-delete-row:hover {
+  background: var(--noteloom-danger-soft);
+  color: var(--noteloom-danger);
+}
+.be-table-add-row {
+  display: block;
+  width: 100%;
+  border: none;
+  background: transparent;
+  text-align: left;
+  padding: 8px 12px;
+  color: var(--noteloom-text-faint);
+  cursor: pointer;
+  font: inherit;
+  font-size: 0.85rem;
+  font-weight: 500;
+}
+.be-table-add-row:hover {
+  background: var(--noteloom-bg-subtle);
+  color: var(--noteloom-accent);
+}
+.be-inline-table-select {
+  display: block;
+}
+.be-inline-table-select .be-select {
+  width: 100%;
+}
+.be-inline-table-select .be-select .be-select-tag {
+  width: -webkit-fill-available;
+}
+.be-inline-table-select .be-select-trigger {
+  display: flex;
+  width: 100%;
+  min-width: 0;
+  min-height: 0;
+  border: none;
+  border-radius: var(--noteloom-radius-sm);
+  background: transparent;
+  padding: 0;
+  font: inherit;
+  font-size: 0.92rem;
+}
+.be-inline-table-select .be-select-trigger:hover,
+.be-inline-table-select .be-select-trigger[aria-expanded='true'] {
+  background: var(--noteloom-bg-hover);
+  box-shadow: none;
+}
+/* --- per-block hover gutter (+ / drag-handle / menu) --- */
+.be-block-row {
+  position: relative;
+}
+.be-block-row-hidden {
+  opacity: 0.4;
+}
+.be-block-gutter {
+  position: absolute;
+  left: -56px;
+  top: 0.15em;
+  display: flex;
+  gap: 2px;
+  opacity: 0;
+  transition: opacity 0.1s ease;
+  user-select: none; /* it's a drag handle (see useBlockRangeDrag) — never let its own space become selectable text */
+}
+/* \`left\`/\`right\` are physical, not logical, properties — unlike the list
+   marker's flexbox position (which flips for free via dir inheritance),
+   this absolute offset needs an explicit RTL override to sit on the
+   correct side of the block. */
+[dir='rtl'] .be-block-gutter {
+  left: auto;
+  right: -56px;
+}
+.be-block-row:hover .be-block-gutter,
+.be-block-gutter-active {
+  opacity: 1;
+}
+.be-block-gutter-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  border: none;
+  border-radius: var(--noteloom-radius-sm);
+  background: transparent;
+  color: var(--noteloom-text-faint);
+  cursor: pointer;
+  transition:
+    background-color 0.12s ease,
+    color 0.12s ease;
+}
+/* Touch: no hover state exists to reveal the gutter at all, and its
+   desktop position (left: -56px, sitting in the page's own side margin)
+   would be off-screen on a narrow phone/tablet viewport regardless — so
+   rather than force it into the row itself, its two actions (Add block,
+   block options menu) live inside MobileActionBar instead (see
+   MobileActionBar.jsx), pinned above the keyboard where they're always
+   reachable. \`.be-touch-input\` is set by useCoarsePointer.js, based on
+   real pointerdown activity, not just a static device-capability guess —
+   see that file for why a plain \`pointer: coarse\` media query alone isn't
+   enough (touchscreen laptops, etc.). */
+.be-touch-input .be-block-gutter {
+  display: none;
+}
+.be-block-gutter-btn:hover,
+.be-block-gutter-btn[aria-expanded='true'] {
+  background: var(--noteloom-bg-hover);
+  color: var(--noteloom-text);
+}
+.be-block-gutter-menu,
+.be-block-range-menu {
+  z-index: 1000;
+  min-width: 200px;
+  background: var(--noteloom-bg);
+  border: 1px solid var(--noteloom-border);
+  border-radius: var(--noteloom-radius-lg);
+  box-shadow: var(--noteloom-shadow);
+  padding: 4px;
+}
+.be-block-gutter-menu-item,
+.be-block-range-menu-item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  text-align: left;
+  border: none;
+  border-radius: var(--noteloom-radius-sm);
+  background: transparent;
+  padding: 7px 10px;
+  font: inherit;
+  font-size: 0.88rem;
+  color: var(--noteloom-text);
+  cursor: pointer;
+}
+.be-block-gutter-menu-item:hover,
+.be-block-range-menu-item:hover {
+  background: var(--noteloom-bg-hover);
+}
+.be-block-gutter-menu-item-danger,
+.be-block-range-menu-item-danger {
+  color: var(--noteloom-danger);
+}
+.be-block-gutter-menu-item-danger:hover,
+.be-block-range-menu-item-danger:hover {
+  background: var(--noteloom-danger-soft);
+}
+/* --- drag-in-the-margin block range selection --- */
+.be-block-row-range-selected {
+  background: var(--noteloom-accent-soft);
+  border-radius: var(--noteloom-radius-md);
+  margin: 0 -8px;
+  padding: 0 8px;
+}
+.be-block-range-dragging,
+.be-block-range-dragging * {
+  user-select: none !important;
+}
+/* --- whole-document select-all / single non-editable block selected --- */
+.be-surface--all-selected .be-block-row-content > [data-block-id] {
+  background: var(--noteloom-accent-soft);
+  border-radius: var(--noteloom-radius-sm);
+}
+.be-block-selected {
+  outline: 2px solid var(--noteloom-accent);
+  outline-offset: 2px;
+  border-radius: var(--noteloom-radius-sm);
+}
+/* --- document export (view source) --- */
+.be-export-trigger {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  border: 1px solid var(--noteloom-border);
+  background: var(--noteloom-bg);
+  color: var(--noteloom-text-muted);
+  border-radius: var(--noteloom-radius-sm);
+  padding: 5px 10px;
+  font-size: 0.85rem;
+  cursor: pointer;
+}
+.be-export-trigger:hover {
+  background: var(--noteloom-bg-hover);
+  color: var(--noteloom-text);
+}
+.be-export-tabs {
+  display: flex;
+  gap: 4px;
+  margin-bottom: 10px;
+  border-bottom: 1px solid var(--noteloom-border);
+}
+.be-export-tab {
+  border: none;
+  background: transparent;
+  color: var(--noteloom-text-muted);
+  padding: 6px 10px;
+  margin-bottom: -1px;
+  border-bottom: 2px solid transparent;
+  font-size: 0.85rem;
+  font-weight: 500;
+  cursor: pointer;
+}
+.be-export-tab:hover {
+  color: var(--noteloom-text);
+}
+.be-export-tab-active {
+  color: var(--noteloom-accent);
+  border-bottom-color: var(--noteloom-accent);
+}
+.be-export-pre {
+  max-height: 50vh;
+  overflow: auto;
+  margin: 0;
+  padding: 0.9em 1em;
+  border-radius: var(--noteloom-radius-md);
+  background: var(--noteloom-code-bg);
+  color: var(--noteloom-code-text);
+  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
+  font-size: 0.8rem;
+  line-height: 1.5;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+}
+/* --- trailing click-to-continue space --- */
+.be-trailing-space {
+  cursor: text;
+  width: 100%;
+  min-height: 180px;
+}
+/* --- modal (button editor, field type editor) --- */
+.be-modal-overlay {
+  position: fixed;
+  inset: 0;
+  background: rgba(15, 23, 42, 0.45);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 2000;
+  padding: 1em;
+}
+.be-modal {
+  background: var(--noteloom-bg);
+  color: var(--noteloom-text);
+  border-radius: var(--noteloom-radius-xl);
+  border: 1px solid var(--noteloom-border);
+  padding: 1.4em;
+  width: 100%;
+  max-width: 380px;
+  max-height: 85vh;
+  overflow-y: auto;
+  box-shadow: var(--noteloom-shadow);
+}
+.be-modal-large {
+  max-width: 640px;
+}
+/* Bottom sheet variant (mobile block picker) — anchored to the bottom edge
+   instead of centered, rounded only on top, full page width. */
+.be-modal-overlay-sheet {
+  align-items: flex-end;
+  padding: 0;
+}
+.be-modal-sheet {
+  max-width: 100%;
+  width: 100%;
+  max-height: 70vh;
+  border-radius: var(--noteloom-radius-xl) var(--noteloom-radius-xl) 0 0;
+  border-bottom: none;
+  padding-bottom: max(1.4em, env(safe-area-inset-bottom));
+}
+.be-mobile-picker-list {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+.be-mobile-picker-item {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  width: 100%;
+  border: none;
+  background: transparent;
+  border-radius: var(--noteloom-radius-md);
+  padding: 12px 10px;
+  font: inherit;
+  font-size: 0.95rem;
+  color: var(--noteloom-text);
+  text-align: left;
+  cursor: pointer;
+}
+.be-mobile-picker-item:hover,
+.be-mobile-picker-item:active {
+  background: var(--noteloom-bg-hover);
+}
+.be-mobile-picker-item-danger {
+  color: var(--noteloom-danger);
+}
+.be-mobile-picker-item-danger:hover,
+.be-mobile-picker-item-danger:active {
+  background: var(--noteloom-danger-soft);
+}
+.be-mobile-picker-item-danger .be-mobile-picker-item-icon {
+  color: var(--noteloom-danger);
+}
+/* --- template picker (see TemplatePicker.jsx) --- */
+.be-template-picker {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+.be-template-picker-empty {
+  color: var(--noteloom-text-faint);
+  font-size: 0.88rem;
+}
+.be-template-card {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 10px 12px;
+  border: 1px solid var(--noteloom-border);
+  border-radius: var(--noteloom-radius-md);
+  background: var(--noteloom-bg);
+}
+.be-template-card-body {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+}
+.be-template-card-name {
+  font-weight: 600;
+  font-size: 0.92rem;
+  color: var(--noteloom-text);
+}
+.be-template-card-description {
+  font-size: 0.82rem;
+  color: var(--noteloom-text-muted);
+}
+.be-template-card-select {
+  flex: none;
+  border: 1px solid var(--noteloom-border);
+  background: var(--noteloom-bg-subtle);
+  color: var(--noteloom-text);
+  border-radius: var(--noteloom-radius-sm);
+  padding: 5px 12px;
+  font-size: 0.85rem;
+  font-weight: 500;
+  cursor: pointer;
+}
+.be-template-card-select:hover {
+  background: var(--noteloom-bg-hover);
+}
+/* --- mobile action bar (pinned above the on-screen keyboard) --- */
+.be-mobile-action-bar {
+  position: fixed;
+  left: 0;
+  right: 0;
+  z-index: 1500;
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  padding: 6px calc(6px + env(safe-area-inset-right)) 6px calc(6px + env(safe-area-inset-left));
+  background: var(--noteloom-bg);
+  border-top: 1px solid var(--noteloom-border);
+  overflow-x: auto;
+}
+.be-mobile-bar-btn {
+  flex: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+  min-width: 40px;
+  height: 40px;
+  padding: 0 10px;
+  border: none;
+  background: transparent;
+  border-radius: var(--noteloom-radius-sm);
+  color: var(--noteloom-text);
+  font-size: 0.85rem;
+  font-weight: 500;
+  cursor: pointer;
+}
+.be-mobile-bar-btn:disabled {
+  opacity: 0.4;
+}
+.be-mobile-bar-btn-active {
+  background: var(--noteloom-accent-soft);
+  color: var(--noteloom-accent);
+}
+.be-mobile-bar-spacer {
+  flex: 1;
+}
+.be-mobile-bar-select {
+  flex: none;
+}
+.be-mobile-bar-swatches {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 0 6px;
+}
+.be-mobile-picker-item-icon {
+  flex: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  border-radius: var(--noteloom-radius-sm);
+  background: var(--noteloom-bg-subtle);
+  color: var(--noteloom-text-muted);
+}
+.be-modal-title {
+  font-weight: 600;
+  font-size: 1.05rem;
+  margin-bottom: 1em;
+}
+.be-modal-field {
+  display: block;
+  margin-bottom: 1em;
+}
+.be-modal-field > span {
+  display: block;
+  font-size: 0.8rem;
+  color: var(--noteloom-text-muted);
+  margin-bottom: 5px;
+}
+.be-modal-field input[type='text'],
+.be-modal-field input[type='url'] {
+  width: 100%;
+  box-sizing: border-box;
+  border: 1px solid var(--noteloom-border);
+  border-radius: var(--noteloom-radius-md);
+  padding: 0.55em 0.75em;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  outline: none;
+}
+.be-modal-field input[type='text']:focus,
+.be-modal-field input[type='url']:focus {
+  border-color: var(--noteloom-accent);
+}
+.be-modal-field select {
+  width: 100%;
+  box-sizing: border-box;
+  border: 1px solid var(--noteloom-border);
+  border-radius: var(--noteloom-radius-md);
+  padding: 0.55em 0.75em;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  font-size: 0.9rem;
+}
+.be-modal-field select:focus {
+  border-color: var(--noteloom-accent);
+}
+.be-modal-field-checkbox {
+  display: flex;
+  align-items: center;
+  gap: 0.5em;
+}
+.be-modal-field-checkbox > span {
+  font-size: 0.85rem;
+  color: var(--noteloom-text);
+}
+.be-modal-color-row {
+  display: flex;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+.be-modal-color-swatch {
+  width: 26px;
+  height: 26px;
+  border-radius: 50%;
+  border: 2px solid transparent;
+  cursor: pointer;
+}
+.be-modal-color-swatch-active {
+  border-color: var(--noteloom-accent);
+  box-shadow:
+    0 0 0 2px var(--noteloom-bg),
+    0 0 0 4px var(--noteloom-accent-soft);
+}
+.be-modal-attr-row {
+  display: flex;
+  gap: 6px;
+  margin-bottom: 6px;
+  align-items: center;
+}
+.be-modal-attr-row input {
+  flex: 1;
+  min-width: 0;
+  border: 1px solid var(--noteloom-border);
+  border-radius: var(--noteloom-radius-sm);
+  padding: 0.4em 0.6em;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  font-size: 0.85rem;
+}
+.be-modal-attr-remove {
+  flex: none;
+  border: none;
+  background: none;
+  color: var(--noteloom-text-faint);
+  cursor: pointer;
+  padding: 2px;
+  border-radius: var(--noteloom-radius-sm);
+}
+.be-modal-attr-remove:hover {
+  color: var(--noteloom-danger);
+}
+.be-modal-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  margin-top: 20px;
+}
+.be-modal-delete {
+  margin-right: auto; /* pushes Cancel/Save to the right, Delete stays on its own at the left */
+}
+.be-modal-cancel,
+.be-modal-save,
+.be-modal-delete,
+.be-export-download {
+  border: none;
+  border-radius: var(--noteloom-radius-md);
+  padding: 7px 16px;
+  font-size: 0.85rem;
+  font-weight: 500;
+  cursor: pointer;
+}
+.be-export-download {
+  background: var(--noteloom-bg-subtle);
+  color: var(--noteloom-text);
+}
+.be-export-download:hover {
+  background: var(--noteloom-bg-hover);
+}
+.be-modal-delete {
+  background: var(--noteloom-danger-soft);
+  color: var(--noteloom-danger);
+}
+.be-modal-cancel {
+  background: var(--noteloom-bg-subtle);
+  color: var(--noteloom-text);
+}
+.be-modal-cancel:hover {
+  background: var(--noteloom-bg-hover);
+}
+.be-modal-save {
+  background: var(--noteloom-accent);
+  color: var(--noteloom-accent-text);
+}
+.be-modal-save:hover {
+  opacity: 0.9;
+}
+.be-modal-save:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+/* --- slash ("/") / emoji (":") / mention ("@") command menu --- */
+.be-slash-menu {
+  z-index: 1000;
+  width: 260px;
+  max-height: 320px;
+  overflow-y: auto;
+  background: var(--noteloom-bg);
+  border: 1px solid var(--noteloom-border);
+  border-radius: var(--noteloom-radius-lg);
+  box-shadow: var(--noteloom-shadow);
+  padding: 6px;
+}
+.be-slash-menu-item {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 7px 8px;
+  border-radius: var(--noteloom-radius-md);
+  cursor: pointer;
+  font-size: 0.9rem;
+  color: var(--noteloom-text);
+}
+.be-slash-menu-item-active,
+.be-slash-menu-item:hover {
+  background: var(--noteloom-accent-soft);
+}
+.be-slash-menu-item-icon {
+  flex: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border-radius: var(--noteloom-radius-sm);
+  border: 1px solid var(--noteloom-border);
+  color: var(--noteloom-text-muted);
+}
+.be-slash-menu-item-label {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+/* --- searchable Select (inline select/date/checkbox widgets, custom field types, table column type) --- */
+.be-select {
+  display: inline-flex;
+}
+.be-select-trigger {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  min-height: 28px;
+  min-width: 6em;
+  border: 1px solid var(--noteloom-border);
+  border-radius: var(--noteloom-radius-md);
+  background: var(--noteloom-bg);
+  color: var(--noteloom-text);
+  font: inherit;
+  font-size: 0.88rem;
+  padding: 4px 8px;
+  cursor: pointer;
+}
+.be-select-trigger:hover {
+  border-color: var(--noteloom-accent);
+}
+.be-select-trigger[aria-expanded='true'] {
+  border-color: var(--noteloom-accent);
+  box-shadow: 0 0 0 2px var(--noteloom-accent-soft);
+}
+.be-select-trigger-tag {
+  min-width: 0;
+  min-height: 0;
+  border: none;
+  background: transparent;
+  padding: 2px;
+  border-radius: var(--noteloom-radius-sm);
+  outline: none;
+  border: none;
+}
+.be-select-trigger-tag:hover {
+  background: var(--noteloom-bg-hover);
+}
+.be-select-trigger-tag[aria-expanded='true'] {
+  background: var(--noteloom-bg-hover);
+  box-shadow: none;
+}
+.be-select-value-placeholder {
+  color: var(--noteloom-text-faint);
+}
+.be-select-tag {
+  display: inline-flex;
+  flex: none;
+  max-width: 100%;
+  padding: 2px 9px;
+  border-radius: var(--noteloom-radius-sm);
+  font-size: 0.82em;
+  font-weight: 500;
+  line-height: 1.4;
+  /* Wraps rather than truncates — a fixed-width popover (see
+     .be-select-popover) or table cell (see .be-table-cell) combined with
+     nowrap+ellipsis let long option text silently overflow its box
+     instead of actually being clipped; wrapping sidesteps that entirely. */
+  white-space: normal;
+  overflow-wrap: anywhere;
+  word-break: break-word;
+}
+.be-select-value {
+  flex: 1;
+  text-align: left;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.be-select-chevron {
+  flex: none;
+  color: var(--noteloom-text-faint);
+}
+.be-select-popover {
+  z-index: 1000;
+  width: 224px;
+  background: var(--noteloom-bg);
+  border: 1px solid var(--noteloom-border);
+  border-radius: var(--noteloom-radius-lg);
+  box-shadow: var(--noteloom-shadow);
+  overflow: hidden;
+}
+.be-select-search {
+  display: block;
+  width: 100%;
+  box-sizing: border-box;
+  border: none;
+  border-bottom: 1px solid var(--noteloom-border);
+  background: transparent;
+  color: inherit;
+  padding: 10px 12px;
+  font: inherit;
+  font-size: 0.88rem;
+  outline: none;
+}
+.be-select-options {
+  max-height: 220px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding: 4px;
+}
+.be-select-option {
+  display: flex;
+  align-items: center;
+  min-width: 0;
+  padding: 7px 8px;
+  border-radius: var(--noteloom-radius-sm);
+  cursor: pointer;
+  font-size: 0.88rem;
+  color: var(--noteloom-text);
+}
+/* A tag-variant option list (colored pills — e.g. Priority/Assignee) must
+   read at the exact same size/weight as a plain default-variant list
+   (Diagnosis) — only the colored-chip background should differ between
+   them, not the typography. .be-select-tag's own font-size/weight (sized
+   down for when it's squeezed into a trigger button) would otherwise make
+   tag-variant options look smaller/bolder than plain ones for no reason. */
+.be-select-option .be-select-tag {
+  font-size: inherit;
+  font-weight: inherit;
+  line-height: inherit;
+  width: -webkit-fill-available;
+}
+.be-select-option-active {
+  background: var(--noteloom-accent-soft);
+}
+.be-select-option-selected {
+  font-weight: 600;
+}
+.be-select-option-selected:not(.be-select-option-active) {
+  background: var(--noteloom-bg-subtle);
+}
+.be-select-option-selected .be-select-tag {
+  font-weight: 500;
+  box-shadow: inset 0 0 0 1.5px rgba(0, 0, 0, 0.2);
+}
+.be-select-empty {
+  padding: 10px 12px;
+  color: var(--noteloom-text-faint);
+  font-size: 0.85rem;
+  text-align: center;
+}
+.be-select-error {
+  color: var(--noteloom-danger);
+}
+.be-select-manage-options {
+  display: block;
+  width: 100%;
+  box-sizing: border-box;
+  border: none;
+  border-top: 1px solid var(--noteloom-border);
+  background: transparent;
+  padding: 9px 12px;
+  font: inherit;
+  font-size: 0.82rem;
+  font-weight: 500;
+  color: var(--noteloom-accent);
+  text-align: left;
+  cursor: pointer;
+}
+.be-select-manage-options:hover {
+  background: var(--noteloom-accent-soft);
+}
+.be-inline-select,
+.be-inline-date,
+.be-inline-checkbox {
+  display: inline-flex;
+  align-items: center;
+  vertical-align: middle;
+}
+/* Inline chips sit in running text — match the surrounding line's own font
+   size instead of the smaller size used for the Select component elsewhere
+   (menus, table column type dropdown), where a compact UI size is right. */
+.be-inline-select .be-select-trigger {
+  min-height: 0;
+  font-size: 1em;
+  padding: 1px 8px;
+}
+.be-inline-select .be-select-tag {
+  font-size: 0.92em;
+}
+/* A mention reads as highlighted text sitting inline in the paragraph, not
+   a bulky standalone pill/button — minimal padding, small radius, no extra
+   chrome from the trigger button wrapping it. */
+.be-inline-select .be-select-trigger-mention {
+  padding: 0 !important;
+  border-radius: 3px;
+}
+/* A mention chip always uses this one fixed color, not each option's own
+   tag color — "@mentions are one consistent color" is the common
+   convention rather than a per-person palette. */
+.be-select-tag-mention {
+  background: var(--noteloom-accent-soft);
+  color: var(--noteloom-accent);
+  font-weight: 500;
+  padding: 0 3px;
+  border-radius: 3px;
+  line-height: inherit;
+}
+.be-inline-date input[type='date'] {
+  border: 1px solid var(--noteloom-border);
+  border-radius: var(--noteloom-radius-md);
+  background: var(--noteloom-bg);
+  color: inherit;
+  padding: 4px 8px;
+  font: inherit;
+  font-size: 0.88rem;
+}
+.be-inline-checkbox {
+  gap: 6px;
+}
+.be-inline-checkbox-input {
+  flex: none;
+  width: 16px;
+  height: 16px;
+  margin: 0;
+  accent-color: var(--noteloom-accent);
+  cursor: pointer;
+}
+.be-inline-checkbox-label {
+  min-width: 0;
+  flex: 1;
+  border: 1px solid var(--noteloom-border);
+  border-radius: var(--noteloom-radius-sm);
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  padding: 2px 8px;
+  outline: none;
+}
+.be-inline-checkbox-label:focus {
+  border-color: var(--noteloom-accent);
+}
+/* In a table cell (checkbox column), the browser's default text-input
+   width (~170px+) is wider than most columns, forcing the input — and with
+   it, the whole table — past the cell's own bounds. Constraining the
+   inline-flex row to the cell's actual width lets the label's flex:1 +
+   min-width:0 (above) do their job and shrink the input to fit instead. */
+.be-table-cell .be-inline-checkbox {
+  display: flex;
+  width: 100%;
+}
+.be-inline-checkbox-label::placeholder {
+  color: var(--noteloom-text-faint);
+}
+/* --- floating (selection) format toolbar --- */
+.be-floating-toolbar {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  background: var(--noteloom-text);
+  border-radius: var(--noteloom-radius-md);
+  padding: 4px;
+  box-shadow: var(--noteloom-shadow);
+  z-index: 1000;
+}
+.be-floating-toolbar-btn {
+  border: none;
+  background: transparent;
+  color: rgba(255, 255, 255, 0.85);
+  width: 30px;
+  height: 30px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--noteloom-radius-sm);
+  cursor: pointer;
+}
+.be-floating-toolbar-btn:hover {
+  background: rgba(255, 255, 255, 0.14);
+}
+.be-floating-toolbar-btn-active {
+  background: var(--noteloom-accent);
+  color: #fff;
+}
+.be-floating-toolbar-divider {
+  width: 1px;
+  height: 20px;
+  background: rgba(255, 255, 255, 0.2);
+  margin: 0 4px;
+}
+.be-find-bar {
+  position: fixed;
+  top: 12px;
+  right: 12px;
+  z-index: 900;
+  width: fit-content;
+  background: var(--noteloom-bg);
+  border: 1px solid var(--noteloom-border);
+  border-radius: var(--noteloom-radius-md);
+  box-shadow: var(--noteloom-shadow);
+  padding: 6px;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+.be-find-bar-row {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+.be-find-bar-input {
+  border: 1px solid var(--noteloom-border);
+  border-radius: var(--noteloom-radius-sm);
+  padding: 4px 8px;
+  font-size: 0.85rem;
+  color: var(--noteloom-text);
+  background: var(--noteloom-bg);
+  width: 180px;
+}
+.be-find-bar-input:focus {
+  outline: none;
+  border-color: var(--noteloom-accent);
+}
+.be-find-bar-count {
+  font-size: 0.78rem;
+  color: var(--noteloom-text-muted);
+  min-width: 44px;
+  text-align: center;
+}
+.be-find-bar-toggle,
+.be-find-bar-nav,
+.be-find-bar-close,
+.be-find-bar-replace-toggle {
+  border: none;
+  background: transparent;
+  color: var(--noteloom-text-muted);
+  border-radius: var(--noteloom-radius-sm);
+  width: 26px;
+  height: 26px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  font-size: 0.7rem;
+}
+.be-find-bar-toggle:hover,
+.be-find-bar-nav:hover:not(:disabled),
+.be-find-bar-close:hover,
+.be-find-bar-replace-toggle:hover {
+  background: var(--noteloom-bg-hover);
+}
+.be-find-bar-nav:disabled {
+  opacity: 0.4;
+  cursor: default;
+}
+.be-find-bar-toggle-active {
+  background: var(--noteloom-accent-soft);
+  color: var(--noteloom-accent);
+}
+.be-find-bar-replace-toggle {
+  transition: transform 0.1s ease;
+}
+.be-find-bar-replace-toggle-open {
+  transform: rotate(90deg);
+}
+.be-find-bar-replace-btn {
+  border: none;
+  background: var(--noteloom-bg-subtle);
+  color: var(--noteloom-text);
+  border-radius: var(--noteloom-radius-sm);
+  padding: 4px 10px;
+  font-size: 0.8rem;
+  cursor: pointer;
+}
+.be-find-bar-replace-btn:hover:not(:disabled) {
+  background: var(--noteloom-bg-hover);
+}
+.be-find-bar-replace-btn:disabled {
+  opacity: 0.4;
+  cursor: default;
+}
+/* CSS Custom Highlight API — paints match highlights purely at the
+   rendering layer, never touching the contentEditable DOM tree itself
+   (see useFindInDocument.js's own doc comment for why). Unsupported
+   browsers (older Firefox) simply drop this whole rule; search/navigate/
+   replace still work, just without the visual highlight. */
+::highlight(be-find-match) {
+  background-color: rgba(250, 204, 21, 0.4);
+}
+::highlight(be-find-current) {
+  background-color: rgba(249, 115, 22, 0.55);
+}
+.be-floating-toolbar-picker-wrap {
+  position: relative;
+}
+.be-floating-toolbar-picker {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  margin-top: 8px;
+  display: flex;
+  gap: 4px;
+  background: var(--noteloom-bg);
+  border-radius: var(--noteloom-radius-md);
+  padding: 6px;
+  box-shadow: var(--noteloom-shadow);
+}
+.be-floating-toolbar-swatch {
+  width: 22px;
+  height: 22px;
+  border-radius: 50%;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  cursor: pointer;
+}
+/* --- link hover card (edit/remove an existing link mark) --- */
+.be-link-hover-card {
+  z-index: 1000;
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  max-width: 320px;
+  background: var(--noteloom-bg);
+  border: 1px solid var(--noteloom-border);
+  border-radius: var(--noteloom-radius-md);
+  padding: 5px 6px 5px 10px;
+  box-shadow: var(--noteloom-shadow);
+  font-size: 0.85rem;
+}
+.be-link-hover-card-url {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--noteloom-accent);
+  text-decoration: none;
+}
+.be-link-hover-card-url:hover {
+  text-decoration: underline;
+}
+.be-link-hover-card-btn {
+  flex: none;
+  width: 24px;
+  height: 24px;
+  border: none;
+  background: transparent;
+  color: var(--noteloom-text-muted);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--noteloom-radius-sm);
+  cursor: pointer;
+}
+.be-link-hover-card-btn:hover {
+  background: var(--noteloom-bg-hover);
+  color: var(--noteloom-text);
+}
+/* --- comments: avatar, header, composer, thread card, click/hover popover, right-side panel --- */
+.be-comment-avatar {
+  flex: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  color: #fff;
+  font-weight: 700;
+  line-height: 1;
+}
+/* Shared by CommentPopover and FloatingToolbar's standalone composer (see
+   CommentPopoverHeader.jsx) -- title on the left, an explicit close button
+   on the right so dismissing doesn't rely solely on Escape/outside-click. */
+.be-comment-popover-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  margin-bottom: 10px;
+  padding-bottom: 10px;
+  border-bottom: 1px solid var(--noteloom-border);
+}
+.be-comment-popover-title {
+  font-weight: 700;
+  font-size: 0.9rem;
+}
+.be-comment-popover-close {
+  flex: none;
+  border: none;
+  background: transparent;
+  color: var(--noteloom-text-muted);
+  width: 22px;
+  height: 22px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--noteloom-radius-sm);
+  cursor: pointer;
+}
+.be-comment-popover-close:hover {
+  background: var(--noteloom-bg-hover);
+  color: var(--noteloom-text);
+}
+/* Overrides the dark \`.be-floating-toolbar\` chrome it also carries (see
+   FloatingToolbar.jsx's own comment on why that base class stays) -- a
+   comment composer reads better as a light card than white text on the
+   toolbar's own near-black background. */
+.be-floating-toolbar.be-floating-toolbar-comment-standalone {
+  display: block;
+  background: var(--noteloom-bg);
+  border: 1px solid var(--noteloom-border);
+  padding: 10px 12px 12px;
+  width: 300px;
+}
+.be-comment-composer {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  margin-top: 10px;
+}
+.be-comment-composer-input-row {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+}
+.be-comment-composer-textarea {
+  flex: 1;
+  min-width: 0;
+  box-sizing: border-box;
+  resize: none;
+  /* ~2 lines to start, grows with content (see CommentComposer's own
+     resizeToContent) up to ~5 lines, then scrolls. */
+  min-height: 2.8em;
+  max-height: 7.2em;
+  overflow-y: auto;
+  padding: 8px 10px;
+  font: inherit;
+  font-size: 0.85rem;
+  line-height: 1.4;
+  color: var(--noteloom-text);
+  background: var(--noteloom-bg-subtle);
+  border: 1px solid var(--noteloom-border);
+  border-radius: var(--noteloom-radius-md);
+}
+.be-comment-composer-textarea:focus {
+  outline: none;
+  border-color: var(--noteloom-accent);
+}
+.be-comment-composer-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+}
+.be-comment-composer-cancel,
+.be-comment-composer-submit {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  border: none;
+  border-radius: var(--noteloom-radius-md);
+  padding: 6px 12px;
+  font-size: 0.8rem;
+  font-weight: 600;
+  cursor: pointer;
+}
+.be-comment-composer-cancel {
+  background: var(--noteloom-bg-hover);
+  color: var(--noteloom-text-muted);
+}
+.be-comment-composer-submit {
+  background: var(--noteloom-accent);
+  color: #fff;
+}
+.be-comment-composer-submit:disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+.be-comment-thread {
+  font-size: 0.85rem;
+}
+.be-comment-thread + .be-comment-thread {
+  margin-top: 16px;
+  padding-top: 16px;
+  border-top: 1px solid var(--noteloom-border);
+}
+.be-comment-thread-resolved {
+  opacity: 0.6;
+}
+/* Echoes a hover from the highlighted text back onto this card -- see useHoveredComment. */
+.be-comment-thread-hovered {
+  background: var(--noteloom-bg-hover);
+  border-radius: var(--noteloom-radius-md);
+  margin: -6px;
+  padding: 6px;
+}
+.be-comment-message {
+  display: flex;
+  align-items: flex-start;
+  gap: 10px;
+}
+.be-comment-message + .be-comment-message {
+  margin-top: 10px;
+}
+.be-comment-message-body {
+  flex: 1;
+  min-width: 0;
+}
+.be-comment-message-header {
+  display: flex;
+  align-items: baseline;
+  gap: 6px;
+}
+.be-comment-message-author {
+  font-weight: 600;
+  font-size: 0.78rem;
+}
+.be-comment-message-time {
+  font-size: 0.72rem;
+  color: var(--noteloom-text-muted);
+}
+.be-comment-message-text {
+  margin: 3px 0 0;
+  line-height: 1.45;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+/* Replies (every message after the thread's first) get a connecting
+   vertical line + indent, chat-thread style -- our data model has no
+   deeper nesting than "root message + flat replies", so one indent level
+   is all this needs. */
+.be-comment-thread-replies {
+  margin: 10px 0 0 13px;
+  padding-left: 14px;
+  border-left: 2px solid var(--noteloom-border);
+}
+.be-comment-thread-actions {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  margin-top: 10px;
+  opacity: 0;
+  transition: opacity 0.1s ease;
+}
+.be-comment-thread:hover .be-comment-thread-actions,
+.be-comment-thread:focus-within .be-comment-thread-actions {
+  opacity: 1;
+}
+.be-comment-thread-actions button {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  border: none;
+  background: transparent;
+  color: var(--noteloom-text-muted);
+  font-size: 0.78rem;
+  padding: 4px 8px;
+  border-radius: var(--noteloom-radius-sm);
+  cursor: pointer;
+}
+.be-comment-thread-actions button:hover {
+  background: var(--noteloom-bg-hover);
+  color: var(--noteloom-text);
+}
+.be-comment-thread-delete {
+  margin-left: auto;
+}
+/* --- comments: click/hover popover over existing highlighted text --- */
+.be-comment-popover {
+  z-index: 1000;
+  width: 300px;
+  max-width: calc(100vw - 24px);
+  background: var(--noteloom-bg);
+  border: 1px solid var(--noteloom-border);
+  border-radius: var(--noteloom-radius-lg);
+  padding: 12px 14px 14px;
+  box-shadow: var(--noteloom-shadow);
+}
+/* --- comments: opt-in right-side panel (NoteloomEditor showCommentsPanel) --- */
+/* Deliberately no border/shadow/box background here, or on
+   .be-comments-panel-item below -- comments float directly on the page
+   like margin notes, not a boxed widget, matching how most other editors'
+   own comment sidebars read. */
+/* No overflow/scrolling of its own on purpose -- each card's position
+   already tracks the PAGE's scroll (see CommentsPanel's recompute()), so
+   the panel scrolling independently would fight that: a wheel gesture over
+   it needs to fall through and scroll the page, not the panel's own box,
+   or cards visually detach from the text they're anchored to. Cards whose
+   anchor has scrolled off-screen just go negative/beyond the viewport and
+   aren't painted -- no clipping box needed for that. */
+.be-comments-panel {
+  position: fixed;
+  top: 80px;
+  right: 24px;
+  width: 320px;
+  overflow: visible;
+  background: transparent;
+  padding: 0 12px;
+  font-size: 0.85rem;
+  z-index: 500;
+  pointer-events: none;
+}
+.be-comments-panel-item,
+.be-comments-panel-empty {
+  pointer-events: auto;
+}
+.be-comments-panel-empty {
+  color: var(--noteloom-text-muted);
+  font-size: 0.82rem;
+  margin: 0;
+}
+/* Each .be-comments-panel-item is absolutely positioned (top set inline by
+   CommentsPanel, aligned with its thread's own anchored text, margin-comment
+   style) inside this relatively-positioned container -- height is also set
+   inline, sized to fit the lowest card. */
+.be-comments-panel-list {
+  position: relative;
+}
+.be-comments-panel-item {
+  position: absolute;
+  left: 0;
+  right: 0;
+  padding: 8px 12px;
+  border-radius: var(--noteloom-radius-md);
+  transition:
+    top 0.15s ease,
+    background-color 0.1s ease;
+}
+.be-comments-panel-item:hover {
+  background: var(--noteloom-bg-hover);
+}
+@media (max-width: 900px) {
+  .be-comments-panel {
+    display: none;
+  }
+}
+/* --- version history: trigger button + drawer (VersionHistory) --- */
+.be-version-history-trigger {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  border: 1px solid var(--noteloom-border);
+  background: var(--noteloom-bg);
+  color: var(--noteloom-text);
+  border-radius: var(--noteloom-radius-md);
+  padding: 5px 10px;
+  font-size: 0.85rem;
+  cursor: pointer;
+}
+.be-version-history-trigger:hover {
+  background: var(--noteloom-bg-hover);
+}
+.be-version-history-backdrop {
+  position: fixed;
+  inset: 0;
+  background: rgba(15, 23, 42, 0.25);
+  z-index: 1400;
+}
+.be-version-history-drawer {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  width: 360px;
+  max-width: 100vw;
+  background: var(--noteloom-bg);
+  box-shadow: var(--noteloom-shadow);
+  z-index: 1401;
+  display: flex;
+  flex-direction: column;
+}
+.be-version-history-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 14px 16px;
+  border-bottom: 1px solid var(--noteloom-border);
+  font-weight: 700;
+  font-size: 0.95rem;
+}
+.be-version-history-close {
+  border: none;
+  background: transparent;
+  color: var(--noteloom-text-muted);
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--noteloom-radius-sm);
+  cursor: pointer;
+}
+.be-version-history-close:hover {
+  background: var(--noteloom-bg-hover);
+  color: var(--noteloom-text);
+}
+.be-version-history-list {
+  flex: 1;
+  overflow-y: auto;
+  padding: 8px 0;
+}
+.be-version-history-empty {
+  color: var(--noteloom-text-muted);
+  font-size: 0.85rem;
+  padding: 16px;
+  margin: 0;
+}
+.be-version-history-group-label {
+  font-weight: 600;
+  font-size: 0.78rem;
+  color: var(--noteloom-text-muted);
+  padding: 10px 16px 4px;
+}
+.be-version-history-item {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  width: 100%;
+  border: none;
+  background: transparent;
+  padding: 8px 16px;
+  text-align: left;
+  cursor: pointer;
+}
+.be-version-history-item:hover {
+  background: var(--noteloom-bg-hover);
+}
+.be-version-history-item-body {
+  min-width: 0;
+}
+.be-version-history-item-author {
+  font-weight: 600;
+  font-size: 0.85rem;
+}
+.be-version-history-item-meta {
+  font-size: 0.78rem;
+  color: var(--noteloom-text-muted);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.be-version-history-preview {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+}
+.be-version-history-preview-meta {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 12px 16px;
+  border-bottom: 1px solid var(--noteloom-border);
+}
+.be-version-history-preview-author {
+  font-weight: 600;
+  font-size: 0.85rem;
+}
+.be-version-history-preview-time {
+  font-size: 0.78rem;
+  color: var(--noteloom-text-muted);
+}
+.be-version-history-view-toggle {
+  display: flex;
+  gap: 4px;
+  padding: 8px 16px 0;
+}
+.be-version-history-view-toggle button {
+  border: none;
+  background: transparent;
+  color: var(--noteloom-text-muted);
+  font-size: 0.78rem;
+  font-weight: 600;
+  padding: 5px 10px;
+  border-radius: var(--noteloom-radius-md);
+  cursor: pointer;
+}
+.be-version-history-view-toggle button.is-active {
+  background: var(--noteloom-bg-subtle);
+  color: var(--noteloom-text);
+}
+.be-version-history-diff-legend {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 10px 16px 0;
+  font-size: 0.75rem;
+}
+.be-version-history-diff-legend-note {
+  color: var(--noteloom-text-muted);
+}
+.be-version-history-preview-body {
+  flex: 1;
+  overflow-y: auto;
+  padding: 16px;
+  font-size: 0.9rem;
+  line-height: 1.6;
+}
+.be-version-history-diff-body :is(p.be-version-diff-block) {
+  margin: 0 0 0.6em;
+}
+/* Google Docs-style change highlighting: additions get a green underline/background,
+   removals a struck-through red one -- self-evident at a glance, no legend required
+   to understand the individual spans (the legend row above just labels the colors). */
+.be-version-diff-added {
+  background: rgba(34, 197, 94, 0.18);
+  color: var(--noteloom-text);
+  text-decoration: underline;
+  text-decoration-color: rgba(34, 197, 94, 0.6);
+  border-radius: 2px;
+  padding: 0 1px;
+}
+.be-version-diff-removed {
+  background: rgba(239, 68, 68, 0.14);
+  color: var(--noteloom-text-muted);
+  text-decoration: line-through;
+  text-decoration-color: rgba(239, 68, 68, 0.6);
+  border-radius: 2px;
+  padding: 0 1px;
+}
+.be-version-history-diff-legend .be-version-diff-added,
+.be-version-history-diff-legend .be-version-diff-removed {
+  padding: 2px 6px;
+  text-decoration: none;
+  font-weight: 600;
+}
+/* exportDocumentHTML emits plain semantic HTML (<p>/<h1-3>/<ul>/<blockquote>/...),
+   not this package's own be-* block classes, so the preview needs its own
+   basic typography rather than inheriting the live editor's block styling. */
+.be-version-history-preview-body :is(h1, h2, h3) {
+  margin: 0.6em 0 0.3em;
+}
+.be-version-history-preview-body p {
+  margin: 0 0 0.6em;
+}
+.be-version-history-preview-body :is(ul, ol) {
+  margin: 0 0 0.6em;
+  padding-left: 1.4em;
+}
+.be-version-history-preview-body blockquote {
+  margin: 0 0 0.6em;
+  padding-left: 0.8em;
+  border-left: 3px solid var(--noteloom-border);
+  color: var(--noteloom-text-muted);
+}
+.be-version-history-preview-body pre {
+  background: var(--noteloom-bg-subtle);
+  border-radius: var(--noteloom-radius-sm);
+  padding: 10px;
+  overflow-x: auto;
+}
+.be-version-history-preview-actions {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 8px;
+  padding: 12px 16px;
+  border-top: 1px solid var(--noteloom-border);
+}
+.be-version-history-preview-actions button {
+  border-radius: var(--noteloom-radius-md);
+  padding: 6px 12px;
+  font-size: 0.82rem;
+  font-weight: 600;
+  cursor: pointer;
+}
+.be-version-history-preview-actions button:first-child {
+  border: 1px solid var(--noteloom-border);
+  background: var(--noteloom-bg);
+  color: var(--noteloom-text);
+}
+.be-version-history-restore {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  border: none;
+  background: var(--noteloom-accent);
+  color: #fff;
+}
+/* --- voice typing: caret-anchored listening/processing indicator --- */
+.be-voice-indicator {
+  z-index: 1000;
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  background: var(--noteloom-bg);
+  border: 1px solid var(--noteloom-border);
+  border-radius: var(--noteloom-radius-md);
+  padding: 4px 9px;
+  box-shadow: var(--noteloom-shadow);
+  font-size: 0.78rem;
+  color: var(--noteloom-text-muted);
+  white-space: nowrap;
+  pointer-events: none;
+  animation: be-voice-indicator-in 0.12s ease-out;
+}
+@keyframes be-voice-indicator-in {
+  from {
+    opacity: 0;
+    transform: translate(-50%, calc(-100% + 4px));
+  }
+  to {
+    opacity: 1;
+    transform: translate(-50%, -100%);
+  }
+}
+.be-voice-indicator-dot {
+  width: 7px;
+  height: 7px;
+  border-radius: 50%;
+  background: var(--noteloom-danger, #dc2626);
+  flex: none;
+  animation: be-voice-indicator-pulse 1.4s ease-in-out infinite;
+}
+.be-voice-indicator-processing .be-voice-indicator-dot {
+  background: var(--noteloom-accent);
+  animation-duration: 0.6s;
+}
+@keyframes be-voice-indicator-pulse {
+  0%,
+  100% {
+    opacity: 1;
+    box-shadow: 0 0 0 0 currentColor;
+  }
+  50% {
+    opacity: 0.5;
+    box-shadow: 0 0 0 4px transparent;
+  }
+}
+/* --- print --- */
+/*
+ * Printing (or "Save as PDF" via the browser's own print dialog — this
+ * package deliberately doesn't bundle a PDF-generation library, which
+ * would conflict with staying zero-runtime-dependency) always renders a
+ * clean, chrome-free document: every piece of editing-only UI is hidden
+ * here, regardless of whether the app happens to be in preview mode at
+ * the moment of printing. \`.be-block-row-hidden\` is included on purpose —
+ * a block hidden via "Hide in preview" stays in the DOM (just dimmed) in
+ * edit mode, so without this rule printing while NOT toggled into preview
+ * mode would print blocks the user explicitly marked as hidden. A host
+ * app's own outer chrome (nav bars, its own toolbar) needs its own print
+ * rules the same way — see examples/basic's own style.css for a worked
+ * example, since that chrome lives outside this package entirely.
+ */
+@media print {
+  .be-block-gutter,
+  .be-block-gutter-menu,
+  .be-block-gutter-menu-item,
+  .be-block-range-menu,
+  .be-block-range-menu-item,
+  .be-block-row-hidden,
+  .be-slash-menu,
+  #be-emoji-menu,
+  #be-at-menu,
+  .be-floating-toolbar,
+  .be-link-hover-card,
+  .be-comment-popover,
+  .be-comments-panel,
+  .be-voice-indicator,
+  .be-table-header-menu-trigger,
+  .be-table-header-menu,
+  .be-table-col-resize-handle,
+  .be-table-delete-row,
+  .be-table-add-row,
+  .be-embed-toolbar,
+  .be-embed-remove,
+  .be-embed-resize-handle,
+  .be-embed-dropzone,
+  .be-embed-upload-btn,
+  .be-embed-url-row,
+  .be-canvas-toolbar,
+  .be-canvas-resize-handle,
+  .be-callout-color-wrap,
+  .be-modal-overlay,
+  .be-mobile-action-bar,
+  .be-mobile-picker-list,
+  .be-export-trigger,
+  .be-export-tabs,
+  .be-trailing-space,
+  .be-select-popover,
+  .be-find-bar {
+    display: none !important;
+  }
+  /* .be-block-row-range-selected and .be-block-selected mark real content
+     (the row/block itself, not a standalone chrome element) with a
+     highlight background/outline — reset just that styling rather than
+     hiding the element the way the chrome above is hidden, or printing
+     mid-drag-selection would print blank space instead of the block's own
+     content. */
+  .be-block-row-range-selected {
+    background: none !important;
+  }
+  .be-block-selected {
+    outline: none !important;
+  }
+  /* No background colors/shadows on paper, and text that's always legible
+     regardless of the screen theme the page happened to be rendered in
+     (dark mode's near-white text would otherwise print as barely-there). */
+  .be-editable,
+  .be-paragraph,
+  .be-heading,
+  .be-list-item,
+  .be-blockquote,
+  .be-code-block,
+  .be-callout,
+  .be-table-cell {
+    background: none !important;
+    box-shadow: none !important;
+    color: #000 !important;
+  }
+  /* Don't split a table/code block/callout/image awkwardly across a page
+     boundary when it would otherwise fit on one page. */
+  .be-table,
+  .be-code-block,
+  .be-callout,
+  .be-embed-image {
+    break-inside: avoid;
+  }
+}
+`, A = "noteloom-default-styles";
+function X() {
+  if (typeof document > "u" || document.getElementById(A)) return;
+  const n = document.createElement("style");
+  n.id = A, n.textContent = Q, document.head.appendChild(n);
+}
+const L = G(null);
+function kn({
+  store: n,
+  registry: o,
+  inlineRegistry: a = null,
+  history: l = null,
+  className: m,
+  style: x,
+  theme: f = "default",
+  getBlockClassName: v,
+  commentAuthorId: y,
+  showLineNumbers: w = !1,
+  uploadFile: k,
+  maxFileSize: z,
+  children: E
+}) {
+  q(() => {
+    f !== "none" && X();
+  }, [f]);
+  const [C, N] = c(!1), [I, H] = c(null), [M, F] = c([]), [S, U] = c(!1), [T, p] = c(null), _ = b(() => p("new"), []), R = b((s) => p(s), []), P = b(() => p(null), []), g = K(null), D = b(() => g.current, []), O = b((s) => {
+    var j, B;
+    const u = g.current;
+    u !== s && (u && ((j = document.querySelector(`[data-block-id="${u}"]`)) == null || j.classList.remove("be-block-selected")), g.current = s, s && ((B = document.querySelector(`[data-block-id="${s}"]`)) == null || B.classList.add("be-block-selected")));
+  }, []), V = W(
+    () => ({
+      store: n,
+      registry: o,
+      inlineRegistry: a,
+      history: l,
+      isWholeDocumentSelected: C,
+      setIsWholeDocumentSelected: N,
+      selectedBlockRange: M,
+      setSelectedBlockRange: F,
+      getSelectedBlockId: D,
+      setSelectedBlockId: O,
+      isPreviewMode: S,
+      setIsPreviewMode: U,
+      fieldTypeEditorTarget: T,
+      openCreateFieldType: _,
+      openEditFieldType: R,
+      closeFieldTypeEditor: P,
+      getBlockClassName: v,
+      commentAuthorId: y,
+      hoveredCommentId: I,
+      setHoveredCommentId: H,
+      showLineNumbers: w,
+      uploadFile: k,
+      maxFileSize: z
+    }),
+    [
+      n,
+      o,
+      a,
+      l,
+      C,
+      M,
+      D,
+      O,
+      S,
+      T,
+      _,
+      R,
+      P,
+      v,
+      y,
+      I,
+      w,
+      k,
+      z
+    ]
+  ), Y = m || x ? /* @__PURE__ */ e("div", { className: m ? `be-root ${m}` : "be-root", style: x, children: E }) : E;
+  return /* @__PURE__ */ e(L.Provider, { value: V, children: Y });
+}
+function d() {
+  const n = $(L);
+  if (!n)
+    throw new Error("Editor hooks must be used within an <EditorProvider>");
+  return n;
+}
+function zn() {
+  return d().store;
+}
+function En() {
+  return d().registry;
+}
+function Cn() {
+  return d().inlineRegistry;
+}
+function In() {
+  const { isWholeDocumentSelected: n, setIsWholeDocumentSelected: o } = d();
+  return [n, o];
+}
+function Mn() {
+  const { selectedBlockRange: n, setSelectedBlockRange: o } = d();
+  return [n, o];
+}
+function Sn() {
+  const { getSelectedBlockId: n, setSelectedBlockId: o } = d();
+  return { getSelectedBlockId: n, setSelectedBlockId: o };
+}
+function Tn() {
+  const { isPreviewMode: n, setIsPreviewMode: o } = d();
+  return [n, o];
+}
+function _n(n, o) {
+  const { getBlockClassName: a } = d(), l = o && a ? a(o) : void 0;
+  return l ? `${n} ${l}` : n;
+}
+function Rn() {
+  return d().commentAuthorId;
+}
+function Pn() {
+  const { hoveredCommentId: n, setHoveredCommentId: o } = d();
+  return [n, o];
+}
+function Dn() {
+  return d().showLineNumbers;
+}
+function On() {
+  const { uploadFile: n, maxFileSize: o } = d();
+  return { uploadFile: n, maxFileSize: o };
+}
+function jn() {
+  const { fieldTypeEditorTarget: n, openCreateFieldType: o, openEditFieldType: a, closeFieldTypeEditor: l } = d();
+  return {
+    target: n,
+    openCreate: o,
+    openEdit: a,
+    close: l
+  };
+}
+const i = {
+  INSERT_BLOCK: "insertBlock",
+  REMOVE_BLOCK: "removeBlock",
+  MOVE_BLOCK: "moveBlock",
+  CHANGE_BLOCK_TYPE: "changeBlockType",
+  UPDATE_BLOCK_PROPS: "updateBlockProps",
+  UPDATE_RUN: "updateRun",
+  SET_BLOCK_CONTENT_IDS: "setBlockContentIds",
+  REPLACE_RUN_SPAN: "replaceRunSpan",
+  SET_BLOCK_RUNS: "setBlockRuns",
+  EDIT_RUN_CHARS: "editRunChars",
+  ADD_FIELD_TYPE: "addFieldType",
+  UPDATE_FIELD_TYPE: "updateFieldType",
+  REMOVE_FIELD_TYPE: "removeFieldType",
+  ADD_COMMENT_THREAD: "addCommentThread",
+  REMOVE_COMMENT_THREAD: "removeCommentThread",
+  ADD_COMMENT_REPLY: "addCommentReply",
+  REMOVE_COMMENT_REPLY: "removeCommentReply",
+  RESOLVE_COMMENT: "resolveComment",
+  ADD_PERSON: "addPerson",
+  UPDATE_PERSON: "updatePerson",
+  REMOVE_PERSON: "removePerson"
+};
+function J(n, o, a, l) {
+  return { type: i.INSERT_BLOCK, block: n, parentId: o, index: a, subtree: l };
+}
+function Z(n) {
+  return { type: i.REMOVE_BLOCK, id: n };
+}
+function nn(n, o, a) {
+  return { type: i.MOVE_BLOCK, id: n, toParentId: o, toIndex: a };
+}
+function en(n, o) {
+  return { type: i.UPDATE_BLOCK_PROPS, id: n, patch: o };
+}
+function on(n, o, a) {
+  return { type: i.CHANGE_BLOCK_TYPE, id: n, blockType: o, props: a };
+}
+function tn(n, o) {
+  return { type: i.UPDATE_RUN, id: n, patch: o };
+}
+function rn(n, o, a, l) {
+  return { type: i.EDIT_RUN_CHARS, id: n, tombstoneIds: o, restoreIds: a, previousValue: l };
+}
+function an(n, o) {
+  return { type: i.SET_BLOCK_CONTENT_IDS, blockId: n, contentIds: o };
+}
+function ln(n, o, a) {
+  return { type: i.REPLACE_RUN_SPAN, blockId: n, oldRunIds: o, newRuns: a };
+}
+function dn(n, o) {
+  return { type: i.SET_BLOCK_RUNS, blockId: n, runs: o };
+}
+function sn(n) {
+  return { type: i.ADD_FIELD_TYPE, fieldType: n };
+}
+function cn(n, o) {
+  return { type: i.UPDATE_FIELD_TYPE, id: n, patch: o };
+}
+function bn(n) {
+  return { type: i.REMOVE_FIELD_TYPE, id: n };
+}
+function mn(n) {
+  return { type: i.ADD_COMMENT_THREAD, thread: n };
+}
+function pn(n) {
+  return { type: i.REMOVE_COMMENT_THREAD, commentId: n };
+}
+function gn(n, o) {
+  return { type: i.ADD_COMMENT_REPLY, commentId: n, message: o };
+}
+function un(n, o) {
+  return { type: i.REMOVE_COMMENT_REPLY, commentId: n, messageId: o };
+}
+function hn(n, o) {
+  return { type: i.RESOLVE_COMMENT, commentId: n, resolved: o };
+}
+function xn(n) {
+  return { type: i.ADD_PERSON, person: n };
+}
+function fn(n, o) {
+  return { type: i.UPDATE_PERSON, id: n, patch: o };
+}
+function vn(n) {
+  return { type: i.REMOVE_PERSON, id: n };
+}
+const Bn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  OP: i,
+  addCommentReply: gn,
+  addCommentThread: mn,
+  addFieldType: sn,
+  addPerson: xn,
+  changeBlockType: on,
+  editRunChars: rn,
+  insertBlock: J,
+  moveBlock: nn,
+  removeBlock: Z,
+  removeCommentReply: un,
+  removeCommentThread: pn,
+  removeFieldType: bn,
+  removePerson: vn,
+  replaceRunSpan: ln,
+  resolveComment: hn,
+  setBlockContentIds: an,
+  setBlockRuns: dn,
+  updateBlockProps: en,
+  updateFieldType: cn,
+  updatePerson: fn,
+  updateRun: tn
+}, Symbol.toStringTag, { value: "Module" }));
+function An() {
+  return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `id-${Date.now()}-${Math.random().toString(36).slice(2)}`;
+}
+function t({ children: n, size: o = 16, strokeWidth: a = 2, ...l }) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      width: o,
+      height: o,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: a,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
+      ...l,
+      children: n
+    }
+  );
+}
+function Ln(n) {
+  return /* @__PURE__ */ e(t, { ...n, children: /* @__PURE__ */ e("polyline", { points: "9 18 15 12 9 6" }) });
+}
+function Nn(n) {
+  return /* @__PURE__ */ e(t, { ...n, children: /* @__PURE__ */ e("polyline", { points: "6 9 12 15 18 9" }) });
+}
+function Hn(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+    /* @__PURE__ */ e("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+  ] });
+}
+function Fn(n) {
+  return /* @__PURE__ */ r(t, { ...n, fill: "currentColor", stroke: "none", children: [
+    /* @__PURE__ */ e("circle", { cx: "5", cy: "12", r: "1.6" }),
+    /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "1.6" }),
+    /* @__PURE__ */ e("circle", { cx: "19", cy: "12", r: "1.6" })
+  ] });
+}
+function Un(n) {
+  return /* @__PURE__ */ e(t, { ...n, children: /* @__PURE__ */ e("path", { d: "M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48" }) });
+}
+function Vn(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+    /* @__PURE__ */ e("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+  ] });
+}
+function Yn(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("path", { d: "M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z" }),
+    /* @__PURE__ */ e("path", { d: "M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z" })
+  ] });
+}
+function qn(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("line", { x1: "19", y1: "4", x2: "10", y2: "4" }),
+    /* @__PURE__ */ e("line", { x1: "14", y1: "20", x2: "5", y2: "20" }),
+    /* @__PURE__ */ e("line", { x1: "15", y1: "4", x2: "9", y2: "20" })
+  ] });
+}
+function Kn(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("path", { d: "M6 3v7a6 6 0 0 0 12 0V3" }),
+    /* @__PURE__ */ e("line", { x1: "4", y1: "21", x2: "20", y2: "21" })
+  ] });
+}
+function Wn(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("path", { d: "M12 20h9" }),
+    /* @__PURE__ */ e("path", { d: "M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z" })
+  ] });
+}
+function $n(n) {
+  return /* @__PURE__ */ e(t, { ...n, children: /* @__PURE__ */ e("path", { d: "M3 17c2-4 4-4 6 0s4 4 6 0 4-4 6 0" }) });
+}
+function Gn(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }),
+    /* @__PURE__ */ e("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })
+  ] });
+}
+function Qn(n) {
+  return /* @__PURE__ */ e(t, { ...n, children: /* @__PURE__ */ e("path", { d: "M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z" }) });
+}
+function Xn(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("path", { d: "M3 12a9 9 0 1 0 3-6.7" }),
+    /* @__PURE__ */ e("polyline", { points: "3 5 3 10 8 10" }),
+    /* @__PURE__ */ e("polyline", { points: "12 7 12 12 16 14" })
+  ] });
+}
+function Jn(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("path", { d: "M3 12a9 9 0 1 0 2.6-6.3" }),
+    /* @__PURE__ */ e("polyline", { points: "3 4 3 9 8 9" })
+  ] });
+}
+function Zn(n) {
+  return /* @__PURE__ */ e(t, { ...n, children: /* @__PURE__ */ e("polyline", { points: "20 6 9 17 4 12" }) });
+}
+function ne(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("line", { x1: "22", y1: "2", x2: "11", y2: "13" }),
+    /* @__PURE__ */ e("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })
+  ] });
+}
+function ee(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("path", { d: "M16 4H9a3 3 0 0 0-2.83 4" }),
+    /* @__PURE__ */ e("path", { d: "M14 12a4 4 0 0 1 0 8H6" }),
+    /* @__PURE__ */ e("line", { x1: "4", y1: "12", x2: "20", y2: "12" })
+  ] });
+}
+function oe(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("line", { x1: "21", y1: "6", x2: "3", y2: "6" }),
+    /* @__PURE__ */ e("line", { x1: "17", y1: "10", x2: "3", y2: "10" }),
+    /* @__PURE__ */ e("line", { x1: "21", y1: "14", x2: "3", y2: "14" }),
+    /* @__PURE__ */ e("line", { x1: "17", y1: "18", x2: "3", y2: "18" })
+  ] });
+}
+function te(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("line", { x1: "21", y1: "6", x2: "3", y2: "6" }),
+    /* @__PURE__ */ e("line", { x1: "18", y1: "10", x2: "6", y2: "10" }),
+    /* @__PURE__ */ e("line", { x1: "21", y1: "14", x2: "3", y2: "14" }),
+    /* @__PURE__ */ e("line", { x1: "18", y1: "18", x2: "6", y2: "18" })
+  ] });
+}
+function re(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("line", { x1: "21", y1: "6", x2: "3", y2: "6" }),
+    /* @__PURE__ */ e("line", { x1: "21", y1: "10", x2: "7", y2: "10" }),
+    /* @__PURE__ */ e("line", { x1: "21", y1: "14", x2: "3", y2: "14" }),
+    /* @__PURE__ */ e("line", { x1: "21", y1: "18", x2: "7", y2: "18" })
+  ] });
+}
+function ae(n) {
+  return /* @__PURE__ */ e(t, { ...n, children: [5, 12, 19].flatMap(
+    (o) => [9, 15].map((a) => /* @__PURE__ */ e("circle", { cx: a, cy: o, r: "1.3", fill: "currentColor", stroke: "none" }, `${a}-${o}`))
+  ) });
+}
+function ie(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("polyline", { points: "3 6 5 6 21 6" }),
+    /* @__PURE__ */ e("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }),
+    /* @__PURE__ */ e("line", { x1: "10", y1: "11", x2: "10", y2: "17" }),
+    /* @__PURE__ */ e("line", { x1: "14", y1: "11", x2: "14", y2: "17" })
+  ] });
+}
+function le(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("rect", { x: "9", y: "9", width: "12", height: "12", rx: "2" }),
+    /* @__PURE__ */ e("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+  ] });
+}
+function de(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("line", { x1: "12", y1: "19", x2: "12", y2: "5" }),
+    /* @__PURE__ */ e("polyline", { points: "5 12 12 5 19 12" })
+  ] });
+}
+function se(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+    /* @__PURE__ */ e("polyline", { points: "19 12 12 19 5 12" })
+  ] });
+}
+function ce(n) {
+  return /* @__PURE__ */ e(t, { ...n, children: /* @__PURE__ */ e("rect", { x: "4", y: "4", width: "16", height: "16", rx: "1" }) });
+}
+function be(n) {
+  return /* @__PURE__ */ e(t, { ...n, children: /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "8" }) });
+}
+function me(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("line", { x1: "6", y1: "18", x2: "18", y2: "6" }),
+    /* @__PURE__ */ e("polyline", { points: "9 6 18 6 18 15" })
+  ] });
+}
+function pe(n) {
+  return /* @__PURE__ */ e(t, { ...n, children: /* @__PURE__ */ e("polygon", { points: "12 3 21 12 12 21 3 12" }) });
+}
+function ge(n) {
+  return /* @__PURE__ */ e(t, { ...n, children: /* @__PURE__ */ e("polygon", { points: "12 4 20 20 4 20" }) });
+}
+function ue(n) {
+  return /* @__PURE__ */ e(t, { ...n, children: /* @__PURE__ */ e("polygon", { points: "12 3 14.7 9.4 21.5 9.9 16.3 14.4 17.9 21 12 17.4 6.1 21 7.7 14.4 2.5 9.9 9.3 9.4" }) });
+}
+function he(n) {
+  return /* @__PURE__ */ e(t, { ...n, children: /* @__PURE__ */ e("path", { d: "M5 3l14 8-6 2-2 6-6-16z" }) });
+}
+function xe(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("path", { d: "M19 20H9l-6-6a1.5 1.5 0 0 1 0-2l9-9a1.5 1.5 0 0 1 2 0l7 7a1.5 1.5 0 0 1 0 2l-7 7" }),
+    /* @__PURE__ */ e("path", { d: "M6.5 12.5 13 19" })
+  ] });
+}
+function fe(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("path", { d: "M12 3v12" }),
+    /* @__PURE__ */ e("path", { d: "M7 10l5 5 5-5" }),
+    /* @__PURE__ */ e("path", { d: "M4 19h16" })
+  ] });
+}
+function ve(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("path", { d: "M6 15V9a6 6 0 0 1 12 0v6" }),
+    /* @__PURE__ */ e("path", { d: "M6 15a3 3 0 0 0 6 0v-4" }),
+    /* @__PURE__ */ e("path", { d: "M18 15a3 3 0 0 1-6 0v-4" }),
+    /* @__PURE__ */ e("line", { x1: "3", y1: "9", x2: "6", y2: "9" }),
+    /* @__PURE__ */ e("line", { x1: "3", y1: "15", x2: "6", y2: "15" }),
+    /* @__PURE__ */ e("line", { x1: "18", y1: "9", x2: "21", y2: "9" }),
+    /* @__PURE__ */ e("line", { x1: "18", y1: "15", x2: "21", y2: "15" })
+  ] });
+}
+function ye(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("circle", { cx: "6", cy: "6", r: "3" }),
+    /* @__PURE__ */ e("circle", { cx: "6", cy: "18", r: "3" }),
+    /* @__PURE__ */ e("line", { x1: "20", y1: "4", x2: "8.12", y2: "15.88" }),
+    /* @__PURE__ */ e("line", { x1: "14.47", y1: "14.48", x2: "20", y2: "20" }),
+    /* @__PURE__ */ e("line", { x1: "8.12", y1: "8.12", x2: "12", y2: "12" })
+  ] });
+}
+function we(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("line", { x1: "17", y1: "6", x2: "3", y2: "6" }),
+    /* @__PURE__ */ e("line", { x1: "21", y1: "12", x2: "3", y2: "12" }),
+    /* @__PURE__ */ e("line", { x1: "15", y1: "18", x2: "3", y2: "18" })
+  ] });
+}
+function h({ level: n = 1, size: o = 16, ...a }) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      width: o,
+      height: o,
+      viewBox: "0 0 24 24",
+      "aria-hidden": "true",
+      focusable: "false",
+      ...a,
+      children: /* @__PURE__ */ r("text", { x: "2", y: "18", fontSize: "14", fontWeight: "700", fill: "currentColor", fontFamily: "inherit", children: [
+        "H",
+        n
+      ] })
+    }
+  );
+}
+function ke(n) {
+  return /* @__PURE__ */ e(h, { level: 1, ...n });
+}
+function ze(n) {
+  return /* @__PURE__ */ e(h, { level: 2, ...n });
+}
+function Ee(n) {
+  return /* @__PURE__ */ e(h, { level: 3, ...n });
+}
+function Ce(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("path", { d: "M7 7a3 3 0 0 0-3 3v3a2 2 0 0 0 2 2h2a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1H6a3 3 0 0 1 3-3z" }),
+    /* @__PURE__ */ e("path", { d: "M17 7a3 3 0 0 0-3 3v3a2 2 0 0 0 2 2h2a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-2a3 3 0 0 1 3-3z" })
+  ] });
+}
+function Ie(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("polyline", { points: "9 8 4 12 9 16" }),
+    /* @__PURE__ */ e("polyline", { points: "15 8 20 12 15 16" })
+  ] });
+}
+function Me(n) {
+  return /* @__PURE__ */ e(t, { ...n, children: /* @__PURE__ */ e("line", { x1: "4", y1: "12", x2: "20", y2: "12" }) });
+}
+function Se(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("path", { d: "M4 5h16a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H9l-4 4v-4H4a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1z" }),
+    /* @__PURE__ */ e("line", { x1: "7", y1: "9", x2: "17", y2: "9" }),
+    /* @__PURE__ */ e("line", { x1: "7", y1: "12.5", x2: "13", y2: "12.5" })
+  ] });
+}
+function Te(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("rect", { x: "3", y: "8", width: "18", height: "8", rx: "3" }),
+    /* @__PURE__ */ e("line", { x1: "8", y1: "12", x2: "16", y2: "12" })
+  ] });
+}
+function _e(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("rect", { x: "3", y: "4", width: "18", height: "16", rx: "1" }),
+    /* @__PURE__ */ e("line", { x1: "3", y1: "10", x2: "21", y2: "10" }),
+    /* @__PURE__ */ e("line", { x1: "3", y1: "16", x2: "21", y2: "16" }),
+    /* @__PURE__ */ e("line", { x1: "9", y1: "4", x2: "9", y2: "20" }),
+    /* @__PURE__ */ e("line", { x1: "15", y1: "4", x2: "15", y2: "20" })
+  ] });
+}
+function Re(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("rect", { x: "3", y: "4", width: "18", height: "16", rx: "1" }),
+    /* @__PURE__ */ e("line", { x1: "9", y1: "4", x2: "9", y2: "20" }),
+    /* @__PURE__ */ e("line", { x1: "15", y1: "4", x2: "15", y2: "20" })
+  ] });
+}
+function Pe(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("circle", { cx: "4.5", cy: "6", r: "1.2", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ e("circle", { cx: "4.5", cy: "12", r: "1.2", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ e("circle", { cx: "4.5", cy: "18", r: "1.2", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ e("line", { x1: "9", y1: "6", x2: "21", y2: "6" }),
+    /* @__PURE__ */ e("line", { x1: "9", y1: "12", x2: "21", y2: "12" }),
+    /* @__PURE__ */ e("line", { x1: "9", y1: "18", x2: "21", y2: "18" })
+  ] });
+}
+function De(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("line", { x1: "10", y1: "6", x2: "21", y2: "6" }),
+    /* @__PURE__ */ e("line", { x1: "10", y1: "12", x2: "21", y2: "12" }),
+    /* @__PURE__ */ e("line", { x1: "10", y1: "18", x2: "21", y2: "18" }),
+    /* @__PURE__ */ e("text", { x: "2", y: "8.5", fontSize: "7", fontWeight: "700", fill: "currentColor", stroke: "none", children: "1" }),
+    /* @__PURE__ */ e("text", { x: "2", y: "14.5", fontSize: "7", fontWeight: "700", fill: "currentColor", stroke: "none", children: "2" }),
+    /* @__PURE__ */ e("text", { x: "2", y: "20.5", fontSize: "7", fontWeight: "700", fill: "currentColor", stroke: "none", children: "3" })
+  ] });
+}
+function Oe(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("rect", { x: "4", y: "4", width: "16", height: "16", rx: "3" }),
+    /* @__PURE__ */ e("polyline", { points: "8 12 11 15 16 9" })
+  ] });
+}
+function je(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("rect", { x: "3", y: "5", width: "18", height: "16", rx: "2" }),
+    /* @__PURE__ */ e("line", { x1: "3", y1: "10", x2: "21", y2: "10" }),
+    /* @__PURE__ */ e("line", { x1: "8", y1: "3", x2: "8", y2: "7" }),
+    /* @__PURE__ */ e("line", { x1: "16", y1: "3", x2: "16", y2: "7" })
+  ] });
+}
+function Be(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("path", { d: "M12 3h7a2 2 0 0 1 2 2v7a2 2 0 0 1-.59 1.41l-8 8a2 2 0 0 1-2.82 0l-7-7a2 2 0 0 1 0-2.82l8-8A2 2 0 0 1 12 3z" }),
+    /* @__PURE__ */ e("circle", { cx: "15.5", cy: "8.5", r: "1.2", fill: "currentColor", stroke: "none" })
+  ] });
+}
+function Ae(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("rect", { x: "3", y: "4", width: "18", height: "16", rx: "2" }),
+    /* @__PURE__ */ e("circle", { cx: "9", cy: "10", r: "1.5", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ e("path", { d: "M4 17l5-5 4 4 4-5 4 6" })
+  ] });
+}
+function Le(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("rect", { x: "3", y: "5", width: "14", height: "14", rx: "2" }),
+    /* @__PURE__ */ e("path", { d: "M17 10l4-2.5v9L17 14" })
+  ] });
+}
+function Ne(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("path", { d: "M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7z" }),
+    /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "3" })
+  ] });
+}
+function He(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("path", { d: "M17.94 17.94A10.94 10.94 0 0 1 12 19c-6.5 0-10-7-10-7a18.5 18.5 0 0 1 5.06-5.94M9.9 4.24A10.94 10.94 0 0 1 12 4c6.5 0 10 7 10 7a18.5 18.5 0 0 1-2.16 3.19" }),
+    /* @__PURE__ */ e("path", { d: "M14.12 14.12a3 3 0 1 1-4.24-4.24" }),
+    /* @__PURE__ */ e("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
+  ] });
+}
+function Fe(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("line", { x1: "4", y1: "10", x2: "4", y2: "14" }),
+    /* @__PURE__ */ e("line", { x1: "8", y1: "7", x2: "8", y2: "17" }),
+    /* @__PURE__ */ e("line", { x1: "12", y1: "4", x2: "12", y2: "20" }),
+    /* @__PURE__ */ e("line", { x1: "16", y1: "7", x2: "16", y2: "17" }),
+    /* @__PURE__ */ e("line", { x1: "20", y1: "10", x2: "20", y2: "14" })
+  ] });
+}
+function Ue(n) {
+  return /* @__PURE__ */ r(t, { ...n, children: [
+    /* @__PURE__ */ e("path", { d: "M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" }),
+    /* @__PURE__ */ e("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
+    /* @__PURE__ */ e("line", { x1: "12", y1: "19", x2: "12", y2: "23" }),
+    /* @__PURE__ */ e("line", { x1: "8", y1: "23", x2: "16", y2: "23" })
+  ] });
+}
+export {
+  Mn as $,
+  En as A,
+  Cn as B,
+  Qn as C,
+  Xn as D,
+  _n as E,
+  xe as F,
+  he as G,
+  we as H,
+  de as I,
+  se as J,
+  ce as K,
+  be as L,
+  Ue as M,
+  me as N,
+  i as O,
+  Wn as P,
+  pe as Q,
+  Jn as R,
+  ne as S,
+  ie as T,
+  ge as U,
+  ue as V,
+  ve as W,
+  Hn as X,
+  fe as Y,
+  $n as Z,
+  Tn as _,
+  zn as a,
+  le as a0,
+  ye as a1,
+  Ne as a2,
+  He as a3,
+  On as a4,
+  In as a5,
+  Sn as a6,
+  Yn as a7,
+  qn as a8,
+  Kn as a9,
+  Re as aA,
+  Me as aB,
+  Te as aC,
+  te as aD,
+  Un as aE,
+  Fe as aF,
+  Le as aG,
+  Ae as aH,
+  je as aI,
+  ee as aa,
+  Gn as ab,
+  Ln as ac,
+  kn as ad,
+  d as ae,
+  Vn as af,
+  Fn as ag,
+  Nn as ah,
+  Ie as ai,
+  Be as aj,
+  jn as ak,
+  X as al,
+  Bn as am,
+  Dn as an,
+  ke as ao,
+  ze as ap,
+  Ee as aq,
+  Pe as ar,
+  De as as,
+  Oe as at,
+  Ce as au,
+  Se as av,
+  ae as aw,
+  oe as ax,
+  re as ay,
+  _e as az,
+  Pn as b,
+  mn as c,
+  pn as d,
+  gn as e,
+  hn as f,
+  An as g,
+  Zn as h,
+  on as i,
+  en as j,
+  J as k,
+  tn as l,
+  nn as m,
+  Z as n,
+  dn as o,
+  xn as p,
+  fn as q,
+  ln as r,
+  an as s,
+  vn as t,
+  Rn as u,
+  un as v,
+  sn as w,
+  cn as x,
+  bn as y,
+  rn as z
+};
+//# sourceMappingURL=icons-C1_s0jKK.js.map