@sobree/core 0.1.2 → 0.1.3

package/dist/doc/styles.d.ts

@@ -17,3 +17,15 @@ export declare function resolveStyleCascade(styles: readonly NamedStyle[] | Sobr
     runDefaults: RunProperties;
     paragraphDefaults: ParagraphProperties;
 };
+/**
+ * Resolve a RUN character style (`<w:rStyle>`) to the run properties it
+ * contributes: its own rPr merged up its `basedOn` chain — but WITHOUT
+ * the Normal / DocDefaults anchor that `resolveStyleCascade` appends.
+ *
+ * A character style layers on top of the run's INHERITED paragraph
+ * formatting; folding the document defaults back in here would reset the
+ * run's font / size to the doc default (e.g. a colour-only "Blue" char
+ * style must not drag Times/12pt onto a Helvetica/10pt contact line). So
+ * we walk only the explicit `basedOn` chain and stop — no Normal anchor.
+ */
+export declare function resolveRunStyle(styles: readonly NamedStyle[], styleId: string): RunProperties;

package/dist/doc/types.d.ts

@@ -138,6 +138,20 @@ export interface AnchoredFrame {
      *  floats over text and reserves nothing. Absent ⇒ unknown (treated
      *  as non-displacing). */
     wrap?: "square" | "topAndBottom" | "tight" | "through" | "none";
+    /** `wrapText` side from `<wp:wrapSquare|Tight|Through wrapText="…">` —
+     *  which sides of the frame body text flows on. Default `bothSides`.
+     *  Only meaningful for the displacing wrap modes; drives whether a
+     *  floated image goes `float: left` (text on the right) or `right`. */
+    wrapText?: "bothSides" | "left" | "right" | "largest";
+    /** Text-distance insets — `distT/B/L/R` on `<wp:anchor>`, in EMU. The
+     *  gap Word keeps between the frame and the text wrapping around it;
+     *  rendered as margins on the floated frame. */
+    textDistancesEmu?: {
+        topEmu: number;
+        rightEmu: number;
+        bottomEmu: number;
+        leftEmu: number;
+    };
     /** What this frame contains. */
     content: AnchoredContent;
 }
