@sobree/core 0.1.1 → 0.1.3

package/dist/editor/types.d.ts

@@ -0,0 +1,292 @@
+import { BlobStore } from '../blob';
+import { Range as ApiRange, BlockRef, EditResult, InlinePosition, Selection } from '../doc/api';
+import { RunPropertiesPatch } from '../doc/runs';
+import { Block, ParagraphAlignment, ParagraphProperties, SobreeDocument } from '../doc/types';
+/**
+ * Editor-surface types — the public type vocabulary of the `Editor`
+ * façade (events, payloads, command bus, options, tracked-change spans).
+ *
+ * Extracted from `editor/index.ts` so that:
+ *   1. the 3000+-line editor module stays focused on behaviour, and
+ *   2. helper modules (`internal/mutations`, `plugins/marks`) can import
+ *      these shared types from a leaf module instead of reaching back
+ *      into `editor/index.ts` — which created an import cycle.
+ *
+ * Re-exported from `editor/index.ts`, so the public surface is unchanged.
+ */
+import type * as Y from "yjs";
+export type ApiRangeType = ApiRange;
+export type { CellRef, InsertAt, InsertColumnOpts, InsertRowOpts, MergeCellsOpts, } from './table';
+/**
+ * One logical tracked change — a maximal run of consecutive inline
+ * runs that all carry a `revision` marker by the same author.
+ * `getRevisions()` returns these; pass `range` straight to
+ * `acceptRevision` / `rejectRevision`.
+ *
+ * `kinds` is the set of revision types in the span: `["ins"]` or
+ * `["del"]` for a plain change, both for a delete-then-insert
+ * replacement (which accepts/rejects as a single unit).
+ */
+export interface RevisionSpan {
+    range: ApiRange;
+    author?: string;
+    kinds: ("ins" | "del")[];
+    /** ISO date of the span's first revision run, if recorded. */
+    date?: string;
+    /**
+     * Discriminator between revision levels:
+     *   `"inline"` (default for backwards compat) — the span covers
+     *     `ins`/`del` text runs inside a block. Pass `range` to
+     *     `acceptRevision` / `rejectRevision`.
+     *   `"paragraph"` — the span flags the *paragraph mark* itself on
+     *     `range.from.block`. The range covers offset `[0, length]` of
+     *     the block so it still selects the right element for UIs, but
+     *     accept/reject must go through `acceptParagraphRevision` /
+     *     `rejectParagraphRevision`.
+     *   `"format"` — the span flags a tracked format change
+     *     (`<w:rPrChange>`) on contiguous runs by the same author.
+     *     `kinds` always reports `["ins"]` (the marker is binary: a
+     *     format change exists or not). Pass `range` to
+     *     `acceptFormatRevision` / `rejectFormatRevision`.
+     */
+    level?: "inline" | "paragraph" | "format";
+}
+/**
+ * Track-changes mode. When `enabled` is true, the editor reinterprets
+ * authoring mutations as tracked revisions rather than direct edits:
+ *
+ *   - `insertRun` stamps `revision: { type: "ins", author }` on the
+ *     inserted run instead of merging it in plainly.
+ *   - `deleteRange` stamps `revision: { type: "del", author }` on the
+ *     plain text runs in range instead of dropping them. A run that's
+ *     already an `ins` *by the same author* is dropped instead — the
+ *     author cancelling their own pending insert — and runs already
+ *     carrying a peer's revision are left untouched (the API user must
+ *     resolve those via `acceptRevision` / `rejectRevision` first).
+ *   - All other mutations (`applyRunProperties`, block-level ops, etc.)
+ *     pass through unchanged in this first cut; format-change tracking
+ *     (`<w:rPrChange>`) and paragraph-mark tracking will land later.
+ *
+ * `author` is the human-readable name written into the revision
+ * marker. Optional — falls back to no `author` field, mirroring the
+ * Word semantics for anonymous-author tracked changes.
+ *
+ * This is the *authoring* side of the review feature. `getRevisions`
+ * / `acceptRevision` / `rejectRevision` are the *consumption* side
+ * and work the same regardless of this flag.
+ */
+export interface TrackChangesState {
+    enabled: boolean;
+    author?: string;
+}
+/**
+ * Payload delivered to `change` subscribers. Plain data — safe to
+ * JSON-stringify and ship over a wire. `rawParts` is stripped from
+ * `document` so the payload never carries binary Uint8Arrays.
+ */
+export interface ChangePayload {
+    doc: SobreeDocument;
+    /**
+     * @deprecated Use `doc` instead. This alias is kept for backwards
+     * compatibility within the pre-1.0 line and will be removed before
+     * v1. Same reference as `doc`.
+     */
+    document: SobreeDocument;
+    revision: number;
+    documentVersion: number;
+}
+/** Summary of a top-level block, for `getBlocks()` and list-style UIs. */
+export interface BlockInfo {
+    /** Current position in the body (unstable across edits). */
+    index: number;
+    /** Stable id — pair with `version` to form a `BlockRef`. */
+    id: string;
+    /** Bumps on every modification of this block. */
+    version: number;
+    kind: Block["kind"];
+    styleId?: string;
+    alignment?: ParagraphAlignment;
+    /** Plain-text preview. */
+    text: string;
+    /** Total character-length of the block's content (see `runsLength`). */
+    length: number;
+}
+/** Outline entry — one per heading in document order. */
+export interface OutlineItem {
+    level: number;
+    text: string;
+    blockIndex: number;
+    block: BlockRef;
+}
+export type ParagraphPropertiesPatch = {
+    [K in keyof ParagraphProperties]?: ParagraphProperties[K] | undefined;
+};
+export type WrapTag = "sup" | "sub" | "strong" | "em" | "u" | "s" | "mark";
+/** The slice of selection state plugins read (see {@link EditorLike}). */
+export interface EditorSelectionLike {
+    currentRange(): ApiRange | null;
+    currentCaret(): InlinePosition | null;
+}
+/**
+ * The minimal `Editor` contract that framework-free plugins depend on
+ * (mark toggles, etc.). Plugins type against this instead of the
+ * concrete `Editor` class so they don't import `editor/index.ts` — that
+ * kept a (type-only) import cycle alive and coupled plugins to the
+ * whole editor module. The `Editor` class structurally satisfies it.
+ */
+export interface EditorLike {
+    getDocument(): SobreeDocument;
+    getBlocks(): BlockInfo[];
+    getBlockById(id: string): BlockInfo | null;
+    applyRunProperties(range: ApiRange, patch: RunPropertiesPatch, opts?: {
+        expect?: Record<string, number>;
+    }): EditResult<void>;
+    wrapRange(range: ApiRange, tag: WrapTag, opts?: {
+        expect?: Record<string, number>;
+    }): EditResult<void>;
+    readonly selection: EditorSelectionLike;
+}
+export type EditorEvent = "change" | "selection" | "keydown" | "track-changes-change";
+export type EditorEventPayload = {
+    change: ChangePayload;
+    selection: SelectionPayload;
+    keydown: KeyDownPayload;
+    "track-changes-change": TrackChangesState;
+};
+export type Unsubscribe = () => void;
+/**
+ * Payload delivered to `selection` subscribers. Fires whenever the live
+ * DOM selection changes — typing, clicking, arrow-key navigation, focus
+ * loss, programmatic restore. Subscribers should subscribe through the
+ * editor rather than `document.addEventListener("selectionchange")`
+ * directly so cleanup is centralised and the editor can later add
+ * dedup / throttling.
+ *
+ * `selection` is the model shape (`null` when focus is outside the
+ * editor). The convenience fields below mirror what `EditorSelection`
+ * exposes for ergonomics — read whichever one you need.
+ */
+export interface SelectionPayload {
+    selection: Selection;
+    range: ApiRange | null;
+    caret: InlinePosition | null;
+    block: BlockRef | null;
+}
+/**
+ * Payload delivered to `keydown` subscribers. Fires for every key press
+ * inside the editor host. The editor binds NO shortcuts itself —
+ * plugins map keys to API calls via `preventDefault()` (stops the
+ * browser's default action) and `stopPropagation()` (stops the chain
+ * of remaining subscribers). Subscribers fire in registration order.
+ */
+export interface KeyDownPayload {
+    /** `KeyboardEvent.key` — `"b"`, `"Enter"`, `"ArrowLeft"`, … (lowercased for letters). */
+    key: string;
+    /** `KeyboardEvent.code` — `"KeyB"`, `"Enter"`, `"ArrowLeft"`, … (layout-independent). */
+    code: string;
+    ctrl: boolean;
+    shift: boolean;
+    alt: boolean;
+    meta: boolean;
+    /** Stop the browser's default for this key (insertion, navigation, …). */
+    preventDefault(): void;
+    /** Stop further subscribers from receiving this key. */
+    stopPropagation(): void;
+    /** Underlying DOM event — for advanced needs (`isComposing`, repeat, …). */
+    originalEvent: KeyboardEvent;
+}
+/**
+ * A registered command — a named, callable unit of editor work that
+ * plugins coordinate around. Same definition gets reached by a
+ * keyboard shortcut, a toolbar click, a programmatic call from an
+ * agent, or an MCP request.
+ *
+ * The `run` function is the one place the work happens. `isActive` and
+ * `isAvailable` let UI plugins paint toggle / disabled state without
+ * understanding what the command actually does.
+ */
+export interface CommandDefinition<Args = void> {
+    /** Dotted, namespaced — `"mark.toggle.bold"`, `"section.insertBreak"`, … */
+    name: string;
+    /** Short human label for tooltips / command palettes. */
+    title?: string;
+    /** Perform the work. Should be idempotent w.r.t. selection (a second
+     *  invocation on an already-bold selection clears bold, etc.). */
+    run: (args: Args) => void;
+    /** True when the command represents an active state (mark already on,
+     *  block is already a heading, …). Drives toolbar `is-active`. */
+    isActive?: () => boolean;
+    /** False when the command can't run (e.g. selection is wrong shape).
+     *  Defaults to true. Drives toolbar `disabled`. */
+    isAvailable?: () => boolean;
+}
+/** Snapshot of one registered command — what `commands.list()` returns. */
+export interface CommandSnapshot {
+    name: string;
+    title: string;
+    isActive: boolean;
+    isAvailable: boolean;
+}
+/**
+ * Registry every plugin uses to talk to every other plugin. The
+ * editor owns it; plugins register commands on attach and unregister
+ * on detach. Keyboard plugins, toolbar plugins, and a future MCP
+ * adapter all share the same dispatch path: `editor.commands.execute(name)`.
+ */
+export interface CommandBus {
+    /** Register a command. Returns an unsubscribe that removes it. */
+    register<Args = void>(def: CommandDefinition<Args>): () => void;
+    /** Run a registered command. No-op (with a warning) if unknown. */
+    execute<Args = void>(name: string, args?: Args): void;
+    /** Snapshot every registered command — for command palettes,
+     *  toolbars rendering toggle states, accessibility audits. */
+    list(): CommandSnapshot[];
+    /** Whether the named command is currently registered. */
+    has(name: string): boolean;
+}
+export interface EditorOptions {
+    initialDocument?: SobreeDocument;
+    changeDebounceMs?: number;
+    /**
+     * Elements whose children are editable blocks, in document order. Called
+     * fresh each time — the list can grow/shrink (e.g. during pagination).
+     */
+    contentHosts?: () => HTMLElement[];
+    /**
+     * Y.Doc backing the document. Optional — if absent, the editor creates
+     * one internally. Embedders pass their own when they need to attach
+     * a provider (`y-websocket`, `y-indexeddb`, `y-webrtc`, …) for
+     * persistence or collaboration.
+     *
+     * When supplied, the editor checks whether the Y.Doc already has body
+     * content. If empty, it seeds from `initialDocument`. If non-empty
+     * (Phase 2+: a peer joined an active room), the existing Y.Doc state
+     * wins and `initialDocument` is ignored. See `editor.ydoc` for the
+     * public escape hatch.
+     */
+    ydoc?: Y.Doc;
+    /**
+     * Optional content-hashed `BlobStore` for binary parts (images, fonts).
+     *
+     * Without one (default): bytes live inline in the Y.Doc's `parts`
+     * Y.Map and replicate to every peer through Y updates. Fine for
+     * small docs.
+     *
+     * With one: the editor hashes binary parts, uploads the bytes to the
+     * store, and writes only the hash into the Y.Doc's `partRefs` Y.Map.
+     * Y updates stay small regardless of image size. The editor maintains
+     * a local `BlobCache` that synchronously serves already-fetched bytes
+     * to the renderer; `editor.ensurePartsLoaded()` is the async hook for
+     * explicit pre-fetching (e.g. before `toDocx()`).
+     *
+     * See `@sobree/core/blob` for the interface + reference impls
+     * (`inMemoryBlobStore`, `fetchBlobStore`).
+     */
+    blobStore?: BlobStore;
+    /**
+     * Initial track-changes mode. When omitted, the editor starts in
+     * direct-edit mode (`{ enabled: false }`) and embedders can flip it
+     * later via `editor.setTrackChanges`. See `TrackChangesState`.
+     */
+    trackChanges?: TrackChangesState;
+}

