@sobree/core 0.1.1 → 0.1.2

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/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{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}