@@ -453,10 +467,23 @@ export interface DrawingRun {
      *   - "inline"  — flows in the paragraph like a tall character.
      *   - "anchor"  — positioned absolutely (`<wp:anchor>`); `anchor`
      *                 carries the offset + frame-of-reference.
+     *   - "floatLeft" / "floatRight" — a `<wp:anchor>` image with a
+     *                 displacing wrap (square/tight/through), converted to a
+     *                 CSS float at the head of its anchor paragraph so body
+     *                 text flows around it. `floatMarginsEmu` carries the
+     *                 `distT/B/L/R` clearance.
      */
-    placement: "inline" | "anchor";
+    placement: "inline" | "anchor" | "floatLeft" | "floatRight";
     /** Set when `placement === "anchor"`. */
     anchor?: DrawingAnchor;
+    /** Set for `floatLeft` / `floatRight` — the text-clearance margins
+     *  (from the frame's `distT/B/L/R`), applied as CSS margins. */
+    floatMarginsEmu?: {
+        topEmu: number;
+        rightEmu: number;
+        bottomEmu: number;
+        leftEmu: number;
+    };
     /**
      * Vertical alignment for an `inline` image relative to the text on
      * its line. Defaults to the browser baseline (image bottom on the

package/dist/docx/export/contentTypes.d.ts

@@ -4,6 +4,7 @@ declare const REL_TYPES: {
     readonly image: "http://schemas.openxmlformats.org/officeDocument/2006/relationships/image";
     readonly hyperlink: "http://schemas.openxmlformats.org/officeDocument/2006/relationships/hyperlink";
     readonly fontTable: "http://schemas.openxmlformats.org/officeDocument/2006/relationships/fontTable";
+    readonly numbering: "http://schemas.openxmlformats.org/officeDocument/2006/relationships/numbering";
     readonly font: "http://schemas.openxmlformats.org/officeDocument/2006/relationships/font";
 };
 type RelKind = keyof typeof REL_TYPES;

package/dist/docx/export/context.d.ts

@@ -13,7 +13,7 @@ export interface ExportContext {
     /** Rels to append to `word/_rels/document.xml.rels`. */
     relationships: Array<{
         id: string;
-        type: "header" | "footer" | "image" | "hyperlink" | "fontTable";
+        type: "header" | "footer" | "image" | "hyperlink" | "fontTable" | "numbering";
         target: string;
         /** External targets (URLs) need `TargetMode="External"`. */
         external?: boolean;

package/dist/docx/export/numbering.d.ts

@@ -0,0 +1,2 @@
+import { NumberingDefinition } from '../../doc/types';
+export declare function renderNumberingXml(numbering: readonly NumberingDefinition[]): string | null;

package/dist/docx/import/anchoredFrames.d.ts

@@ -1,4 +1,5 @@
 import { AnchoredFrame, Block } from '../../doc/types';
+import { ThemePalette } from '../shared/drawingColor';
 export interface AnchoredFramesContext {
     /** RelationshipId → part path lookup, e.g. `"rId4" → "media/image1.png"`. */
     rels: Map<string, string>;
@@ -20,6 +21,9 @@ export interface AnchoredFramesContext {
      * its true layout. When absent, falls back to flat text (tests).
      */
     parseBlockBody?: (txbxContent: Element) => Block[];
+    /** Theme colour palette (from `word/theme/theme1.xml`) so shape fills /
+     *  strokes declared as `<a:schemeClr>` resolve instead of vanishing. */
+    theme?: ThemePalette;
 }
 /**
  * Walk every `<w:drawing>/<wp:anchor>` in the document and return one

package/dist/docx/import/borders.d.ts

@@ -0,0 +1,12 @@
+import { ParagraphBorders } from '../../doc/types';
+/**
+ * Read a `<w:pBdr>` paragraph-border element into `ParagraphBorders`.
+ *
+ * Shared by the direct-paragraph parser AND the named-style parser: Word
+ * puts the divider rules of letterhead / résumé headers on a STYLE (e.g. a
+ * "Name" style's `<w:top>` rule), not on each paragraph. Reading it only
+ * for direct paragraphs dropped those rules entirely (the renderer's
+ * `effective.borders` cascade had nothing to apply). `none` / `nil` sides
+ * are skipped (Word's explicit "no border on this side").
+ */
+export declare function readParagraphBorders(pPr: Element): ParagraphBorders | undefined;

package/dist/docx/import/floatFrames.d.ts

@@ -0,0 +1,11 @@
+import { AnchoredFrame, Block, SectionProperties } from '../../doc/types';
+/**
+ * Prepend a float `DrawingRun` to each floatable frame's anchor paragraph
+ * and drop those frames from the overlay set. Pure — inputs untouched.
+ * Body indices are stable (we modify paragraphs in place, never insert),
+ * so it composes after `flowDisplacingTextboxes` without an index remap.
+ */
+export declare function floatWrappingImages(body: readonly Block[], frames: readonly AnchoredFrame[], sections: readonly SectionProperties[]): {
+    body: Block[];
+    frames: AnchoredFrame[];
+};

package/dist/docx/import/inlineFrames.d.ts

@@ -1,4 +1,5 @@
 import { Block, InlineFrame } from '../../doc/types';
+import { ThemePalette } from '../shared/drawingColor';
 export interface InlineFramesContext {
     /** RelationshipId → part path lookup. */
     rels: Map<string, string>;
@@ -26,6 +27,9 @@ export interface InlineFramesContext {
      * Without this flag, only explicit directives count.
      */
     honorLastRenderedPageBreaks?: boolean;
+    /** Theme colour palette (from `word/theme/theme1.xml`) so textbox /
+     *  shape fills declared as `<a:schemeClr>` resolve instead of vanishing. */
+    theme?: ThemePalette;
 }
 /**
  * One InlineFrame plus the source DOM nodes it came from.

package/dist/docx/import/paragraphs.d.ts

@@ -4,9 +4,14 @@ import { ParagraphFormat } from '../types';
 export type ImportedItem = {
     kind: "run";
     run: ImportedRun;
-} | {
+}
+/** `href` is set for HYPERLINK *fields* (the target lives in the field
+ *  instruction); `relId` for `<w:hyperlink r:id>` elements (resolved
+ *  against the rels table downstream). */
+ | {
     kind: "hyperlink";
     relId?: string;
+    href?: string;
     runs: ImportedRun[];
 };
 export interface ImportedParagraph {

package/dist/docx/import/styles.d.ts

@@ -1,3 +1,16 @@
 import { NamedStyle } from '../../doc/types';
 import { DocSettings } from './settings';
+/**
+ * Canonicalise a heading style id to `HeadingN`.
+ *
+ * Word and OpenOffice name the heading styles inconsistently across docs:
+ * `Heading2`, `Heading 2`, `heading 2`. The paragraph importer already
+ * maps a heading PARAGRAPH's styleId to the canonical `HeadingN` (so it
+ * renders as `<hN>` and joins the `HeadingN` convention used by builders /
+ * serialize / markdown). The STYLE definition must canonicalise the same
+ * way, or `resolveStyleCascade` looks up `HeadingN` and misses the
+ * actual style — dropping its colour, caps, etc. Non-heading ids pass
+ * through unchanged.
+ */
+export declare function canonicalStyleId(id: string): string;
 export declare function parseStylesXml(xml: string | undefined, settings?: DocSettings): NamedStyle[] | null;

package/dist/docx/shared/drawingColor.d.ts

@@ -0,0 +1,30 @@
+/**
+ * DrawingML colour resolution — literal AND theme colours.
+ *
+ * A DrawingML colour container (`<a:solidFill>`, the children of
+ * `<a:ln>`, …) holds either a literal `<a:srgbClr val="RRGGBB">` or a
+ * theme reference `<a:schemeClr val="accent1">`. Both can carry child
+ * TRANSFORM elements that adjust the base colour (`hueOff`, `satOff`,
+ * `lumOff`, `lumMod`, `shade`, `tint`, …). Word resolves the scheme slot
+ * against `word/theme/theme1.xml`'s `<a:clrScheme>` and applies the
+ * transforms in document order — reading only `srgbClr` renders every
+ * theme-coloured shape invisible (no fill, no stroke).
+ *
+ * Transform units (ECMA-376 §20.1.2.3):
+ *   - `hueOff`  — 60000ths of a degree, added to the hue.
+ *   - `satOff` / `lumOff` — 1000ths of a percent-POINT, added to S / L.
+ *   - `satMod` / `lumMod` — 100000ths, multiplied onto S / L.
+ *   - `shade` — scale toward black (val/100000).
+ *   - `tint`  — scale toward white (val/100000).
+ */
+/** Theme slot → `#RRGGBB`. Slots: dk1/lt1/dk2/lt2/accent1-6/hlink/folHlink. */
+export type ThemePalette = Record<string, string>;
+/** Parse `word/theme/theme1.xml` into the colour-scheme palette.
+ *  Returns undefined when the part is absent or malformed. */
+export declare function parseThemeXml(xml: string | undefined): ThemePalette | undefined;
+/**
+ * Resolve the colour child of `parent` (an `<a:solidFill>` or `<a:ln>`-
+ * style container): literal `srgbClr` or theme `schemeClr`, transforms
+ * applied. Returns `#RRGGBB` or undefined when no resolvable colour.
+ */
+export declare function readDrawingColor(parent: Element, theme?: ThemePalette): string | undefined;

package/dist/docx/types.d.ts

@@ -18,6 +18,10 @@ export interface DocxExportResult {
 }
 /** A single inline run's formatting flags — what `<w:rPr>` tells us. */
 export interface RunFormat {
+    /** `<w:rStyle w:val="…">` — a character style applied to the run. Its
+     *  rPr (colour, underline, …) is resolved against the style cascade at
+     *  render time, under any direct run formatting. */
+    styleId?: string;
     bold?: boolean;
     italic?: boolean;
     underline?: boolean;

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/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: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}
+.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}