package/dist/editor/view/docRenderer/anchorPosition.d.ts

@@ -0,0 +1,18 @@
+import { AnchoredFrame } from '../../../doc/types';
+export interface AnchorGeometry {
+    /** Page top margin (`<w:pgMar w:top>`) in EMU, card-relative. */
+    marginTopEmu: number;
+    /** Page left margin (`<w:pgMar w:left>`) in EMU, card-relative. */
+    marginLeftEmu: number;
+    /**
+     * Rendered top of the anchor paragraph, card-relative, in EMU.
+     * Required when `verticalFrom === "paragraph"`; when absent (the
+     * paragraph couldn't be located) the frame falls back to margin-top —
+     * a paragraph-anchored frame is never page-relative.
+     */
+    anchorParaTopEmu?: number | null;
+}
+export declare function resolveAnchorPosition(frame: AnchoredFrame, geom: AnchorGeometry): {
+    xEmu: number;
+    yEmu: number;
+};

package/dist/editor/view/docRenderer/fontFallback.d.ts

@@ -19,10 +19,23 @@
  * `pnpm fixtures:compare --pages` on user-contract.docx (Bookman not
  * installed on macOS by default). See [diagnosis notes].
  */
+/** A face name resolved for CSS: the family fallback stack, plus the
+ *  weight / italic the face name implied (absent when the name carried
+ *  no face tokens — the run's own bold/italic then fully decide). */
+export interface ResolvedFontFace {
+    stack: string;
+    weight?: number;
+    italic?: boolean;
+}
 /**
- * Wrap `fontFamily` in quotes if it contains spaces or unusual
- * characters, and append a metric-compatible fallback chain. If the
- * font already matches a curated entry, use that chain directly so the
- * primary font isn't double-listed.
+ * Resolve an OOXML font NAME into a CSS family stack + implied weight.
+ *
+ * Curated whole-name chains win first ("Calibri Light" is a real family
+ * with its own calibrated chain — corpus baselines depend on it). Then
+ * trailing face tokens are stripped ("Helvetica Neue Light" → base
+ * "Helvetica Neue" + weight 300) and the BASE resolves through the same
+ * curated chains; the full face name stays first in the stack so hosts
+ * that do ship the exact face still use it. A name with no tokens and no
+ * curated chain keeps the documented unknown-font default (`, serif`).
  */
-export declare function withFallbacks(fontFamily: string): string;
+export declare function resolveFontFace(fontFamily: string): ResolvedFontFace;

package/dist/editor/view/docRenderer/inline.d.ts

@@ -1,4 +1,4 @@
-import { InlineRun } from '../../../doc/types';
+import { InlineRun, NamedStyle } from '../../../doc/types';
 /**
  * Render a list of InlineRuns into DOM children of `parent`. Empty run
  * lists produce a `<br>` placeholder so contenteditable can place a
@@ -7,7 +7,7 @@ import { InlineRun } from '../../../doc/types';
  * `rawParts` is threaded through so `DrawingRun` can resolve its
  * `partPath` to an `<img src>` via a blob URL / data URI.
  */
-export declare function appendInlineRuns(parent: HTMLElement, runs: readonly InlineRun[], rawParts?: Record<string, Uint8Array>): void;
+export declare function appendInlineRuns(parent: HTMLElement, runs: readonly InlineRun[], rawParts?: Record<string, Uint8Array>, styles?: readonly NamedStyle[]): void;
 /** Convert a raw part's bytes (from `doc.rawParts`) into a blob URL
  *  the browser can render as `<img src>` / `background-image`. Exported
  *  for the section-frame renderer in `block.ts` which paints the

package/dist/editor/view/docRenderer/lists.d.ts

@@ -2,16 +2,27 @@ import { Block, NumberingDefinition } from '../../../doc/types';
 export interface ListInfo {
     numId: number;
     ordered: boolean;
-    /** Effective left indent (text wrap position) for this list level,
-     *  in twips — from the numbering definition's `<w:lvl><w:pPr><w:ind>`.
-     *  Applied as `padding-left` on the OL / UL so wrapped text lands at
-     *  the right position and the marker hangs to its left. */
+    /** Text-column indent (`<w:ind w:left>`), twips → the OL/UL
+     *  `padding-left`. First line and wraps both align here. */
     leftTwips?: number;
-    /** Twips the FIRST line hangs to the left of `leftTwips` (= `@w:hanging`).
-     *  The marker sits at `(leftTwips - hangingTwips)` from the content edge. */
+    /** Marker hang (`<w:ind w:hanging>`), twips → the width of the
+     *  `::before` marker box; the marker sits at `leftTwips - hangingTwips`. */
     hangingTwips?: number;
-    /** The level's lvlText glyph (post-Wingdings remapping), for bullets. */
+    /** Bullet glyph (post-Wingdings remapping), for unordered lists. */
     bulletGlyph?: string;
+    /** Marker glyph's own run formatting (`<w:lvl><w:rPr>`): colour, font,
+     *  size. The font also matters for layout — Word lets the marker
+     *  font's strut set the bullet line height (see paperStack.css). */
+    markerColor?: string;
+    markerFont?: string;
+    markerSizePt?: number;
+    /** CSS counter-style class suffix for ordered lists (`decimal`,
+     *  `lower-latin`, …) — selects the matching `::before` rule. */
+    counterStyle?: string;
+    /** Literal text around the number in `lvlText` (`%1.` → suffix `.`;
+     *  `(%1)` → prefix `(`, suffix `)`). */
+    markerPrefix?: string;
+    markerSuffix?: string;
 }
 /**
  * Resolve a paragraph's list membership from the numbering table.
@@ -20,9 +31,9 @@ export interface ListInfo {
  */
 export declare function paragraphListInfo(block: Block, numbering: readonly NumberingDefinition[]): ListInfo | null;
 /**
- * Build the `<ol>` / `<ul>` container for a run of list items sharing
- * a `numId`. Sets marker geometry (padding-left + hanging custom
- * property) and bullet glyph (native CSS keyword where one exists,
- * else a `::marker`-content custom property).
+ * Build the `<ol>` / `<ul>` container for a run of list items sharing a
+ * `numId`. Sets the text-column `padding-left`, the `--sobree-list-hang`
+ * marker-box width, and the marker content (glyph or counter format) the
+ * CSS `::before` rules consume.
  */
 export declare function createListContainer(info: ListInfo, sectionIndex: number): HTMLElement;

package/dist/editor/view/docRenderer/sectionFlow.d.ts

@@ -0,0 +1,23 @@
+import { SectionProperties } from '../../../doc/types';
+/**
+ * If `section.columns.count > 1`, append a column container to `host`
+ * and return it as the new append target. Otherwise return `host` —
+ * single-column sections write directly to it.
+ */
+export declare function openColumnContainerIfNeeded(host: HTMLElement, section: SectionProperties | undefined): HTMLElement;
+/**
+ * If `container` is a column-flow container, move any trailing
+ * visually-empty paragraphs out of it and append them to `host`. Keeps
+ * Word's column balancing semantics: empties between content count,
+ * trailing empties do not.
+ */
+export declare function evictTrailingEmptyParagraphs(container: HTMLElement, host: HTMLElement): void;
+/**
+ * Visually collapse the empty paragraph immediately preceding the
+ * just-appended section_break. The paragraph stays in the DOM (and the
+ * AST) so round-trip and caret behaviour stay intact; CSS just zeros
+ * its height. Pulls back from the last element (which is the section
+ * break itself) by one position and checks if it's a visually-empty
+ * paragraph (no text, no images).
+ */
+export declare function collapseSectionTrailerEmpty(host: HTMLElement): void;

package/dist/editor/view/docRenderer/table.d.ts

@@ -1,4 +1,13 @@
-import { NamedStyle, NumberingDefinition, Table } from '../../../doc/types';
+import { Block, NamedStyle, NumberingDefinition, Table } from '../../../doc/types';
+/**
+ * Renderer for a table cell's block content, injected by the caller
+ * (`block.ts`) instead of imported — so `table.ts` never imports
+ * `block.ts`, breaking the block ↔ table render cycle. The recursion is
+ * genuine (a cell holds blocks; a block may be a nested table), but the
+ * *import* cycle isn't: the sole caller already owns `renderBlocks` and
+ * hands it in.
+ */
+export type RenderCellBlocks = (blocks: readonly Block[], host: HTMLElement, numbering: readonly NumberingDefinition[], styles: readonly NamedStyle[], rawParts: Record<string, Uint8Array>) => void;
 /**
  * Render a Table to a `<table>` element. `vMerge: "restart"` cells
  * emit with `rowspan=N` computed from the following `"continue"` cells
@@ -12,4 +21,4 @@ import { NamedStyle, NumberingDefinition, Table } from '../../../doc/types';
  * 1.5× line-height because the cell's own renderer ignored per-paragraph
  * properties).
  */
-export declare function renderTable(table: Table, numbering?: readonly NumberingDefinition[], styles?: readonly NamedStyle[], rawParts?: Record<string, Uint8Array>): HTMLElement;
+export declare function renderTable(table: Table, renderCellBlocks: RenderCellBlocks, numbering?: readonly NumberingDefinition[], styles?: readonly NamedStyle[], rawParts?: Record<string, Uint8Array>): HTMLElement;

package/dist/index.css

@@ -1 +1 @@
-.paper-stack{display:flex;flex-direction:column;padding:48px;gap:28px;outline:none}.paper-row{display:flex;flex-direction:row;align-items:flex-start;gap:24px}.paper{position:relative;background:#fff;border:1px solid rgba(0,0,0,.3);box-shadow:0 1px 2px #00000014,0 18px 60px #0000001f;padding-top:var(--margin-top, 25mm);padding-right:var(--margin-right, 20mm);padding-bottom:var(--margin-bottom, 25mm);padding-left:var(--margin-left, 20mm);overflow:hidden;flex:none}.paper-header,.paper-footer{position:absolute;left:var(--margin-left, 20mm);right:var(--margin-right, 20mm);font-size:10pt;color:#555;white-space:pre-wrap}.paper-header{top:0;min-height:var(--margin-top, 25mm);padding-top:var(--header-offset-mm, 12.7mm);padding-bottom:4mm;border-bottom:1px dashed transparent}.paper-footer{bottom:0;min-height:var(--margin-bottom, 25mm);padding-top:4mm;text-align:center;border-top:1px dashed transparent}.paper-anchors{position:absolute;top:var(--margin-top, 25mm);right:var(--margin-right, 20mm);bottom:var(--margin-bottom, 25mm);left:var(--margin-left, 20mm);pointer-events:none;isolation:isolate;z-index:1}.paper-anchors.is-empty{display:none}.paper-anchor{position:absolute;box-sizing:border-box;overflow:hidden}.paper-header>p,.paper-footer>p,.paper-header>ul,.paper-header>ol,.paper-footer>ul,.paper-footer>ol{margin:0}.paper-footnotes{position:absolute;left:var(--margin-left, 20mm);right:var(--margin-right, 20mm);bottom:var(--margin-bottom, 25mm);font-size:.85em;padding-top:.5em;border-top:1pt solid currentColor;background:#fffffff5;z-index:1;max-height:40%;overflow:hidden}.paper-footnotes.is-empty{display:none}.paper-comments{flex:0 0 70mm;max-width:70mm;font-size:.85em;padding:0 .5em;align-self:stretch;overflow-y:auto}.paper-comments.is-empty{display:none}.paper-footnotes .sobree-footnotes__list{margin:0;padding-left:1.5em}.paper-footnotes .sobree-footnotes__item{margin:.25em 0}.paper-content{position:relative;height:100%;min-height:100px;display:flex;flex-direction:column;justify-content:flex-start}.paper-content td p:not([style*=line-height]),.paper-content td li:not([style*=line-height]),.paper-content th p:not([style*=line-height]),.paper-content th li:not([style*=line-height]){line-height:1}.paper-content td p:not([style*=margin]),.paper-content th p:not([style*=margin]){margin:0}.paper-content ul.sobree-list-custom-bullet>li::marker,.paper-content ol.sobree-list-custom-bullet>li::marker{content:var(--sobree-bullet-glyph) "  "}.paper-content .sobree-tab-spread{display:flex;justify-content:space-between;align-items:baseline;gap:1em;white-space:nowrap}.paper-content .sobree-tab-spread .sobree-tab-spread__before,.paper-content .sobree-tab-spread .sobree-tab-spread__after{white-space:pre-wrap;min-width:0}.paper-content table.sobree-table-bordered td,.paper-content table.sobree-table-bordered th{border:var(--table-cell-border, none);padding:0 4px}.sobree-editor{position:relative;outline:none}.sobree-editor>:first-child{margin-top:0}.sobree-editor p,.sobree-editor h1,.sobree-editor h2,.sobree-editor h3,.sobree-editor h4,.sobree-editor h5,.sobree-editor h6,.sobree-editor ul,.sobree-editor ol,.sobree-editor li,.sobree-editor blockquote,.sobree-editor pre{margin:0;padding:0}.sobree-editor ul,.sobree-editor ol{padding-left:1.5em}.sobree-editor li.sobree-li-continuation{list-style-type:none}.sobree-editor li.sobree-li-continuation::marker{content:""}.sobree-editor .sobree-fragment-continued{text-align-last:justify}.sobree-editor .sobree-footnote-ref a{color:inherit;text-decoration:none}.sobree-editor .sobree-footnote-ref a:hover{text-decoration:underline}.sobree-editor .sobree-footnotes{margin-top:2em;padding-top:.5em;border-top:1pt solid currentColor;font-size:.85em}.sobree-editor .sobree-footnotes__list{padding-left:1.5em}.sobree-editor .sobree-footnotes__item{margin:.25em 0}.sobree-editor ins.sobree-revision-ins{text-decoration:underline}.sobree-editor del.sobree-revision-del{text-decoration:line-through}.sobree-editor .sobree-revision-format{text-decoration:underline dashed var(--sobree-format-revision-color, currentColor);text-underline-offset:3px}.sobree-editor [data-block-revision=ins]:after,.sobree-editor [data-block-revision=del]:after{content:" ¶";color:var(--sobree-block-revision-color, currentColor);opacity:.65;font-weight:600;-webkit-user-select:none;user-select:none}.sobree-editor [data-block-revision=del]:after{text-decoration:line-through}.sobree-editor .sobree-comment-range{background:var(--sobree-comment-range-bg, rgba(255, 217, 0, .25));border-bottom:1px dotted var(--sobree-comment-range-border, rgba(180, 130, 0, .5))}.sobree-editor .sobree-comment-ref{display:inline;font-size:.85em;margin:0 .1em}.sobree-editor .sobree-comment-ref a{color:inherit;text-decoration:none}.sobree-editor .sobree-comment-ref a:hover{filter:brightness(.7)}.sobree-editor h1,.sobree-editor h2,.sobree-editor h3,.sobree-editor h4,.sobree-editor h5,.sobree-editor h6{font-size:inherit;font-weight:inherit}.sobree-editor table{border-collapse:collapse;width:100%;position:relative}.sobree-editor th,.sobree-editor td{border:none;padding:0 .08in;vertical-align:top;transition:border-color .12s ease}.sobree-editor .sobree-section-break{display:flex;align-items:center;gap:8px;margin:8px 0;color:var(--fg-subtle, #7c7764);font-size:11px;letter-spacing:.04em;text-transform:uppercase;-webkit-user-select:none;user-select:none}.sobree-editor .sobree-section-break--continuous{visibility:hidden;height:0;margin:0;padding:0;border:none;overflow:hidden;font-size:0;line-height:0}.sobree-editor .sobree-section-break:before,.sobree-editor .sobree-section-break:after{content:"";flex:1;border-top:1px dashed var(--border, #dedbd0)}.sobree-editor .sobree-section-break__label{flex:none;padding:0 6px;background:var(--bg-elevated, #fff)}.sobree-editor .sobree-textbox-frame p{line-height:1.2}.sobree-editor .paper-content p,.sobree-editor .paper-content li,.sobree-editor .paper-header p,.sobree-editor .paper-header li,.sobree-editor .paper-footer p,.sobree-editor .paper-footer li,.sobree-editor .sobree-textbox-frame p{white-space:pre-wrap}.sobree-editor .sobree-section-trailer-empty{height:0;line-height:0;font-size:0;margin:0;padding:0;overflow:hidden}.sobree-editor .sobree-textbox-frame--placeholder{border:1px solid var(--border, #c8c4b8)}.sobree-editor .sobree-textbox-frame--placeholder.sobree-textbox-frame--filled{border:none;z-index:-1}.sobree-editor img.is-selected{outline:2px solid var(--sobree-primary, #d4521f);outline-offset:2px}.sobree-image-resize-handle{position:absolute;width:16px;height:16px;background:var(--sobree-primary, #d4521f);border:2px solid #fff;border-radius:3px;cursor:nwse-resize;z-index:1000;-webkit-user-select:none;user-select:none}.sobree-viewport{position:relative;overflow:hidden;overscroll-behavior:contain;touch-action:none;background:#ececee}.sobree-viewport__stage{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform}.sobree-viewport__stage.is-animating{transition:transform .32s cubic-bezier(.2,.7,.2,1)}.sobree-viewport__slot{display:block}.paper-stack .paper-content,.paper-stack .paper-header,.paper-stack .paper-footer{transition:opacity .2s ease}.paper-stack.is-zone-editing .paper-content,.paper-stack.is-zone-editing .paper-header,.paper-stack.is-zone-editing .paper-footer{opacity:.2}.paper-stack.is-zone-editing .paper-header[contenteditable=true],.paper-stack.is-zone-editing .paper-footer[contenteditable=true]{opacity:1}.paper-header[contenteditable=true],.paper-footer[contenteditable=true]{outline:2px dotted var(--primary, #c96f22);outline-offset:4px;background:var(--primary-soft, #fdf6ee);color:var(--fg-strong, #14130f);border-radius:2px}
+.paper-stack{display:flex;flex-direction:column;padding:48px;gap:28px;outline:none}.paper-row{display:flex;flex-direction:row;align-items:flex-start;gap:24px}.paper{position:relative;background:#fff;border:1px solid rgba(0,0,0,.3);box-shadow:0 1px 2px #00000014,0 18px 60px #0000001f;padding-top:var(--margin-top, 25mm);padding-right:var(--margin-right, 20mm);padding-bottom:var(--margin-bottom, 25mm);padding-left:var(--margin-left, 20mm);overflow:hidden;flex:none}.paper-header,.paper-footer{position:absolute;left:var(--margin-left, 20mm);right:var(--margin-right, 20mm);font-size:10pt;color:#555;white-space:pre-wrap}.paper-header{top:0;min-height:var(--margin-top, 25mm);padding-top:var(--header-offset-mm, 12.7mm);padding-bottom:4mm;border-bottom:1px dashed transparent}.paper-footer{bottom:0;min-height:var(--margin-bottom, 25mm);padding-top:4mm;text-align:center;border-top:1px dashed transparent}.paper-anchors{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;isolation:isolate;z-index:1}.paper-anchors.is-empty{display:none}.paper-zone-anchors{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;isolation:isolate;z-index:2}.paper-zone-anchors.is-empty{display:none}.paper-anchor{position:absolute;box-sizing:border-box;overflow:hidden}.paper-header>p,.paper-footer>p,.paper-header>ul,.paper-header>ol,.paper-footer>ul,.paper-footer>ol{margin:0}.paper-footnotes{position:absolute;left:var(--margin-left, 20mm);right:var(--margin-right, 20mm);bottom:var(--margin-bottom, 25mm);font-size:.85em;padding-top:.5em;border-top:1pt solid currentColor;background:#fffffff5;z-index:1;max-height:40%;overflow:hidden}.paper-footnotes.is-empty{display:none}.paper-comments{flex:0 0 70mm;max-width:70mm;font-size:.85em;padding:0 .5em;align-self:stretch;overflow-y:auto}.paper-comments.is-empty{display:none}.paper-footnotes .sobree-footnotes__list{margin:0;padding-left:1.5em}.paper-footnotes .sobree-footnotes__item{margin:.25em 0}.paper-content a{color:inherit;text-decoration:none}.paper-content{position:relative;height:100%;min-height:100px;display:flow-root}.paper-content td p:not([style*=line-height]),.paper-content td li:not([style*=line-height]),.paper-content th p:not([style*=line-height]),.paper-content th li:not([style*=line-height]){line-height:1}.paper-content td p:not([style*=margin]),.paper-content th p:not([style*=margin]){margin:0}.paper-content .sobree-hang>li{list-style:none}.paper-content .sobree-hang>li:before{display:inline-block;box-sizing:border-box;width:var(--sobree-list-hang, 0);margin-left:calc(-1 * var(--sobree-list-hang, 0));white-space:nowrap;color:var(--sobree-marker-color, currentColor);font-family:var(--sobree-marker-font, inherit);font-size:var(--sobree-marker-size, inherit)}.paper-content .sobree-hang.lst-bullet>li:before{content:var(--sobree-bullet, "•")}.paper-content .sobree-hang.lst-decimal>li:before{content:var(--mk-pre, "") counter(list-item,decimal) var(--mk-suf, ".")}.paper-content .sobree-hang.lst-decimal-zero>li:before{content:var(--mk-pre, "") counter(list-item,decimal-leading-zero) var(--mk-suf, ".")}.paper-content .sobree-hang.lst-lower-latin>li:before{content:var(--mk-pre, "") counter(list-item,lower-latin) var(--mk-suf, ".")}.paper-content .sobree-hang.lst-upper-latin>li:before{content:var(--mk-pre, "") counter(list-item,upper-latin) var(--mk-suf, ".")}.paper-content .sobree-hang.lst-lower-roman>li:before{content:var(--mk-pre, "") counter(list-item,lower-roman) var(--mk-suf, ".")}.paper-content .sobree-hang.lst-upper-roman>li:before{content:var(--mk-pre, "") counter(list-item,upper-roman) var(--mk-suf, ".")}.paper-content .sobree-tab-spread{display:flex;justify-content:space-between;align-items:baseline;gap:1em;white-space:nowrap}.paper-content .sobree-tab-spread .sobree-tab-spread__before,.paper-content .sobree-tab-spread .sobree-tab-spread__after{white-space:pre-wrap;min-width:0}.paper-content table.sobree-table-bordered td,.paper-content table.sobree-table-bordered th{border:var(--table-cell-border, none);padding:0 4px}.sobree-editor{position:relative;outline:none}.sobree-editor>:first-child{margin-top:0}.sobree-editor p,.sobree-editor h1,.sobree-editor h2,.sobree-editor h3,.sobree-editor h4,.sobree-editor h5,.sobree-editor h6,.sobree-editor ul,.sobree-editor ol,.sobree-editor li,.sobree-editor blockquote,.sobree-editor pre{margin:0;padding:0}.sobree-editor ul,.sobree-editor ol{padding-left:1.5em}.sobree-editor li.sobree-li-continuation{list-style-type:none}.sobree-editor li.sobree-li-continuation::marker{content:""}.sobree-editor .sobree-fragment-continued{text-align-last:justify}.sobree-editor .sobree-footnote-ref a{color:inherit;text-decoration:none}.sobree-editor .sobree-footnote-ref a:hover{text-decoration:underline}.sobree-editor .sobree-footnotes{margin-top:2em;padding-top:.5em;border-top:1pt solid currentColor;font-size:.85em}.sobree-editor .sobree-footnotes__list{padding-left:1.5em}.sobree-editor .sobree-footnotes__item{margin:.25em 0}.sobree-editor ins.sobree-revision-ins{text-decoration:underline}.sobree-editor del.sobree-revision-del{text-decoration:line-through}.sobree-editor .sobree-revision-format{text-decoration:underline dashed var(--sobree-format-revision-color, currentColor);text-underline-offset:3px}.sobree-editor [data-block-revision=ins]:after,.sobree-editor [data-block-revision=del]:after{content:" ¶";color:var(--sobree-block-revision-color, currentColor);opacity:.65;font-weight:600;-webkit-user-select:none;user-select:none}.sobree-editor [data-block-revision=del]:after{text-decoration:line-through}.sobree-editor .sobree-comment-range{background:var(--sobree-comment-range-bg, rgba(255, 217, 0, .25));border-bottom:1px dotted var(--sobree-comment-range-border, rgba(180, 130, 0, .5))}.sobree-editor .sobree-comment-ref{display:inline;font-size:.85em;margin:0 .1em}.sobree-editor .sobree-comment-ref a{color:inherit;text-decoration:none}.sobree-editor .sobree-comment-ref a:hover{filter:brightness(.7)}.sobree-editor h1,.sobree-editor h2,.sobree-editor h3,.sobree-editor h4,.sobree-editor h5,.sobree-editor h6{font-size:inherit;font-weight:inherit}.sobree-editor table{border-collapse:collapse;width:100%;position:relative}.sobree-editor th,.sobree-editor td{border:none;padding:0 .08in;vertical-align:top;transition:border-color .12s ease}.sobree-editor .sobree-section-break{display:flex;align-items:center;gap:8px;margin:8px 0;color:var(--fg-subtle, #7c7764);font-size:11px;letter-spacing:.04em;text-transform:uppercase;-webkit-user-select:none;user-select:none}.sobree-editor .sobree-section-break--continuous{visibility:hidden;height:0;margin:0;padding:0;border:none;overflow:hidden;font-size:0;line-height:0}.sobree-editor .sobree-section-break:before,.sobree-editor .sobree-section-break:after{content:"";flex:1;border-top:1px dashed var(--border, #dedbd0)}.sobree-editor .sobree-section-break__label{flex:none;padding:0 6px;background:var(--bg-elevated, #fff)}.sobree-editor .sobree-textbox-frame p{line-height:1.2}.sobree-editor .paper-content p,.sobree-editor .paper-content li,.sobree-editor .paper-header p,.sobree-editor .paper-header li,.sobree-editor .paper-footer p,.sobree-editor .paper-footer li,.sobree-editor .sobree-textbox-frame p{white-space:pre-wrap}.sobree-editor .sobree-section-trailer-empty{height:0;line-height:0;font-size:0;margin:0;padding:0;overflow:hidden}.sobree-editor .sobree-textbox-frame--placeholder{border:1px solid var(--border, #c8c4b8)}.sobree-editor .sobree-textbox-frame--placeholder.sobree-textbox-frame--filled{border:none;z-index:-1}.sobree-editor img.is-selected{outline:2px solid var(--sobree-primary, #d4521f);outline-offset:2px}.sobree-image-resize-handle{position:absolute;width:16px;height:16px;background:var(--sobree-primary, #d4521f);border:2px solid #fff;border-radius:3px;cursor:nwse-resize;z-index:1000;-webkit-user-select:none;user-select:none}.sobree-viewport{position:relative;overflow:hidden;overscroll-behavior:contain;touch-action:none;background:#ececee}.sobree-viewport__stage{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform}.sobree-viewport__stage.is-animating{transition:transform .32s cubic-bezier(.2,.7,.2,1)}.sobree-viewport__slot{display:block}.paper-stack .paper-content,.paper-stack .paper-header,.paper-stack .paper-footer{transition:opacity .2s ease}.paper-stack.is-zone-editing .paper-content,.paper-stack.is-zone-editing .paper-header,.paper-stack.is-zone-editing .paper-footer{opacity:.2}.paper-stack.is-zone-editing .paper-header[contenteditable=true],.paper-stack.is-zone-editing .paper-footer[contenteditable=true]{opacity:1}.paper-header[contenteditable=true],.paper-footer[contenteditable=true]{outline:2px dotted var(--primary, #c96f22);outline-offset:4px;background:var(--primary-soft, #fdf6ee);color:var(--fg-strong, #14130f);border-radius:2px}