@aceshooting/lyra-ui 5.0.0 → 5.2.0

package/vscode-css-data.json

@@ -8,6 +8,34 @@
         "value": "**`<lr-activity-feed>`** (default: `16rem`) — Cap on how tall the expanded body grows before it scrolls internally (non-virtualized mode); also sizes the internal virtual-list."
       }
     },
+    {
+      "name": "--lr-agent-run-compact-gap",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-agent-run>`** (default: `var(--lr-space-s)`) — Gap between `[part=\"base\"]`'s header and body while `compact`."
+      }
+    },
+    {
+      "name": "--lr-agent-run-compact-padding",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-agent-run>`** (default: `var(--lr-space-s)`) — `[part=\"base\"]` padding while `compact`."
+      }
+    },
+    {
+      "name": "--lr-agent-run-spin",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-agent-run>`** (default: `1s linear`) — Current-step icon spin animation duration and timing."
+      }
+    },
+    {
+      "name": "--lr-agent-trace-handoff-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-agent-trace>`** (default: `var(--lr-color-brand-quiet)`) — Background of the active (`activeSpanId`) handoff quick-jump entry. Shadow Parts forbids an attribute selector after `::part()`, so the active entry could otherwise only be restyled by hijacking the library-wide `--lr-color-brand-quiet` token."
+      }
+    },
     {
       "name": "--lr-animated-image-control-box-size",
       "description": {
@@ -58,749 +86,2968 @@
       }
     },
     {
-      "name": "--lr-attachment-chip-spinner-duration",
+      "name": "--lr-app-rail-icon-width",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-attachment-chip>`** (default: `0.8s`) — Duration of one indeterminate upload-spinner rotation. The ambient loop stops under reduced motion."
+        "value": "**`<lr-app-rail>`** (default: `var(--lr-size-4rem)`) — The inline rail's width in `'icon-only'` mode, and the maximum width of each slotted `<lr-app-rail-item>` in that mode."
       }
     },
     {
-      "name": "--lr-audio-visualizer-color",
+      "name": "--lr-app-rail-item-current-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-audio-visualizer>`** (default: `var(--lr-color-brand)`) — Active bar/waveform color."
+        "value": "**`<lr-app-rail-item>`** (default: `var(--lr-color-brand-quiet)`) — Background of the `active`/`aria-current=\"page\"` item. Scoped to `[aria-current='page']` only and declared as an inline `var()` fallback (never on `:host`), so setting it on the element or an ancestor recolors only the current item without hijacking the library-wide `--lr-color-brand-quiet` token."
       }
     },
     {
-      "name": "--lr-audio-visualizer-quiet-color",
+      "name": "--lr-app-rail-item-current-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-audio-visualizer>`** (default: `var(--lr-color-brand-quiet)`) — Inactive/idle color."
+        "value": "**`<lr-app-rail-item>`** (default: `var(--lr-color-brand)`) — Text/icon color of the `active`/`aria-current=\"page\"` item."
       }
     },
     {
-      "name": "--lr-av-player-transcript-height",
+      "name": "--lr-app-rail-mobile-width",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-av-player>`** (default: `var(--lr-size-16rem)`) — Block size of the virtualized transcript list."
+        "value": "**`<lr-app-rail>`** (default: `var(--lr-size-18rem)`) — The mobile overlay panel's width, capped at `85vw`."
       }
     },
     {
-      "name": "--lr-avatar-group-avatar-size",
+      "name": "--lr-app-rail-overlay-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-avatar-group>`** (default: `var(--lr-size-2rem)`) — Sizes the overflow badge to match the slotted avatars. Does not resize the avatars themselves (see class doc) — set a matching `size` on each `<lr-avatar>` child directly for that."
+        "value": "**`<lr-app-rail>`** (default: `var(--lr-color-overlay)`) — The mobile overlay scrim's background."
       }
     },
     {
-      "name": "--lr-avatar-group-badge-bg",
+      "name": "--lr-app-rail-width",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-avatar-group>`** (default: `var(--lr-color-border)`) — Overflow badge background. Tone-driven; see `tone`."
+        "value": "**`<lr-app-rail>`** (default: `var(--lr-size-15rem)`) — The inline rail's width in `'full'` mode. Overridden by an inline width while a `resizable` rail has an explicit `railWidthPx`."
       }
     },
     {
-      "name": "--lr-avatar-group-badge-color",
+      "name": "--lr-artifact-panel-view-active-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-avatar-group>`** (default: `var(--lr-color-text)`) — Overflow badge text color. Tone-driven; see `tone`."
+        "value": "**`<lr-artifact-panel>`** (default: `var(--lr-color-brand-quiet)`) — Background of the pressed (active) preview/code toggle button."
       }
     },
     {
-      "name": "--lr-avatar-group-overlap",
+      "name": "--lr-artifact-panel-view-active-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-avatar-group>`** (default: `var(--lr-size-neg-6px)`) — Horizontal overlap between consecutive avatars (a logical `margin-inline-start`, so it auto-mirrors under `dir=\"rtl\"`). Setting this to `0` or a positive length is a supported escape hatch that turns the stack into normal, non-overlapping spacing."
+        "value": "**`<lr-artifact-panel>`** (default: `var(--lr-color-brand)`) — Text color of the pressed (active) preview/code toggle button. Restyling the pressed state otherwise requires overriding the library-wide brand tokens, since `::part(view-button)[aria-pressed]` is invalid CSS."
       }
     },
     {
-      "name": "--lr-avatar-group-ring-color",
+      "name": "--lr-attachment-chip-accent",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-avatar-group>`** (default: `var(--lr-color-surface)`) — The cutout-style ring drawn around every avatar and the overflow badge."
+        "value": "**`<lr-attachment-chip>`** (default: `var(--lr-color-text-quiet)`) — Accent color used for the status text, spinner, and progress fill. Auto-swapped per `status` (`uploading`/`error`/`done`); the default is the neutral `pending` tone."
       }
     },
     {
-      "name": "--lr-avatar-group-ring-width",
+      "name": "--lr-attachment-chip-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-avatar-group>`** (default: `var(--lr-border-width-medium)`) — Ring thickness."
+        "value": "**`<lr-attachment-chip>`** (default: `var(--lr-color-surface)`) — Chip background, auto-swapped per `status` to that status's `-quiet` tint."
       }
     },
     {
-      "name": "--lr-browser-frame-aspect-ratio",
+      "name": "--lr-attachment-chip-border",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-browser-frame>`** (default: `16 / 9`) — The viewport's aspect ratio."
+        "value": "**`<lr-attachment-chip>`** (default: `var(--lr-color-border)`) — Chip border color. Every non-`pending` `status` sets it to `transparent`."
       }
     },
     {
-      "name": "--lr-button-active-scale",
+      "name": "--lr-attachment-chip-compact-font-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-button>`** (default: `0.9875`) — `transform: scale()` factor applied while a non-disabled button is pressed."
+        "value": "**`<lr-attachment-chip>`** (default: `var(--lr-font-size-xs)`) — Font size of `[part=\"base\"]` while `compact`."
       }
     },
     {
-      "name": "--lr-button-group-gap",
+      "name": "--lr-attachment-chip-compact-gap",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-button-group>`** — Gap between grouped controls."
+        "value": "**`<lr-attachment-chip>`** (default: `var(--lr-size-0-25rem)`) — Gap between the chip's parts while `compact`."
       }
     },
     {
-      "name": "--lr-button-hover-brightness",
+      "name": "--lr-attachment-chip-compact-thumbnail-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-button>`** (default: `1.08`) — `filter: brightness()` multiplier applied while hovering a non-disabled button."
+        "value": "**`<lr-attachment-chip>`** (default: `var(--lr-size-1-75rem)`) — Thumbnail and retry/preview/remove-button minimum size while `compact`, rethemeable independently of `--lr-icon-button-size`."
       }
     },
     {
-      "name": "--lr-button-spinner-duration",
+      "name": "--lr-attachment-chip-spinner-duration",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-button>`** (default: `1s`) — Rotation period of the `loading` spinner."
+        "value": "**`<lr-attachment-chip>`** (default: `0.8s`) — Duration of one indeterminate upload-spinner rotation. The ambient loop stops under reduced motion."
       }
     },
     {
-      "name": "--lr-button-width",
+      "name": "--lr-audio-visualizer-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-button>`** (default: `100%`) — Inline size of the internal button. The host defaults it to `100%` so the native button follows the host's own width; override to `auto` (or any other value) for a compact inline composition."
+        "value": "**`<lr-audio-visualizer>`** (default: `var(--lr-color-brand)`) — Active bar/waveform color."
       }
     },
     {
-      "name": "--lr-chat-message-max-width",
+      "name": "--lr-audio-visualizer-height",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-chat-message>`** (default: `80%`) — Maximum inline size of the message bubble."
+        "value": "**`<lr-audio-visualizer>`** (default: `var(--lr-size-3rem)`) — The host's block size, which the canvas fills at 100%."
       }
     },
     {
-      "name": "--lr-checkpoint-spin-duration",
+      "name": "--lr-audio-visualizer-quiet-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-checkpoint>`** (default: `1s`) — Duration of one restoring-spinner rotation (stopped under reduced motion)."
+        "value": "**`<lr-audio-visualizer>`** (default: `var(--lr-color-brand-quiet)`) — Inactive/idle color."
       }
     },
     {
-      "name": "--lr-chip-pressed-bg",
+      "name": "--lr-av-player-cue-active-match-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-chip>`** (default: `var(--lr-chip-bg)`) — Background while a toggleable chip is selected, independently themeable from its resting background."
+        "value": "**`<lr-av-player>`** (default: `var(--lr-color-warning)`) — Outline color of the `[part=\"cue\"]` holding the current search match, leaving the other matches' dashed outline on the shared warning token."
       }
     },
     {
-      "name": "--lr-combobox-expand-size",
+      "name": "--lr-av-player-cue-current-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-combobox>`** — Decorative expand-icon box size, scaled by `size`."
+        "value": "**`<lr-av-player>`** (default: `var(--lr-color-brand-quiet)`) — Background of the `[part=\"cue\"]` the playhead is currently inside."
       }
     },
     {
-      "name": "--lr-combobox-font-size",
+      "name": "--lr-av-player-marker-active-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-combobox>`** — Input text size."
+        "value": "**`<lr-av-player>`** (default: `var(--lr-color-brand)`) — Outline color of the `[part=\"timeline-marker\"]` matching `activeHighlightId`."
       }
     },
     {
-      "name": "--lr-combobox-tag-font-size",
+      "name": "--lr-av-player-marker-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-combobox>`** — Selected-tag text size."
+        "value": "**`<lr-av-player>`** (default: `color-mix(in srgb, var(--lr-color-brand) 35%, transparent)`) — Background of a `[part=\"timeline-marker\"]` with no (or an unrecognized) `data-tone`."
       }
     },
     {
-      "name": "--lr-combobox-tag-padding",
+      "name": "--lr-av-player-marker-danger-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-combobox>`** — Selected-tag padding."
+        "value": "**`<lr-av-player>`** (default: `color-mix(in srgb, var(--lr-color-danger) 35%, transparent)`) — Background of a `[part=\"timeline-marker\"][data-tone=\"danger\"]`."
       }
     },
     {
-      "name": "--lr-combobox-trigger-min-height",
+      "name": "--lr-av-player-marker-neutral-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-combobox>`** — Minimum input-container block size."
+        "value": "**`<lr-av-player>`** (default: `color-mix(in srgb, var(--lr-color-text) 25%, transparent)`) — Background of a `[part=\"timeline-marker\"][data-tone=\"neutral\"]`."
       }
     },
     {
-      "name": "--lr-combobox-trigger-padding",
+      "name": "--lr-av-player-marker-success-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-combobox>`** — Padding inside the input container."
+        "value": "**`<lr-av-player>`** (default: `color-mix(in srgb, var(--lr-color-success) 35%, transparent)`) — Background of a `[part=\"timeline-marker\"][data-tone=\"success\"]`."
       }
     },
     {
-      "name": "--lr-contact-viewer-max-height",
+      "name": "--lr-av-player-marker-warning-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-contact-viewer>`** (default: `none`) — Maximum block size of the scrollable body before it scrolls internally. Also settable via the `max-height` property."
+        "value": "**`<lr-av-player>`** (default: `color-mix(in srgb, var(--lr-color-warning) 35%, transparent)`) — Background of a `[part=\"timeline-marker\"][data-tone=\"warning\"]`."
       }
     },
     {
-      "name": "--lr-control-group-gap",
+      "name": "--lr-av-player-transcript-height",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-control-group>`** — Gap between grouped controls."
+        "value": "**`<lr-av-player>`** (default: `var(--lr-size-16rem)`) — Block size of the virtualized transcript list."
       }
     },
     {
-      "name": "--lr-document-compare-pane-max-height",
+      "name": "--lr-avatar-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-document-compare>`** (default: `24rem`) — Maximum block size of a side-by-side pane before it scrolls internally."
+        "value": "**`<lr-avatar>`** (default: `var(--lr-color-border)`) — Container background. Each non-neutral `tone` sets it to that tone's `-quiet` tint."
       }
     },
     {
-      "name": "--lr-document-preview-font",
+      "name": "--lr-avatar-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-document-preview>`** (default: `var(--lr-font-mono)`) — Font used for plain-text previews."
+        "value": "**`<lr-avatar>`** (default: `var(--lr-color-text)`) — Initials/glyph color. Each non-neutral `tone` sets it to that tone's loud color."
       }
     },
     {
-      "name": "--lr-document-preview-max-height",
+      "name": "--lr-avatar-font-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-document-preview>`** (default: `none`) — Maximum body block size before the preview scrolls internally."
+        "value": "**`<lr-avatar>`** (default: `var(--lr-font-size-sm)`) — Font size of the initials fallback (and of any `em`-sized slotted glyph). `size` swaps it to `var(--lr-font-size-xs)` (`sm`) or `var(--lr-font-size-md)` (`lg`), so the initials track the circle instead of staying at one fixed size across every tier."
       }
     },
     {
-      "name": "--lr-document-preview-spin-duration",
+      "name": "--lr-avatar-group-avatar-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-document-preview>`** (default: `0.8s`) — Duration of one indeterminate loading-indicator rotation."
+        "value": "**`<lr-avatar-group>`** (default: `var(--lr-size-2rem)`) — Sizes the overflow badge to match the slotted avatars. Does not resize the avatars themselves (see class doc) — set a matching `size` on each `<lr-avatar>` child directly for that."
       }
     },
     {
-      "name": "--lr-document-viewer-max-height",
+      "name": "--lr-avatar-group-badge-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-document-viewer>`** (default: `70vh`) — Maximum block size of the dialog body before it scrolls internally."
+        "value": "**`<lr-avatar-group>`** (default: `var(--lr-color-border)`) — Overflow badge background. Tone-driven; see `tone`."
       }
     },
     {
-      "name": "--lr-docx-viewer-max-height",
+      "name": "--lr-avatar-group-badge-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-docx-viewer>`** (default: `none`) — Maximum block size of the scrollable document body before it scrolls internally. Also settable via the `max-height` property."
+        "value": "**`<lr-avatar-group>`** (default: `var(--lr-color-text)`) — Overflow badge text color. Tone-driven; see `tone`."
       }
     },
     {
-      "name": "--lr-drawer-height",
+      "name": "--lr-avatar-group-badge-font-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-drawer>`** — Block size for top/bottom drawers."
+        "value": "**`<lr-avatar-group>`** (default: `var(--lr-font-size-sm)`) — Font size of the \"+N\" badge label. `size` swaps it to `var(--lr-font-size-xs)` (`sm`) or `var(--lr-font-size-md)` (`lg`), matching `<lr-avatar>`'s own `--lr-avatar-font-size` scale so the badge and the avatars it caps read at the same optical weight."
       }
     },
     {
-      "name": "--lr-drawer-width",
+      "name": "--lr-avatar-group-overlap",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-drawer>`** — Inline size for start/end drawers."
+        "value": "**`<lr-avatar-group>`** (default: `var(--lr-size-neg-6px)`) — Horizontal overlap between consecutive avatars (a logical `margin-inline-start`, so it auto-mirrors under `dir=\"rtl\"`). Setting this to `0` or a positive length is a supported escape hatch that turns the stack into normal, non-overlapping spacing."
       }
     },
     {
-      "name": "--lr-empty-compact-align",
+      "name": "--lr-avatar-group-ring-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-empty>`** — Cross-axis and text alignment used in compact mode; set to `center` for dense but centered empty states."
+        "value": "**`<lr-avatar-group>`** (default: `var(--lr-color-surface)`) — The cutout-style ring drawn around every avatar and the overflow badge."
       }
     },
     {
-      "name": "--lr-empty-compact-padding",
+      "name": "--lr-avatar-group-ring-width",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-empty>`** (default: `var(--lr-space-xs)`) — Padding used in compact mode; accepts any padding shorthand (e.g. `8px 2px`)."
+        "value": "**`<lr-avatar-group>`** (default: `var(--lr-border-width-medium)`) — Ring thickness."
       }
     },
     {
-      "name": "--lr-entity-chip-bg",
+      "name": "--lr-avatar-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-entity-chip>`** (default: `var(--lr-color-brand-quiet)`) — Background color."
+        "value": "**`<lr-avatar>`** (default: `var(--lr-size-2rem)`) — Inline and block size of the container. `size` swaps it to `var(--lr-size-1-5rem)` (`sm`) or `var(--lr-size-2-5rem)` (`lg`)."
       }
     },
     {
-      "name": "--lr-entity-chip-color",
+      "name": "--lr-badge-background",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-entity-chip>`** (default: `var(--lr-color-brand)`) — Text/accent color. Reflected `type` lets a host theme per type from CSS, e.g. `lr-entity-chip[type='person'] { --lr-entity-chip-color: ... }`."
+        "value": "**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-color-surface)`) — The badge's background. Each non-neutral `variant` sets it to that variant's `-quiet` tint."
       }
     },
     {
-      "name": "--lr-file-icon-size",
+      "name": "--lr-badge-border",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-file-icon>`** (default: `var(--lr-size-2rem)`) — Inline/block size of the format badge."
+        "value": "**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-color-border)`) — The badge's border color. Each non-neutral `variant` sets it to that variant's loud color."
       }
     },
     {
-      "name": "--lr-flag-aspect-ratio",
+      "name": "--lr-badge-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-flag>`** (default: `4 / 3`) — Rectangular flag aspect ratio."
+        "value": "**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-color-text)`) — The badge's text color. Each non-neutral `variant` sets it to that variant's loud color."
       }
     },
     {
-      "name": "--lr-flag-object-fit",
+      "name": "--lr-badge-font-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-flag>`** (default: `cover`) — How the image fits its flag frame."
+        "value": "**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-font-size-sm)`) — The badge's label font size. Each `size` sets it to that step's font size."
       }
     },
     {
-      "name": "--lr-flag-radius",
+      "name": "--lr-badge-min-height",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-flag>`** — Rectangular flag corner radius."
+        "value": "**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-size-1-25rem)`) — The badge's minimum block size. Each `size` sets it to that step's minimum block size."
       }
     },
     {
-      "name": "--lr-flow-canvas-grid-size",
+      "name": "--lr-badge-padding-inline",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-flow-canvas>`** (default: `8px`) — Dotted background spacing."
+        "value": "**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-space-s)`) — The badge's inline padding. Each `size` sets it to that step's inline padding."
       }
     },
     {
-      "name": "--lr-flow-canvas-march-duration",
+      "name": "--lr-breadcrumb-current-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-flow-canvas>`** (default: `var(--lr-transition-ambient)`) — Running-edge march animation duration."
+        "value": "**`<lr-breadcrumb-item>`** (default: `var(--lr-color-text-quiet)`) — Text color of the current-page item (`current`/`aria-current=\"page\"`). Declared as an inline `var()` fallback (never on `:host`), so setting it on the element or an ancestor recolors only the current item without hijacking the library-wide `--lr-color-text-quiet` token."
       }
     },
     {
-      "name": "--lr-flow-minimap-block-size",
+      "name": "--lr-browser-frame-aspect-ratio",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-flow-minimap>`** (default: `8rem`) — Map block size."
+        "value": "**`<lr-browser-frame>`** (default: `16 / 9`) — The viewport's aspect ratio."
       }
     },
     {
-      "name": "--lr-flow-minimap-inline-size",
+      "name": "--lr-button-accent",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-flow-minimap>`** (default: `12rem`) — Map inline size."
+        "value": "**`<lr-button>`** (default: `var(--lr-color-text)`) — Text/glyph color for the chrome-less appearances (`outlined`, `plain`, `link`). Swapped per `variant` to that variant's semantic color."
       }
     },
     {
-      "name": "--lr-flow-node-min-inline-size",
+      "name": "--lr-button-accent-fill",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-flow-node>`** (default: `11rem`) — Minimum card inline size."
+        "value": "**`<lr-button>`** (default: `var(--lr-color-neutral)`) — Background of `appearance=\"accent\"` (and its border color). Swapped per `variant` to that variant's semantic color."
       }
     },
     {
-      "name": "--lr-gauge-fill",
+      "name": "--lr-button-accent-on-fill",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-gauge>`** (default: `var(--lr-color-brand)`) — Fill stroke for radial, ring, and linear gauges."
+        "value": "**`<lr-button>`** (default: `var(--lr-color-on-neutral)`) — Text color on top of `--lr-button-accent-fill`. Swapped per `variant` to that variant's `on-*` color."
       }
     },
     {
-      "name": "--lr-graph-cat-1..8",
+      "name": "--lr-button-active-scale",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-graph>`** — Ordered categorical fallback palette for a typed node with no `GraphNodeType.color`, assigned by the type's index in `nodeTypes` (wraps every 8 entries). Declared centrally in `tokens.styles.ts` so `<lr-graph>` and any future `<lr-graph-legend>`- style component resolve the identical default."
+        "value": "**`<lr-button>`** (default: `0.9875`) — `transform: scale()` factor applied while a non-disabled button is pressed."
       }
     },
     {
-      "name": "--lr-graph-dimmed-opacity",
+      "name": "--lr-button-border",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-graph>`** (default: `0.35`) — Opacity applied to a node/link when `dimmedNodeIds`/`dimmedLinkIds` includes its id (both SVG and canvas renderers). Visible by default -- a consumer controlling `dimmedNodeIds`/`dimmedLinkIds` (e.g. `lr-knowledge-graph-explorer`) sees the dimming take effect with no extra host styling."
+        "value": "**`<lr-button>`** (default: `var(--lr-color-border)`) — Border color of the internal button. Swapped per `variant` to that variant's semantic color."
       }
     },
     {
-      "name": "--lr-graph-edge-label-halo",
+      "name": "--lr-button-fill",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-graph>`** (default: `var(--lr-color-surface)`) — Legibility halo (`stroke`) behind a drawn edge label, painted under the fill via `paint-order: stroke`."
+        "value": "**`<lr-button>`** (default: `var(--lr-color-surface)`) — Background of `appearance=\"filled\"`. Swapped per `variant` to that variant's semantic color."
       }
     },
     {
-      "name": "--lr-graph-focus-halo-color",
+      "name": "--lr-button-font-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-graph>`** (default: `var(--lr-color-brand)`) — `focus-halo` stroke color."
+        "value": "**`<lr-button>`** (default: `var(--lr-font-size-m)`) — Font size of the internal button, re-assigned per `size` tier (the default is the `m` tier's value). `appearance=\"link\"` ignores it and inherits the ambient font instead."
       }
     },
     {
-      "name": "--lr-graph-hull-fill",
+      "name": "--lr-button-group-gap",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-graph>`** (default: `var(--lr-color-brand)`) — Hull fill/stroke color."
+        "value": "**`<lr-button-group>`** (default: `var(--lr-space-2xs)`) — Gap between grouped controls."
       }
     },
     {
-      "name": "--lr-graph-hull-opacity",
+      "name": "--lr-button-height",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-graph>`** (default: `0.12`) — Hull element opacity (composites fill+stroke as one group, avoiding a double-opacity seam at the fill/stroke boundary)."
+        "value": "**`<lr-button>`** — Exact height of the internal button. **Undeclared by default** — so the button keeps the active tier's `min-block-size` floor and an `auto` height, exactly as before. Set it (e.g. to pin the button to a fixed toolbar row) to both floor *and* cap the height. Never declare it as `auto`: a declared value wins over the `var()` fallback arm and would make every tier's floor dead code. `appearance=\"link\"` ignores it."
       }
     },
     {
-      "name": "--lr-graph-selected-color",
+      "name": "--lr-button-hover-brightness",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-graph>`** (default: `var(--lr-color-success)`) — Selected node/link stroke."
+        "value": "**`<lr-button>`** (default: `1.08`) — `filter: brightness()` multiplier applied while hovering a non-disabled button."
       }
     },
     {
-      "name": "--lr-heatmap-annotation-color",
+      "name": "--lr-button-min-height",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-heatmap>`** (default: `var(--lr-color-danger)`) — Border color for an annotated cell."
+        "value": "**`<lr-button>`** (default: `var(--lr-button-size-m)`) — The active tier's `min-block-size` floor. Re-assigned per `size` tier to that tier's own `--lr-button-size-*` token, and used as the fallback when `--lr-button-height` is unset."
       }
     },
     {
-      "name": "--lr-heatmap-focus-ring-color",
+      "name": "--lr-button-on-fill",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-heatmap>`** (default: `var(--lr-focus-ring-color)`) — Focus ring around a focused cell."
+        "value": "**`<lr-button>`** (default: `var(--lr-color-text)`) — Text color on top of `--lr-button-fill`. Swapped per `variant` to that variant's `on-*` color."
       }
     },
     {
-      "name": "--lr-heatmap-label-font",
+      "name": "--lr-button-outlined-border",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-heatmap>`** — Font for axis/legend labels drawn on the canvas."
+        "value": "**`<lr-button>`** (default: `var(--lr-color-border-strong)`) — Border color of `appearance=\"outlined\"`, which overrides `--lr-button-border`."
       }
     },
     {
-      "name": "--lr-heatmap-no-data-fill",
+      "name": "--lr-button-outlined-fill",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-heatmap>`** (default: `var(--lr-color-no-data)`) — Fill for cells with no value."
+        "value": "**`<lr-button>`** (default: `transparent`) — Background of `appearance=\"outlined\"`. Transparent by default; set it to tint the button (e.g. a faint surface wash behind the outline) without a `::part(base)` rule. Like `--lr-button-quiet-*`, it is deliberately *not* swapped per `variant`. Note that the `:hover` `filter: brightness()` applies to whatever fill is set, so a tinted outlined button now visibly brightens on hover where a transparent one did not."
       }
     },
     {
-      "name": "--lr-heatmap-scale-hi",
+      "name": "--lr-button-padding-block",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-heatmap>`** (default: `var(--lr-color-brand)`) — High endpoint of the sequential color ramp."
+        "value": "**`<lr-button>`** (default: `var(--lr-space-xs)`) — Block padding of the internal button, re-assigned per `size` tier (the default is the `m` tier's value). Override it to retune a tier without a `::part(base)` rule; `appearance=\"link\"` ignores it (it renders with zero padding)."
       }
     },
     {
-      "name": "--lr-heatmap-scale-lo",
+      "name": "--lr-button-padding-inline",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-heatmap>`** (default: `var(--lr-color-brand-quiet)`) — Low endpoint of the sequential color ramp."
+        "value": "**`<lr-button>`** (default: `var(--lr-space-m)`) — Inline padding of the internal button, re-assigned per `size` tier (the default is the `m` tier's value). `appearance=\"link\"` ignores it."
       }
     },
     {
-      "name": "--lr-heatmap-selected-color",
+      "name": "--lr-button-quiet-border",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-heatmap>`** (default: `var(--lr-color-success)`) — Border color for the selected cell."
+        "value": "**`<lr-button>`** (default: `var(--lr-color-border)`) — Border color of `appearance=\"quiet\"`."
       }
     },
     {
-      "name": "--lr-heatmap-tooltip-bg",
+      "name": "--lr-button-quiet-text",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-heatmap>`** (default: `var(--lr-color-surface)`) — Hover tooltip background."
+        "value": "**`<lr-button>`** (default: `var(--lr-color-text-quiet)`) — Text color of `appearance=\"quiet\"`."
       }
     },
     {
-      "name": "--lr-heatmap-tooltip-text",
+      "name": "--lr-button-size-2xs",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-heatmap>`** (default: `var(--lr-color-text)`) — Hover tooltip text color."
+        "value": "**`<lr-button>`** (default: `var(--lr-size-1-25rem)`) — `min-block-size` at `size=\"2xs\"`."
       }
     },
     {
-      "name": "--lr-ingestion-queue-max-height",
+      "name": "--lr-button-size-l",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-ingestion-queue>`** (default: `none`) — Non-virtualized mode only: caps how tall the list grows before it scrolls internally. Has no effect once virtualized -- the internal `<lr-virtual-list>`'s own viewport keeps its independent, fixed default height (retheme it directly via `<lr-ingestion-queue>`'s own `lr-virtual-list { --lr-virtual-list-height: ... }` if needed)."
+        "value": "**`<lr-button>`** (default: `var(--lr-size-3rem)`) — `min-block-size` at `size=\"l\"`. Matches `lr-input`/`lr-select`/`lr-combobox`'s own `size=\"l\"` control height."
       }
     },
     {
-      "name": "--lr-input-control-min-height",
+      "name": "--lr-button-size-m",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-input>`, `<lr-number-input>`, `<lr-time-input>`** — Outer control height floor, scaled by `size`."
+        "value": "**`<lr-button>`** (default: `var(--lr-size-2-5rem)`) — `min-block-size` at `size=\"m\"`. Matches `lr-input`/`lr-select`/`lr-combobox`'s own default control height, so a default-size button sitting next to a default-size input/select/combobox in the same row lines up."
       }
     },
     {
-      "name": "--lr-lightbox-control-bg",
+      "name": "--lr-button-size-s",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-lightbox>`** — Background for every floating/toolbar icon button."
+        "value": "**`<lr-button>`** (default: `var(--lr-size-1-875rem)`) — `min-block-size` at `size=\"s\"`. Matches `lr-input`/`lr-select`/`lr-combobox`'s own `size=\"s\"` control height."
       }
     },
     {
-      "name": "--lr-lightbox-control-color",
+      "name": "--lr-button-size-xl",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-lightbox>`** — Icon/text color paired with `--lr-lightbox-control-bg`."
+        "value": "**`<lr-button>`** (default: `var(--lr-size-3-5rem)`) — `min-block-size` at `size=\"xl\"`. Matches `lr-input`/`lr-select`/`lr-combobox`'s own `size=\"xl\"` control height."
       }
     },
     {
-      "name": "--lr-lightbox-overlay-color",
+      "name": "--lr-button-size-xs",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-lightbox>`** — The backdrop scrim color."
+        "value": "**`<lr-button>`** (default: `var(--lr-size-1-5rem)`) — `min-block-size` at `size=\"xs\"`."
       }
     },
     {
-      "name": "--lr-link-color",
+      "name": "--lr-button-spinner-duration",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-graph>`** (default: `var(--lr-color-border)`) — Default link stroke, overridden per-link by a link's own `color`."
+        "value": "**`<lr-button>`** (default: `1s`) — Rotation period of the `loading` spinner."
       }
     },
     {
-      "name": "--lr-lite-chart-selected-outline-color",
+      "name": "--lr-button-width",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-lite-chart>`** (default: `var(--lr-color-brand)`) — Stroke for a bar/point whose category index is in `selectedIndex`."
+        "value": "**`<lr-button>`** (default: `100%`) — Inline size of the internal button. The host defaults it to `100%` so the native button follows the host's own width; override to `auto` (or any other value) for a compact inline composition."
       }
     },
     {
-      "name": "--lr-mind-map-ring-gap",
+      "name": "--lr-calendar-day-min-block-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-mind-map>`** (default: `6rem`) — Radius step per depth ring."
+        "value": "**`<lr-calendar>`** (default: `var(--lr-size-6rem)`) — Minimum block size of a day cell."
       }
     },
     {
-      "name": "--lr-node-fill",
+      "name": "--lr-calendar-day-min-block-size-narrow",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-graph>`** (default: `var(--lr-color-brand)`) — Default node fill, overridden per-node by `GraphNode.color`."
+        "value": "**`<lr-calendar>`** (default: `var(--lr-size-4rem)`) — Minimum block size of a day cell once the host is narrower than 28rem."
       }
     },
     {
-      "name": "--lr-notebook-viewer-max-height",
+      "name": "--lr-calendar-day-selected-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-notebook-viewer>`** (default: `none`) — Maximum block size of the scrollable body before it scrolls internally. Also settable via the `max-height` property."
+        "value": "**`<lr-calendar>`** (default: `var(--lr-color-brand-quiet)`) — Background of a selected day cell, decoupled from the shared token also driving the nav-button/agenda-event hover background."
       }
     },
     {
-      "name": "--lr-overlay-max-inline-size",
+      "name": "--lr-calendar-viewer-max-height",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-dropdown>`, `<lr-popover>`** — Maximum inline size of the popup (default `--lr-size-20rem`)."
+        "value": "**`<lr-calendar-viewer>`** (default: `none`) — Maximum block size of `[part=\"body\"]` before it scrolls internally. The `maxHeight` property sets this token inline on `[part=\"base\"]`."
       }
     },
     {
-      "name": "--lr-page-rail-height",
+      "name": "--lr-callout-background",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-page-rail>`** (default: `var(--lr-size-24rem)`) — Block size of the virtualized rail."
+        "value": "**`<lr-callout>`** (default: `var(--lr-color-surface)`) — The callout surface's background. Each non-neutral `variant` sets it to that variant's `-quiet` tint."
       }
     },
     {
-      "name": "--lr-pagination-control-size",
+      "name": "--lr-callout-border",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-pagination>`** — Control inline/block size; defaults from the `size` variant."
+        "value": "**`<lr-callout>`** (default: `var(--lr-color-border)`) — The callout surface's border color. Each non-neutral `variant` sets it to that variant's loud color."
       }
     },
     {
-      "name": "--lr-pagination-font-size",
+      "name": "--lr-callout-close-hover-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-pagination>`** — Control font size; defaults from the `size` variant."
+        "value": "**`<lr-callout>`** (default: `var(--lr-color-brand-quiet)`) — The close button's hover background, decoupled from `--lr-callout-background` so a consumer can retint one without affecting the other (e.g. keeping the hover fill visibly distinct from a `variant=\"brand\"` panel, which shares the same default token)."
       }
     },
     {
-      "name": "--lr-pdf-viewer-height",
+      "name": "--lr-callout-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-pdf-viewer>`** (default: `var(--lr-size-24rem)`) — Block size of the virtualized page list."
+        "value": "**`<lr-callout>`** (default: `var(--lr-color-text)`) — The callout's text color. Each non-neutral `variant` sets it to that variant's loud color."
       }
     },
     {
-      "name": "--lr-qr-code-background",
+      "name": "--lr-carousel-indicator-current-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-qr-code>`** (default: `var(--lr-color-surface)`) — Light/background module color, including the quiet zone."
+        "value": "**`<lr-carousel>`** (default: `var(--lr-color-brand-quiet)`) — Background of the current slide's indicator dot (`[aria-current=\"true\"]`). Declared as an inline `var()` fallback (never on `:host`), so setting it on the element or an ancestor recolors only the current indicator without hijacking the library-wide `--lr-color-brand-quiet` token."
       }
     },
     {
-      "name": "--lr-qr-code-fill",
+      "name": "--lr-carousel-indicator-current-border-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-qr-code>`** (default: `var(--lr-color-text)`) — Dark/foreground module color."
+        "value": "**`<lr-carousel>`** (default: `var(--lr-color-brand)`) — Border color of the current slide's indicator dot."
       }
     },
     {
-      "name": "--lr-random-content-animation-duration",
+      "name": "--lr-chart-grid-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-random-content>`** (default: `300ms`) — Duration of the entrance animation."
+        "value": "**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-border)`) — Grid-line color. Resolved via `getComputedStyle` on every draw (Chart.js paints to canvas and cannot consume `var()`)."
       }
     },
     {
-      "name": "--lr-random-content-animation-easing",
+      "name": "--lr-chart-height",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-random-content>`** (default: `ease`) — Easing function for the entrance animation."
+        "value": "**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-size-280px)`) — The host's `block-size`. Set on the host element from the `height` property on every change (custom properties only cascade downward, so it cannot be set from inside the shadow root); a host-level override is overwritten the next time `height` changes."
       }
     },
     {
-      "name": "--lr-random-content-animation-translate",
+      "name": "--lr-chart-legend-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-random-content>`** (default: `var(--lr-size-0-5em)`) — Translation distance for directional animations."
+        "value": "**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-text)`) — Legend label color. Resolved via `getComputedStyle` on every draw."
       }
     },
     {
-      "name": "--lr-rating-empty-color",
+      "name": "--lr-chart-tick-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-rating>`** (default: `var(--lr-color-border)`) — Unfilled-star color."
+        "value": "**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-text-quiet)`) — Axis tick-label color; also used for the `xLabel`/`yLabel`/`y2Label` axis-title text (there is no separate title-color token). Resolved via `getComputedStyle` on every draw."
       }
     },
     {
-      "name": "--lr-rating-fill",
+      "name": "--lr-chart-tooltip-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-rating>`** (default: `var(--lr-color-warning)`) — Filled-star color."
+        "value": "**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-surface)`) — Tooltip background color. Resolved via `getComputedStyle` on every draw."
       }
     },
     {
-      "name": "--lr-rating-size",
+      "name": "--lr-chart-tooltip-text",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-rating>`** (default: `var(--lr-font-size-xl)`) — Star size."
+        "value": "**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-text)`) — Tooltip text color. Resolved via `getComputedStyle` on every draw."
       }
     },
     {
-      "name": "--lr-scroll-fade-size",
+      "name": "--lr-chat-composer-busy-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-segmented>`, `<lr-tabs>`** (default: `2rem`) — Width of the static fade at each horizontal scroll edge."
+        "value": "**`<lr-chat-composer>`** (default: `var(--lr-color-text-quiet)`) — `action-button` background while `status` is `\"sending\"` or `\"streaming\"`. Scoped separately from the shared `--lr-color-text-quiet` token, which the `textarea` part's placeholder also reads -- overriding this recolors only the busy button, not the placeholder text too."
       }
     },
     {
-      "name": "--lr-scroller-control-size",
+      "name": "--lr-chat-message-bubble-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-scroller>`** — Control size."
+        "value": "**`<lr-chat-message>`** (default: `var(--lr-color-surface)`) — Bubble fill for every role except `user`."
       }
     },
     {
-      "name": "--lr-scroller-min-block-size",
+      "name": "--lr-chat-message-bubble-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-scroller>`** — Minimum vertical scroller size."
+        "value": "**`<lr-chat-message>`** (default: `var(--lr-color-text)`) — Bubble text color for every role except `user`."
       }
     },
     {
-      "name": "--lr-select-expand-size",
+      "name": "--lr-chat-message-bubble-padding",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-select>`** — Decorative expand-icon box size, scaled by `size`."
+        "value": "**`<lr-chat-message>`** (default: `var(--lr-space-m)`) — Bubble padding. Prefer this over a `::part(bubble)` padding override: an outer-tree `::part` declaration outranks every rule in this shadow tree, which silently suppresses the per-`status` and per-role bubble styling below it."
       }
     },
     {
-      "name": "--lr-span-waterfall-name-width",
+      "name": "--lr-chat-message-bubble-radius",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-span-waterfall>`** (default: `8rem`) — Width of the name gutter column."
+        "value": "**`<lr-chat-message>`** (default: `var(--lr-radius)`) — Bubble corner radius. Bubble-only by design — `collapse-button` and `retry-button` keep reading the shared `--lr-radius`, so a rounder bubble never desyncs the controls from the rest of the library."
       }
     },
     {
-      "name": "--lr-span-waterfall-stripe-speed",
+      "name": "--lr-chat-message-max-width",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-span-waterfall>`** — Animation duration for a `running` span's striped bar; defaults to `--lr-transition-ambient`."
+        "value": "**`<lr-chat-message>`** (default: `80%`) — Maximum inline size of the message bubble."
       }
     },
     {
-      "name": "--lr-sparkline-area-opacity",
+      "name": "--lr-chat-message-user-bubble-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-sparkline>`** (default: `0.15`) — Fill opacity of the area under the line (type=\"area\")."
+        "value": "**`<lr-chat-message>`** (default: `var(--lr-color-brand-quiet)`) — Bubble fill for `data-role=\"user\"`."
       }
     },
     {
-      "name": "--lr-sparkline-stroke-width",
+      "name": "--lr-chat-message-user-bubble-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-sparkline>`** (default: `1.5`) — Stroke width of the line/area path."
+        "value": "**`<lr-chat-message>`** (default: `var(--lr-color-text)`) — Bubble text color for `data-role=\"user\"`."
       }
     },
     {
-      "name": "--lr-svg-viewer-max-height",
+      "name": "--lr-checkbox-checked-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-svg-viewer>`** (default: `none`) — Maximum block size of the scrollable body before it scrolls internally. Also settable via the `max-height` property."
+        "value": "**`<lr-checkbox>`** (default: `var(--lr-color-brand)`) — Background of `[part='box']` while `checked` or `indeterminate`. Retint just this control's checked fill without touching the shared `--lr-color-brand` token every other component also reads."
       }
     },
     {
-      "name": "--lr-swatch-picker-selected-blur",
+      "name": "--lr-checkbox-checked-border",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-swatch-picker>`** (default: `0px`) — Blur radius of that same ring. 0 by default (a crisp ring); set a real length (e.g. 0.4rem) for a soft glow instead."
+        "value": "**`<lr-checkbox>`** (default: `var(--lr-color-brand)`) — Border color of `[part='box']` while `checked` or `indeterminate`."
       }
     },
     {
-      "name": "--lr-swatch-picker-selected-color",
+      "name": "--lr-checkbox-label-indent",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-swatch-picker>`** (default: `var(--lr-color-brand)`) — Ring color drawn around the selected swatch, themeable independently of the focus ring and every other ring color."
+        "value": "**`<lr-checkbox>`** (default: `calc(min(var(--lr-icon-button-size), 1.75rem) + var(--lr-space-s))`) — The inline distance from the control's start edge to the start of the label text, i.e. the box's own floor plus the gap next to it. Published so a consumer composing per-option hint text under the label can align it without re-deriving that formula from the shadow styles, and used as the source of the real gap so the two cannot drift. Setting it on the element (or on `lr-checkbox` in your own stylesheet) moves the label; because custom properties inherit down and not sideways, it is *not* readable from a sibling node in your tree — align a sibling by computing the same formula from `--lr-theme-icon-button-size` and `--lr-theme-space-s`, which you control."
       }
     },
     {
-      "name": "--lr-swatch-picker-shine-duration",
+      "name": "--lr-checkpoint-spin-duration",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-swatch-picker>`** (default: `0s`) — Duration of a rhythmic brighten-and-settle \"shine\" on the selected swatch. `0s` (the default) is a no-op -- today's static look for every existing consumer. Set a real duration (e.g. 1.6s) for a pulsing shine; disabled outright under `prefers-reduced-motion: reduce`. Independent of `--lr-swatch-picker-selected-blur` (a separate `filter: brightness()` animation, not `box-shadow`), so the two compose freely, and works identically for a plain color circle and an icon swatch alike."
+        "value": "**`<lr-checkpoint>`** (default: `1s`) — Duration of one restoring-spinner rotation (stopped under reduced motion)."
       }
     },
     {
-      "name": "--lr-table-resize-handle-opacity",
+      "name": "--lr-chip-accent",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-table>`** (default: `0.12`) — Hover/focus opacity of the resize handle."
+        "value": "**`<lr-chip>`** (default: `var(--lr-color-text)`) — Text/icon color of the pill. Each `tone` sets it to that tone's loud color."
       }
     },
     {
-      "name": "--lr-table-resize-min-width",
+      "name": "--lr-chip-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-table>`** (default: `var(--lr-size-3rem)`) — Default minimum width for a resizable column without an explicit pixel `minWidth`."
+        "value": "**`<lr-chip>`** (default: `var(--lr-color-surface)`) — Background of the pill. Each `tone` sets it to that tone's `-quiet` tint."
       }
     },
     {
-      "name": "--lr-task-list-spin",
+      "name": "--lr-chip-border",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-task-list>`** (default: `1s linear`) — Running-status icon spin animation duration/timing."
+        "value": "**`<lr-chip>`** (default: `var(--lr-color-border)`) — Border color of the pill. Every non-neutral `tone` sets it to `transparent`."
       }
     },
     {
-      "name": "--lr-textarea-max-block-size",
+      "name": "--lr-chip-font-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-textarea>`** (default: `none`) — Maximum auto-grown block size before the textarea scrolls."
+        "value": "**`<lr-chip>`** (default: `var(--lr-font-size-sm)`) — Label font size. Each `size` sets it to that step's font size."
       }
     },
     {
-      "name": "--lr-timeline-gap",
+      "name": "--lr-chip-gap",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-timeline>`** (default: `var(--lr-space-l)`) — Spacing between consecutive items along the timeline's main axis; also the length each item's own rail visually bridges to reach the next item's marker. Declared here but actually consumed inside each `<lr-timeline-item>`'s own stylesheet, via ordinary CSS custom-property inheritance across the slot boundary."
+        "value": "**`<lr-chip>`** (default: `var(--lr-space-xs)`) — Gap between the icon, label, and remove button. Each `size` sets it to that step's gap."
       }
     },
     {
-      "name": "--lr-timeline-marker-color",
+      "name": "--lr-chip-height",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-timeline-item>`** (default: `var(--lr-color-text-quiet)`) — Marker fill/accent color. Swapped per `variant` (see the class doc's variant table); a consumer overriding this directly on one item wins over the variant default via normal CSS cascade/specificity."
+        "value": "**`<lr-chip>`** — Exact block size of the chip. Undeclared by default, so the chip grows to fit its content (floored by `--lr-chip-min-height` when interactive). Set it to pin a fixed height. A value below the 24px interactive target is for non-interactive chips only."
       }
     },
     {
-      "name": "--lr-timeline-marker-size",
+      "name": "--lr-chip-icon-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-chip>`** (default: `var(--lr-font-size-sm)`) — Font size of the `icon` slot wrapper. Each `size` sets it to that step's icon size."
+      }
+    },
+    {
+      "name": "--lr-chip-min-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-chip>`** (default: `var(--lr-size-1-5rem)`) — Minimum block size of an interactive (`removable`/`toggleable`) chip's tap target. `size` keeps `2xs`/`xs`/`s`/`m` at the `1.5rem` (24px) WCAG 2.2 SC 2.5.8 minimum and raises `l` to `var(--lr-size-1-75rem)` and `xl` to `var(--lr-size-2rem)`. Non-interactive display chips are unaffected by this floor."
+      }
+    },
+    {
+      "name": "--lr-chip-padding-block",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-chip>`** (default: `var(--lr-size-0-25rem)`) — Block padding of the pill. Each `size` sets it to that step's block padding."
+      }
+    },
+    {
+      "name": "--lr-chip-padding-inline",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-chip>`** (default: `var(--lr-space-s)`) — Inline padding of the pill. Each `size` sets it to that step's inline padding."
+      }
+    },
+    {
+      "name": "--lr-chip-pressed-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-chip>`** (default: `var(--lr-chip-bg)`) — Background while a toggleable chip is selected, independently themeable from its resting background."
+      }
+    },
+    {
+      "name": "--lr-chip-pressed-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-chip>`** (default: `var(--lr-chip-accent)`) — Border color while a toggleable chip is selected, independently themeable from the label/icon color."
+      }
+    },
+    {
+      "name": "--lr-chunk-inspector-current-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-chunk-inspector>`** (default: `var(--lr-color-brand-quiet)`) — Background of the chunk matching `activeId`. **Contrast-sensitive:** paired with `--lr-chunk-inspector-current-color`, which has to keep a 4.5:1 ratio against it."
+      }
+    },
+    {
+      "name": "--lr-chunk-inspector-current-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-chunk-inspector>`** (default: `var(--lr-color-text)`) — Text color of the current chunk's `[part=\"score\"]` line. **Contrast-sensitive:** the quiet token it replaces only reaches ~4.24:1 against the current background, so override this together with `--lr-chunk-inspector-current-bg`, never alone."
+      }
+    },
+    {
+      "name": "--lr-citation-badge-accent",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-citation-badge>`** (default: `var(--lr-color-text-quiet)`) — Text color of `base`, and its hover border color. Swapped by the reflected `status`: `var(--lr-color-success)` for `high`/`verified`, `var(--lr-color-warning)` for `medium`/`low`, `var(--lr-color-danger)` for `unverified`."
+      }
+    },
+    {
+      "name": "--lr-citation-badge-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-citation-badge>`** (default: `transparent`) — Background of `base`. Swapped by the reflected `status` to the matching `-quiet` tone (`success`/`warning`/`danger`)."
+      }
+    },
+    {
+      "name": "--lr-citation-badge-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-citation-badge>`** (default: `transparent`) — Resting border color of `base`; no `status` changes it, so it stays transparent unless a host overrides it."
+      }
+    },
+    {
+      "name": "--lr-code-block-active-line-outline-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-code-block>`** (default: `var(--lr-color-brand)`) — Outline color of the line marked active by `active-highlight-id`. Retints just that outline, leaving every other `--lr-color-brand` surface in the component (header pill, hover states, focus ring) alone. Inherits, so it can also be set on an ancestor or at the theme level.\n\n**`<lr-code-block-core>`** (default: `var(--lr-color-brand)`) — Outline color of the line marked active by `active-highlight-id`, leaving every other `--lr-color-brand` surface in the component alone."
+      }
+    },
+    {
+      "name": "--lr-code-block-font",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-code-block>`** (default: `var(--lr-font-mono)`) — Monospace family for the rendered `pre` and `code`."
+      }
+    },
+    {
+      "name": "--lr-code-block-max-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-code-block>`** (default: `none`) — Scroll cap applied to `body`. The `max-height` attribute, when set, writes this same property inline on `body` and therefore wins."
+      }
+    },
+    {
+      "name": "--lr-code-block-tab-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-code-block>`** (default: `2`) — Tab width for the rendered code, applied to `pre`. Same default as `--lr-code-editor-tab-size`, so the editable and read-only code surfaces agree; `lr-markdown`/`lr-markdown-core` declare the same token for their own `code-block` part (they are sibling elements, so they cannot inherit this one). Read as a token and never written inline, so a host override survives shiki's own inline `style` on the highlighted `pre`. The default is a `var()` fallback at the point of use rather than a `:host` declaration, so it inherits: set it on the element, a container, or `:root` and it reaches every code surface below. The markdown surface wraps (`white-space: pre-wrap`) while this one does not, so the same value can look different on a wrapped line, where tab stops restart.\n\n**`<lr-code-block-core>`** (default: `2`) — Tab width for the rendered code, applied to `pre`. Shared with `lr-code-block` (this component reuses its stylesheet), `lr-code-editor`, and the markdown viewers' own `code-block` part, so every code surface agrees on a tab's width.\n\n**`<lr-markdown>`, `<lr-markdown-core>`** (default: `2`) — Tab width for a rendered fenced/indented `code-block`. Deliberately the same token (and default) `lr-code-block` and `lr-code-editor` use, so a consumer sets one tab width for every code surface — it is declared here rather than inherited because `lr-code-block` is a sibling element, not an ancestor. A markdown code block wraps (`white-space: pre-wrap`) while `lr-code-block` does not, so the same value can render differently on a wrapped line, where tab stops restart."
+      }
+    },
+    {
+      "name": "--lr-code-editor-line-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-code-editor>`** (default: `1.5`) — Line height shared by the gutter and the textarea, so line numbers stay aligned with their lines."
+      }
+    },
+    {
+      "name": "--lr-code-editor-min-block-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-code-editor>`** (default: `var(--lr-size-8rem)`) — Minimum block size of the editor frame and its textarea."
+      }
+    },
+    {
+      "name": "--lr-code-editor-tab-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-code-editor>`** (default: `2`) — The textarea's `tab-size`. The single channel for tab width — the class writes this token rather than setting `tab-size` directly."
+      }
+    },
+    {
+      "name": "--lr-combobox-expand-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-combobox>`** — Decorative expand-icon box size, scaled by `size`."
+      }
+    },
+    {
+      "name": "--lr-combobox-font-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-combobox>`** — Input text size."
+      }
+    },
+    {
+      "name": "--lr-combobox-option-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-combobox>`** (default: `var(--lr-color-brand-quiet)`) — Background of a hovered or keyboard-active option row."
+      }
+    },
+    {
+      "name": "--lr-combobox-tag-font-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-combobox>`** — Selected-tag text size."
+      }
+    },
+    {
+      "name": "--lr-combobox-tag-padding",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-combobox>`** — Selected-tag padding."
+      }
+    },
+    {
+      "name": "--lr-combobox-trigger-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-combobox>`** — Exact input-container height. Unset by default, which leaves `--lr-combobox-trigger-min-height` as a floor only; set it to a length to both floor and cap the row (e.g. to pixel-match `<lr-input>`/`<lr-select>` in the same toolbar). Because it is never declared by the component itself, it can be set from an ancestor or an outer-tree rule as well as inline on the element. Intended for a single-row combobox: in `multiple` mode a tag row long enough to wrap overflows the pinned box visibly (nothing is clipped or made unreachable), so leave it unset there."
+      }
+    },
+    {
+      "name": "--lr-combobox-trigger-min-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-combobox>`** — Minimum input-container block size, scaled by `size`."
+      }
+    },
+    {
+      "name": "--lr-combobox-trigger-padding",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-combobox>`** — Padding inside the input container."
+      }
+    },
+    {
+      "name": "--lr-command-palette-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-command-palette>`** (default: `var(--lr-color-brand-quiet)`) — Background of the active (keyboard-highlighted, `data-active=\"true\"`) command row. Declared as an inline `var()` fallback (never on `:host`), so setting it on the element or an ancestor recolors only the active row without hijacking the library-wide `--lr-color-brand-quiet` token."
+      }
+    },
+    {
+      "name": "--lr-command-palette-list-max-block-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-command-palette>`** (default: `50vh`) — Maximum height of the scrolling command list."
+      }
+    },
+    {
+      "name": "--lr-command-palette-max-block-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-command-palette>`** (default: `70vh`) — Maximum dialog height."
+      }
+    },
+    {
+      "name": "--lr-command-palette-max-inline-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-command-palette>`** (default: `var(--lr-size-48rem)`) — Maximum dialog width."
+      }
+    },
+    {
+      "name": "--lr-command-palette-offset-block-start",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-command-palette>`** (default: `12vh`) — Gap between the viewport top and the dialog."
+      }
+    },
+    {
+      "name": "--lr-command-palette-z-index",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-command-palette>`** (default: `var(--lr-overlay-stack-index, var(--lr-layer-modal))`) — Stacking index of the backdrop."
+      }
+    },
+    {
+      "name": "--lr-commit-card-compact-padding",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-commit-card>`** (default: `var(--lr-space-s)`) — `[part=\"base\"]` padding while `compact`."
+      }
+    },
+    {
+      "name": "--lr-compare-panel-max-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-compare-panel>`** (default: `var(--lr-size-24rem)`) — Cap on how tall each pane's scroll region grows before it scrolls internally."
+      }
+    },
+    {
+      "name": "--lr-confirm-bar-compact-background",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-confirm-bar>`** (default: `transparent`) — Background of `[part='base']` while `compact`."
+      }
+    },
+    {
+      "name": "--lr-confirm-bar-compact-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-confirm-bar>`** (default: `none`) — Border of `[part='base']` while `compact`. Accepts any `border` shorthand."
+      }
+    },
+    {
+      "name": "--lr-confirm-bar-compact-gap",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-confirm-bar>`** (default: `var(--lr-space-s)`) — Gap between the row's items while `compact`."
+      }
+    },
+    {
+      "name": "--lr-confirm-bar-compact-padding",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-confirm-bar>`** (default: `0`) — Padding of `[part='base']` while `compact`. Accepts any padding shorthand."
+      }
+    },
+    {
+      "name": "--lr-confirm-bar-compact-radius",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-confirm-bar>`** (default: `0`) — Border radius of `[part='base']` while `compact` (only visible once `--lr-confirm-bar-compact-border`/`-background` are set)."
+      }
+    },
+    {
+      "name": "--lr-contact-viewer-max-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-contact-viewer>`** (default: `none`) — Maximum block size of the scrollable body before it scrolls internally. Also settable via the `max-height` property."
+      }
+    },
+    {
+      "name": "--lr-context-meter-segment-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-context-meter>`** — Per-segment color. Set inline on `[part=\"segment\"]` by the component itself whenever that segment supplies a `color`; unset (and the token unread) otherwise, leaving the `data-tone` palette in charge."
+      }
+    },
+    {
+      "name": "--lr-control-group-gap",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-control-group>`** (default: `var(--lr-space-xs)`) — Gap between grouped controls."
+      }
+    },
+    {
+      "name": "--lr-conversation-item-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-conversation-item>`** (default: `var(--lr-color-brand-quiet)`) — Background of the row while `active`. **Contrast-sensitive:** it is one half of a documented WCAG-AA pair — the active row's text is sized/toned for this background, so an override has to keep at least a 4.5:1 ratio against `--lr-conversation-item-active-color` (excerpt/timestamp) and against `--lr-color-text` (the title, which is not restyled by the pair)."
+      }
+    },
+    {
+      "name": "--lr-conversation-item-active-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-conversation-item>`** (default: `var(--lr-color-text)`) — Text color of `[part=\"excerpt\"]` and `[part=\"timestamp\"]` while `active`. **Contrast-sensitive:** it exists precisely because `--lr-color-text-quiet` only reaches ~4.25:1 against the active background; override it together with `--lr-conversation-item-active-bg`, never alone."
+      }
+    },
+    {
+      "name": "--lr-conversation-item-compact-gap",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-conversation-item>`** (default: `var(--lr-space-2xs)`) — Gap between `[part=\"base\"]`'s columns while `compact`."
+      }
+    },
+    {
+      "name": "--lr-conversation-item-compact-padding",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-conversation-item>`** (default: `var(--lr-space-xs) var(--lr-space-s)`) — `[part=\"base\"]` padding while `compact`."
+      }
+    },
+    {
+      "name": "--lr-csv-viewer-highlight-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-csv-viewer>`** (default: `var(--lr-color-brand)`) — Outline color of a highlighted cell. The active highlight sets it inline to `var(--lr-color-warning, var(--lr-color-brand))`."
+      }
+    },
+    {
+      "name": "--lr-csv-viewer-max-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-csv-viewer>`** (default: `none`) — Maximum block size of `[part=\"body\"]` before it scrolls internally. The `maxHeight` property sets this token inline on `[part=\"base\"]`."
+      }
+    },
+    {
+      "name": "--lr-dashboard-grid-columns",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-dashboard-grid>`** (default: `12`) — Column count of the underlying CSS Grid. Written inline on `[part=\"base\"]` from the `columns` property on every render, so the fallback only applies to a `[part=\"base\"]` this component has not rendered yet."
+      }
+    },
+    {
+      "name": "--lr-dashboard-grid-gap",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-dashboard-grid>`** (default: `var(--lr-space-m)`) — Gap between cells on both axes. Written inline on `[part=\"base\"]` from the `gap` property (in px) on every render."
+      }
+    },
+    {
+      "name": "--lr-dashboard-grid-row-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-dashboard-grid>`** (default: `var(--lr-size-5rem)`) — Row track height. Written inline on `[part=\"base\"]` from the `rowHeight` property (in px) on every render."
+      }
+    },
+    {
+      "name": "--lr-data-grid-row-selected-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-data-grid>`** (default: `var(--lr-color-brand-quiet)`) — Background of the selected row's cells. Shadow Parts forbids an attribute selector after `::part()`, so `::part(row)[aria-selected]` is invalid CSS and the selected row could otherwise only be restyled by hijacking the library-wide `--lr-color-brand-quiet` token."
+      }
+    },
+    {
+      "name": "--lr-dataset-viewer-highlight-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-dataset-viewer>`** (default: `var(--lr-color-brand)`) — Outline color of a highlighted cell. The active highlight sets it inline to `var(--lr-color-warning, var(--lr-color-brand))`."
+      }
+    },
+    {
+      "name": "--lr-dataset-viewer-max-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-dataset-viewer>`** (default: `none`) — Maximum block size of `[part=\"body\"]` before it scrolls internally. The `maxHeight` property sets this token inline on `[part=\"base\"]`."
+      }
+    },
+    {
+      "name": "--lr-date-input-control-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-date-input>`** — Exact block size of the input row. Undeclared by default, so the row grows to fit its content (floored by `--lr-date-input-control-min-height`). Set it to pin a fixed height; the calendar toggle keeps its own 24x24 touch target even when this pins a shorter row."
+      }
+    },
+    {
+      "name": "--lr-date-input-control-min-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-date-input>`** (default: `var(--lr-size-2-5rem)`) — Minimum block size of the input row, scaled by `size` to mirror `lr-input`'s own min-height scale. Each default sits below the row's transitively-pinned height, so it is dead until a consumer raises it -- the unset render is unchanged."
+      }
+    },
+    {
+      "name": "--lr-date-input-font-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-date-input>`** (default: `inherit`) — Font size of the text input, scaled by `size`."
+      }
+    },
+    {
+      "name": "--lr-date-input-padding-block",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-date-input>`** (default: `var(--lr-space-xs)`) — Block padding of the input row, scaled by `size`."
+      }
+    },
+    {
+      "name": "--lr-date-input-padding-inline",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-date-input>`** (default: `var(--lr-space-s)`) — Inline padding of the input row, scaled by `size`."
+      }
+    },
+    {
+      "name": "--lr-dialog-max-width",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-dialog>`, `<lr-drawer>`** (default: `var(--lr-dialog-width, var(--lr-size-32rem))`) — Cap on the panel's inline size. Falls back to `--lr-dialog-width` when that is set, so an assertive width is not clipped by the 32rem default; the viewport (`100%`) is always a hard limit on top."
+      }
+    },
+    {
+      "name": "--lr-dialog-overlay-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-dialog>`, `<lr-drawer>`** (default: `var(--lr-color-overlay)`) — Backdrop scrim color."
+      }
+    },
+    {
+      "name": "--lr-dialog-width",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-dialog>`, `<lr-drawer>`** (default: `auto`) — Assertive inline size for the panel. Left at `auto` the panel shrink-wraps to its content."
+      }
+    },
+    {
+      "name": "--lr-diff-view-font",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-diff-view>`** (default: `var(--lr-font-mono)`) — Font family used for the diff lines."
+      }
+    },
+    {
+      "name": "--lr-dock-panel-collapsed-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-dock-panel>`** (default: `var(--lr-icon-button-size)`) — The extent the panel keeps along its resize axis while `collapsed` -- enough to still host the toggle button that re-expands it."
+      }
+    },
+    {
+      "name": "--lr-document-compare-pane-max-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-document-compare>`** (default: `var(--lr-size-24rem)`) — Maximum block size of a side-by-side pane before it scrolls internally."
+      }
+    },
+    {
+      "name": "--lr-document-preview-active-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-document-preview>`** (default: `var(--lr-color-warning, var(--lr-color-brand))`) — Border color of the `[part=\"region-highlight\"]` matching `activeHighlightId` (image format only). Distinct from the resting highlight border."
+      }
+    },
+    {
+      "name": "--lr-document-preview-font",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-document-preview>`** (default: `var(--lr-font-mono)`) — Font used for plain-text previews."
+      }
+    },
+    {
+      "name": "--lr-document-preview-max-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-document-preview>`** (default: `none`) — Maximum body block size before the preview scrolls internally."
+      }
+    },
+    {
+      "name": "--lr-document-preview-progress",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-document-preview>`** (default: `0`) — Unitless 0-100 completion of the determinate loading ring (multiplied by `1%` in its conic gradient). Written inline by the component from the clamped `progress` value, so it is a read-out rather than a consumer knob."
+      }
+    },
+    {
+      "name": "--lr-document-preview-spin-duration",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-document-preview>`** (default: `0.8s`) — Duration of one indeterminate loading-indicator rotation."
+      }
+    },
+    {
+      "name": "--lr-document-viewer-max-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-document-viewer>`** (default: `70vh`) — Maximum block size of the dialog body before it scrolls internally."
+      }
+    },
+    {
+      "name": "--lr-docx-viewer-max-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-docx-viewer>`** (default: `none`) — Maximum block size of the scrollable document body before it scrolls internally. Also settable via the `max-height` property."
+      }
+    },
+    {
+      "name": "--lr-drawer-enter-x",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-drawer>`** (default: `calc(-1 * var(--lr-size-1rem))`) — Horizontal offset the panel animates in from for start/end drawers. Set per placement (and flipped under RTL) by the stylesheet; only read when `prefers-reduced-motion` is `no-preference`."
+      }
+    },
+    {
+      "name": "--lr-drawer-enter-y",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-drawer>`** (default: `calc(-1 * var(--lr-size-1rem))`) — Vertical offset the panel animates in from for top/bottom drawers. Set to `var(--lr-size-1rem)` for `bottom`; only read when `prefers-reduced-motion` is `no-preference`."
+      }
+    },
+    {
+      "name": "--lr-drawer-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-drawer>`** — Block size for top/bottom drawers."
+      }
+    },
+    {
+      "name": "--lr-drawer-width",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-drawer>`** — Inline size for start/end drawers."
+      }
+    },
+    {
+      "name": "--lr-email-viewer-max-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-email-viewer>`** (default: `none`) — Maximum block size of `[part=\"body\"]` before it scrolls internally. The `maxHeight` property sets this token inline on `[part=\"base\"]`."
+      }
+    },
+    {
+      "name": "--lr-emoji-picker-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-emoji-picker>`** (default: `var(--lr-color-brand-quiet)`) — Background of the keyboard-active (`data-active`) **and** hovered emoji button — the two share a single rule, so this one hook retints both consistently. Declared as an inline `var()` fallback (never on `:host`), so setting it on the element or an ancestor recolors only the emoji highlight without hijacking the library-wide `--lr-color-brand-quiet` token."
+      }
+    },
+    {
+      "name": "--lr-emoji-picker-gap",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-emoji-picker>`** (default: `var(--lr-space-2xs)`) — Gap between emoji within a windowed row."
+      }
+    },
+    {
+      "name": "--lr-emoji-picker-item-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-emoji-picker>`** (default: `var(--lr-icon-button-size)`) — Each emoji button's box. Clamped up to `--lr-icon-button-size`: a smaller value does not shrink the button."
+      }
+    },
+    {
+      "name": "--lr-emoji-picker-row-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-emoji-picker>`** (default: `calc(var(--lr-emoji-picker-item-size) + var(--lr-space-l))`) — One windowed row's height. Must stay at or above the item size plus the group-label band, or consecutive absolutely-positioned rows overlap."
+      }
+    },
+    {
+      "name": "--lr-empty-compact-align",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-empty>`** — Cross-axis and text alignment used in compact mode; set to `center` for dense but centered empty states."
+      }
+    },
+    {
+      "name": "--lr-empty-compact-gap",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-empty>`** (default: `var(--lr-space-2xs)`) — Gap between the icon, title, and description in compact mode."
+      }
+    },
+    {
+      "name": "--lr-empty-compact-padding",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-empty>`** (default: `var(--lr-space-xs)`) — Padding used in compact mode; accepts any padding shorthand (e.g. `8px 2px`)."
+      }
+    },
+    {
+      "name": "--lr-entity-card-compact-gap",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-entity-card>`** (default: `var(--lr-space-xs)`) — Gap between `[part=\"base\"]`'s rows while `compact`."
+      }
+    },
+    {
+      "name": "--lr-entity-card-compact-padding",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-entity-card>`** (default: `var(--lr-space-s)`) — `[part=\"base\"]` padding while `compact`."
+      }
+    },
+    {
+      "name": "--lr-entity-chip-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-entity-chip>`** (default: `var(--lr-color-brand-quiet)`) — Background color."
+      }
+    },
+    {
+      "name": "--lr-entity-chip-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-entity-chip>`** (default: `transparent`) — Border color of the chip."
+      }
+    },
+    {
+      "name": "--lr-entity-chip-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-entity-chip>`** (default: `var(--lr-color-brand)`) — Text/accent color. Reflected `type` lets a host theme per type from CSS, e.g. `lr-entity-chip[type='person'] { --lr-entity-chip-color: ... }`."
+      }
+    },
+    {
+      "name": "--lr-env-list-reveal-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-env-list>`** (default: `var(--lr-color-brand-quiet)`) — Background of a pressed (revealed) reveal toggle."
+      }
+    },
+    {
+      "name": "--lr-env-list-reveal-active-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-env-list>`** (default: `var(--lr-color-brand)`) — Border color of a pressed (revealed) reveal toggle. Restyling the pressed state otherwise requires overriding the library-wide brand tokens, since `::part(reveal-button)[aria-pressed]` is invalid CSS."
+      }
+    },
+    {
+      "name": "--lr-file-icon-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-file-icon>`** (default: `var(--lr-size-2rem)`) — Inline/block size of the format badge."
+      }
+    },
+    {
+      "name": "--lr-file-input-accept-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-file-input>`** (default: `color-mix(in srgb, var(--lr-color-success) 8%, transparent)`) — Background of `[part=\"base\"][data-drag-state=\"accept\"]`."
+      }
+    },
+    {
+      "name": "--lr-file-input-accept-border-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-file-input>`** (default: `var(--lr-color-success)`) — Border color of `[part=\"base\"][data-drag-state=\"accept\"]`."
+      }
+    },
+    {
+      "name": "--lr-file-input-compact-font-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-file-input>`** (default: `var(--lr-font-size-sm)`) — Label font size while `compact`."
+      }
+    },
+    {
+      "name": "--lr-file-input-compact-gap",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-file-input>`** (default: `var(--lr-space-2xs)`) — Gap between the dropzone's slotted children while `compact`."
+      }
+    },
+    {
+      "name": "--lr-file-input-compact-padding",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-file-input>`** (default: `var(--lr-space-s)`) — `[part=\"base\"]` padding while `compact`."
+      }
+    },
+    {
+      "name": "--lr-file-input-reject-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-file-input>`** (default: `color-mix(in srgb, var(--lr-color-danger) 8%, transparent)`) — Background of `[part=\"base\"][data-drag-state=\"reject\"]`."
+      }
+    },
+    {
+      "name": "--lr-file-input-reject-border-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-file-input>`** (default: `var(--lr-color-danger)`) — Border color of `[part=\"base\"][data-drag-state=\"reject\"]`."
+      }
+    },
+    {
+      "name": "--lr-flag-aspect-ratio",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flag>`** (default: `4 / 3`) — Rectangular flag aspect ratio."
+      }
+    },
+    {
+      "name": "--lr-flag-object-fit",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flag>`** (default: `cover`) — How the image fits its flag frame."
+      }
+    },
+    {
+      "name": "--lr-flag-radius",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flag>`** — Rectangular flag corner radius."
+      }
+    },
+    {
+      "name": "--lr-flow-canvas-drop-active-outline-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-canvas>`** (default: `var(--lr-color-brand)`) — Outline color of the viewport while a palette item is dragged over it (`droppable`)."
+      }
+    },
+    {
+      "name": "--lr-flow-canvas-grid-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-canvas>`** (default: `var(--lr-size-0-5rem)`) — Dotted background spacing. The canvas also writes it inline as `${grid}px` from the `grid` property, which wins over the stylesheet fallback whenever a grid is in effect."
+      }
+    },
+    {
+      "name": "--lr-flow-canvas-march-duration",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-canvas>`** (default: `var(--lr-transition-ambient)`) — Running-edge march animation duration."
+      }
+    },
+    {
+      "name": "--lr-flow-canvas-node-connect-invalid-outline-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-canvas>`** (default: `var(--lr-color-danger)`) — Outline color of a node that is an invalid connect-gesture drop target. Same `::part()` attribute-selector restriction as `--lr-flow-canvas-node-current-outline-color` above."
+      }
+    },
+    {
+      "name": "--lr-flow-canvas-node-connect-target-outline-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-canvas>`** (default: `var(--lr-color-brand)`) — Outline color of a node that is a valid connect-gesture drop target."
+      }
+    },
+    {
+      "name": "--lr-flow-canvas-node-current-outline-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-canvas>`** (default: `var(--lr-color-brand)`) — Outline color of the current (`aria-current`) node. Shadow Parts forbids an attribute selector after `::part()`, so the current node could otherwise only be restyled by hijacking the library-wide `--lr-color-brand` token."
+      }
+    },
+    {
+      "name": "--lr-flow-minimap-block-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-minimap>`** (default: `var(--lr-size-8rem)`) — Map block size."
+      }
+    },
+    {
+      "name": "--lr-flow-minimap-inline-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-minimap>`** (default: `var(--lr-size-12rem)`) — Map inline size."
+      }
+    },
+    {
+      "name": "--lr-flow-node-compact-gap",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-node>`** (default: `var(--lr-space-2xs)`) — Gap between `[part=\"card\"]`'s rows while `compact`."
+      }
+    },
+    {
+      "name": "--lr-flow-node-compact-padding",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-node>`** (default: `var(--lr-space-xs)`) — `[part=\"card\"]` padding while `compact`."
+      }
+    },
+    {
+      "name": "--lr-flow-node-min-inline-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-node>`** (default: `calc(var(--lr-size-10rem) + var(--lr-size-1rem))`) — Minimum card inline size."
+      }
+    },
+    {
+      "name": "--lr-flow-node-running-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-node>`** (default: `var(--lr-color-brand)`) — Border color of the card while `status=\"running\"`. Independent from `--lr-flow-node-selected-border` so a consumer can retint just one of the two states without the other following along."
+      }
+    },
+    {
+      "name": "--lr-flow-node-running-glow",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-node>`** (default: `var(--lr-color-brand-quiet)`) — Box-shadow color of the running-state ring around the card, and the pulse keyframes' peak color."
+      }
+    },
+    {
+      "name": "--lr-flow-node-selected-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-node>`** (default: `var(--lr-color-brand)`) — Border color of the card while `selected`. Overriding the selection color otherwise requires hijacking the library-wide `--lr-color-brand` token."
+      }
+    },
+    {
+      "name": "--lr-gauge-fill",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-gauge>`** (default: `var(--lr-color-brand)`) — Fill stroke for radial, ring, and linear gauges."
+      }
+    },
+    {
+      "name": "--lr-graph-cat-1..8",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-graph>`** — Ordered categorical fallback palette for a typed node with no `GraphNodeType.color`, assigned by the type's index in `nodeTypes` (wraps every 8 entries). Declared centrally in `tokens.styles.ts` so `<lr-graph>` and any future `<lr-graph-legend>`- style component resolve the identical default."
+      }
+    },
+    {
+      "name": "--lr-graph-dimmed-opacity",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-graph>`** (default: `0.35`) — Opacity applied to a node/link when `dimmedNodeIds`/`dimmedLinkIds` includes its id (both SVG and canvas renderers). Visible by default -- a consumer controlling `dimmedNodeIds`/`dimmedLinkIds` (e.g. `lr-knowledge-graph-explorer`) sees the dimming take effect with no extra host styling."
+      }
+    },
+    {
+      "name": "--lr-graph-edge-label-halo",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-graph>`** (default: `var(--lr-color-surface)`) — Legibility halo (`stroke`) behind a drawn edge label, painted under the fill via `paint-order: stroke`."
+      }
+    },
+    {
+      "name": "--lr-graph-focus-halo-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-graph>`** (default: `var(--lr-color-brand)`) — `focus-halo` stroke color."
+      }
+    },
+    {
+      "name": "--lr-graph-hull-fill",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-graph>`** (default: `var(--lr-color-brand)`) — Hull fill/stroke color."
+      }
+    },
+    {
+      "name": "--lr-graph-hull-opacity",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-graph>`** (default: `0.12`) — Hull element opacity (composites fill+stroke as one group, avoiding a double-opacity seam at the fill/stroke boundary)."
+      }
+    },
+    {
+      "name": "--lr-graph-legend-hidden-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-graph-legend>`** (default: `var(--lr-color-text-quiet)`) — Text color for a filtered-out (hidden) legend row's label/count, independent of the shared quiet-text token."
+      }
+    },
+    {
+      "name": "--lr-graph-selected-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-graph>`** (default: `var(--lr-color-success)`) — Selected node/link stroke."
+      }
+    },
+    {
+      "name": "--lr-heatmap-annotation-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-heatmap>`** (default: `var(--lr-color-danger)`) — Border color for an annotated cell."
+      }
+    },
+    {
+      "name": "--lr-heatmap-color-steps-gradient",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-heatmap>`** (default: `linear-gradient(to right, var(--lr-heatmap-scale-lo), var(--lr-heatmap-scale-hi))`) — Gradient painted on the continuous legend bar. Set on the host by the component itself while `colorSteps` is supplied, and removed again when it is not; the fallback is the two-endpoint scale ramp."
+      }
+    },
+    {
+      "name": "--lr-heatmap-focus-ring-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-heatmap>`** (default: `var(--lr-focus-ring-color)`) — Focus ring around a focused cell."
+      }
+    },
+    {
+      "name": "--lr-heatmap-label-font",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-heatmap>`** — Font for axis/legend labels drawn on the canvas."
+      }
+    },
+    {
+      "name": "--lr-heatmap-no-data-fill",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-heatmap>`** (default: `var(--lr-color-no-data)`) — Fill for cells with no value."
+      }
+    },
+    {
+      "name": "--lr-heatmap-scale-hi",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-heatmap>`** (default: `var(--lr-color-brand)`) — High endpoint of the sequential color ramp."
+      }
+    },
+    {
+      "name": "--lr-heatmap-scale-lo",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-heatmap>`** (default: `var(--lr-color-brand-quiet)`) — Low endpoint of the sequential color ramp."
+      }
+    },
+    {
+      "name": "--lr-heatmap-selected-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-heatmap>`** (default: `var(--lr-color-success)`) — Border color for the selected cell."
+      }
+    },
+    {
+      "name": "--lr-heatmap-tooltip-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-heatmap>`** (default: `var(--lr-color-surface)`) — Hover tooltip background."
+      }
+    },
+    {
+      "name": "--lr-heatmap-tooltip-text",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-heatmap>`** (default: `var(--lr-color-text)`) — Hover tooltip text color."
+      }
+    },
+    {
+      "name": "--lr-html-viewer-max-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-html-viewer>`** (default: `none`) — Maximum block size of `[part=\"body\"]` before it scrolls internally. The `maxHeight` property sets this token inline on `[part=\"base\"]`."
+      }
+    },
+    {
+      "name": "--lr-icon-button-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-icon-button>`** (default: `2.5rem`) — Minimum tappable inline and block size of the native button — a **floor**, not a fixed size: content larger than it grows the button and keeps its own aspect ratio, while a small glyph pads out to it. A library-wide token (declared on `:root` by `tokens.styles.ts`, and the shared minimum tappable size several other components size their icon controls against), so overriding it globally resizes all of them together."
+      }
+    },
+    {
+      "name": "--lr-icon-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-icon>`** (default: `var(--lr-size-1-25rem)`) — Inline and block size of the icon box."
+      }
+    },
+    {
+      "name": "--lr-image-viewer-annotate-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-image-viewer>`** (default: `var(--lr-color-brand-quiet)`) — Background of `[part=\"annotate-toggle\"]` while annotation mode is on. The toggle carries its own glyph in `--lr-color-text`, so keep a 4.5:1 ratio against it."
+      }
+    },
+    {
+      "name": "--lr-image-viewer-annotate-active-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-image-viewer>`** (default: `var(--lr-color-brand)`) — Border color of `[part=\"annotate-toggle\"]` while annotation mode is on."
+      }
+    },
+    {
+      "name": "--lr-image-viewer-highlight-active-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-image-viewer>`** (default: `var(--lr-color-brand)`) — Outline color of the `[part=\"highlight\"]` matching `activeHighlightId`, independent of the per-tone border colors."
+      }
+    },
+    {
+      "name": "--lr-ingestion-queue-max-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-ingestion-queue>`** (default: `none`) — Non-virtualized mode only: caps how tall the list grows before it scrolls internally. Has no effect once virtualized -- the internal `<lr-virtual-list>`'s own viewport keeps its independent, fixed default height (retheme it directly via `<lr-ingestion-queue>`'s own `lr-virtual-list { --lr-virtual-list-height: ... }` if needed)."
+      }
+    },
+    {
+      "name": "--lr-input-control-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-input>`, `<lr-number-input>`, `<lr-time-input>`** — Exact outer control height. Unset by default, which leaves `--lr-input-control-min-height` as a floor only; set it to a length to both floor and cap the control row (e.g. to pixel-match `<lr-select>`/`<lr-combobox>` in the same toolbar). Because it is never declared by the component itself, it can be set from an ancestor or an outer-tree rule as well as inline on the element."
+      }
+    },
+    {
+      "name": "--lr-input-control-min-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-input>`, `<lr-number-input>`, `<lr-time-input>`** — Outer control height floor, scaled by `size`."
+      }
+    },
+    {
+      "name": "--lr-input-font-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-input>`, `<lr-number-input>`, `<lr-time-input>`** — Font size of the native input, scaled by `size`."
+      }
+    },
+    {
+      "name": "--lr-input-padding-block",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-input>`, `<lr-number-input>`, `<lr-time-input>`** — Block padding of the native input, scaled by `size`."
+      }
+    },
+    {
+      "name": "--lr-input-padding-inline",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-input>`, `<lr-number-input>`, `<lr-time-input>`** — Inline padding of the control row, scaled by `size`."
+      }
+    },
+    {
+      "name": "--lr-json-viewer-font",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-json-viewer>`** (default: `var(--lr-font-mono)`) — Font family used for the rendered tree."
+      }
+    },
+    {
+      "name": "--lr-json-viewer-match-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-json-viewer>`** (default: `var(--lr-color-warning-quiet)`) — Background (and surrounding box-shadow) of a key/value that currently matches `search`."
+      }
+    },
+    {
+      "name": "--lr-json-viewer-max-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-json-viewer>`** (default: `none`) — Cap on `[part=\"base\"]`'s block size, past which the viewer scrolls internally. The `maxHeight` property sets this token inline on `[part=\"base\"]`."
+      }
+    },
+    {
+      "name": "--lr-known-date-day-field-width",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-known-date>`** (default: `var(--lr-size-3-5em)`) — Inline size of the day field."
+      }
+    },
+    {
+      "name": "--lr-known-date-field-font-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-known-date>`** (default: `var(--lr-font-size-md-sm)`) — Font size of each `field-input`, auto-swapped per `size`."
+      }
+    },
+    {
+      "name": "--lr-known-date-field-gap",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-known-date>`** (default: `var(--lr-space-s)`) — Gap between the three field blocks."
+      }
+    },
+    {
+      "name": "--lr-known-date-field-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-known-date>`** — Exact block size of each `field-input`. Undeclared by default, so the field grows to fit its content, floored by `--lr-known-date-field-min-height`. Set it to pin a fixed height."
+      }
+    },
+    {
+      "name": "--lr-known-date-field-min-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-known-date>`** (default: `var(--lr-size-2-5rem)`) — Minimum block size of each `field-input`, auto-swapped per `size` (`xs`→`1.5rem`, `s`→`1.875rem`, `l`→`3rem`, `xl`→`3.5rem`) -- matches `lr-input`'s/`lr-date-input`'s own min-height scale, so a birthdate field sitting in a form row next to those controls renders at the same height. At `xs`/`s`/`m` the floor now exceeds the field's own content height and actively pins the rendered box; at `l`/`xl` the content height already exceeds the floor, so those two tiers are unaffected."
+      }
+    },
+    {
+      "name": "--lr-known-date-field-padding-block",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-known-date>`** (default: `var(--lr-space-s)`) — Block padding of each `field-input`, auto-swapped per `size`."
+      }
+    },
+    {
+      "name": "--lr-known-date-field-padding-inline",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-known-date>`** (default: `var(--lr-space-s)`) — Inline padding of each `field-input`, auto-swapped per `size`."
+      }
+    },
+    {
+      "name": "--lr-known-date-invalid-border-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-known-date>`** (default: `var(--lr-color-danger)`) — Border color of each `field-input` while `:host([data-invalid])` is set."
+      }
+    },
+    {
+      "name": "--lr-known-date-month-field-width",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-known-date>`** (default: `var(--lr-size-3-5em)`) — Inline size of the month field."
+      }
+    },
+    {
+      "name": "--lr-known-date-year-field-width",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-known-date>`** (default: `var(--lr-size-5em)`) — Inline size of the year field."
+      }
+    },
+    {
+      "name": "--lr-lightbox-control-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-lightbox>`** — Background for every floating/toolbar icon button."
+      }
+    },
+    {
+      "name": "--lr-lightbox-control-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-lightbox>`** — Icon/text color paired with `--lr-lightbox-control-bg`."
+      }
+    },
+    {
+      "name": "--lr-lightbox-overlay-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-lightbox>`** — The backdrop scrim color."
+      }
+    },
+    {
+      "name": "--lr-link-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-graph>`** (default: `var(--lr-color-border)`) — Default link stroke, overridden per-link by a link's own `color`."
+      }
+    },
+    {
+      "name": "--lr-lite-chart-selected-outline-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-lite-chart>`** (default: `var(--lr-color-brand)`) — Stroke for a bar/point whose category index is in `selectedIndex`."
+      }
+    },
+    {
+      "name": "--lr-markdown-font-mono",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-markdown>`** (default: `var(--lr-font-mono)`) — Monospace family for rendered `<code>` inside `content`."
+      }
+    },
+    {
+      "name": "--lr-media-card-max-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-media-card>`** (default: `var(--lr-size-20rem)`) — Cap on the block size of the `<img>`/`<video>` in `[part=\"media\"]`. **Chrome escape hatch.** `appearance=\"plain\"` drops `[part=\"base\"]`'s border, background, padding, and corner radius — for a dense list/feed of cards (this component's own documented primary use case) where the surrounding container already provides its own separation, so cards don't double up on chrome. Mirrors `<lr-source-card>`'s identical `appearance` vocabulary."
+      }
+    },
+    {
+      "name": "--lr-memory-panel-confidence-danger-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-memory-panel>`** (default: `var(--lr-color-danger)`) — Text color for a low-confidence item's confidence indicator."
+      }
+    },
+    {
+      "name": "--lr-memory-panel-confidence-success-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-memory-panel>`** (default: `var(--lr-color-success)`) — Text color for a high-confidence item's confidence indicator."
+      }
+    },
+    {
+      "name": "--lr-memory-panel-confidence-warning-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-memory-panel>`** (default: `var(--lr-color-warning)`) — Text color for a medium-confidence item's confidence indicator."
+      }
+    },
+    {
+      "name": "--lr-mention-popover-option-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-mention-popover>`** (default: `var(--lr-color-brand-quiet)`) — Background of the hovered or `[data-active]` (keyboard-highlighted) suggestion row."
+      }
+    },
+    {
+      "name": "--lr-message-feedback-down-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-message-feedback>`** (default: `var(--lr-color-danger-quiet)`) — Background of the pressed thumbs-down button."
+      }
+    },
+    {
+      "name": "--lr-message-feedback-down-active-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-message-feedback>`** (default: `var(--lr-color-danger)`) — Border color of the pressed thumbs-down button."
+      }
+    },
+    {
+      "name": "--lr-message-feedback-down-active-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-message-feedback>`** (default: `var(--lr-color-danger)`) — Glyph color of the pressed thumbs-down button."
+      }
+    },
+    {
+      "name": "--lr-message-feedback-up-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-message-feedback>`** (default: `var(--lr-color-success-quiet)`) — Background of the pressed thumbs-up button."
+      }
+    },
+    {
+      "name": "--lr-message-feedback-up-active-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-message-feedback>`** (default: `var(--lr-color-success)`) — Border color of the pressed thumbs-up button."
+      }
+    },
+    {
+      "name": "--lr-message-feedback-up-active-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-message-feedback>`** (default: `var(--lr-color-success)`) — Glyph color of the pressed thumbs-up button. Not declared on `:host`, so it can be set on the element or any ancestor; scoped to the pressed state, unlike overriding the shared `--lr-color-success`."
+      }
+    },
+    {
+      "name": "--lr-mind-map-node-hover-halo",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-mind-map>`** (default: `var(--lr-color-brand-quiet)`) — Stroke color of the hover halo drawn around a topic node's dot, giving mouse users the same \"this is clickable\" feedback keyboard users get from the drawn focus ring."
+      }
+    },
+    {
+      "name": "--lr-mind-map-ring-gap",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-mind-map>`** (default: `6rem`) — Radius step per depth ring."
+      }
+    },
+    {
+      "name": "--lr-model-select-expand-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-model-select>`** (default: `var(--lr-size-1-75rem)`) — Decorative expand-icon box size, scaled by `size`."
+      }
+    },
+    {
+      "name": "--lr-model-select-font-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-model-select>`** (default: `var(--lr-font-size-md)`) — Trigger/combobox font size, scaled by `size`."
+      }
+    },
+    {
+      "name": "--lr-model-select-option-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-model-select>`** (default: `var(--lr-color-brand-quiet)`) — Background of a hovered or keyboard-active option row."
+      }
+    },
+    {
+      "name": "--lr-model-select-trigger-min-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-model-select>`** (default: `var(--lr-size-2-5rem)`) — Trigger/combobox block-size floor, scaled by `size`."
+      }
+    },
+    {
+      "name": "--lr-model-select-trigger-padding",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-model-select>`** (default: `var(--lr-space-xs) var(--lr-space-s)`) — Trigger/combobox padding shorthand, scaled by `size`."
+      }
+    },
+    {
+      "name": "--lr-node-fill",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-graph>`** (default: `var(--lr-color-brand)`) — Default node fill, overridden per-node by `GraphNode.color`."
+      }
+    },
+    {
+      "name": "--lr-notebook-viewer-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-notebook-viewer>`** (default: `var(--lr-color-brand-quiet)`) — Background of the `[part=\"cell\"]` currently targeted by an anchor."
+      }
+    },
+    {
+      "name": "--lr-notebook-viewer-max-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-notebook-viewer>`** (default: `none`) — Maximum block size of the scrollable body before it scrolls internally. Also settable via the `max-height` property."
+      }
+    },
+    {
+      "name": "--lr-overlay-max-inline-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-dropdown>`, `<lr-popover>`** — Maximum inline size of the popup (default `--lr-size-20rem`)."
+      }
+    },
+    {
+      "name": "--lr-page-rail-current-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-page-rail>`** (default: `var(--lr-color-brand-quiet)`) — Background of the `[part=\"page-current\"]` button for the current `page`."
+      }
+    },
+    {
+      "name": "--lr-page-rail-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-page-rail>`** (default: `var(--lr-size-24rem)`) — Block size of the virtualized rail."
+      }
+    },
+    {
+      "name": "--lr-pagination-control-padding",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-pagination>`** (default: `var(--lr-space-xs)`) — Inner padding of the nav buttons and the page input. Uniform across every `size` (the control footprint is fixed by `--lr-pagination-control-size`, so this only adjusts the icon/digit inset)."
+      }
+    },
+    {
+      "name": "--lr-pagination-control-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-pagination>`** — Control inline/block size; defaults from the `size` variant."
+      }
+    },
+    {
+      "name": "--lr-pagination-font-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-pagination>`** — Control font size; defaults from the `size` variant."
+      }
+    },
+    {
+      "name": "--lr-pdf-viewer-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-pdf-viewer>`** (default: `var(--lr-size-24rem)`) — Block size of the virtualized page list. Also settable via the `max-height` property."
+      }
+    },
+    {
+      "name": "--lr-playback-icon-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-playback>`** (default: `calc(var(--lr-icon-button-size) * 0.35)`) — Font size of the play/pause glyph, derived from the shared icon-button hit-target size."
+      }
+    },
+    {
+      "name": "--lr-policy-summary-count-allow-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-policy-summary>`** (default: `var(--lr-color-success)`) — Text color of the `allow` count."
+      }
+    },
+    {
+      "name": "--lr-policy-summary-count-deny-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-policy-summary>`** (default: `var(--lr-color-danger)`) — Text color of the `deny` count."
+      }
+    },
+    {
+      "name": "--lr-policy-summary-count-needs-review-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-policy-summary>`** (default: `var(--lr-color-warning)`) — Text color of the `needs-review` count. Restyling a state count otherwise requires overriding the library-wide status tokens, since `::part(count)[data-state]` is invalid CSS."
+      }
+    },
+    {
+      "name": "--lr-poll-status-due-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-poll-status>`** (default: `var(--lr-color-success)`) — Background of `indicator` while `data-due` is set, without repainting every other component that reuses the shared success token."
+      }
+    },
+    {
+      "name": "--lr-progress-ring-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-progress-ring>`** (default: `var(--lr-size-2-5rem)`) — Outer diameter of the ring."
+      }
+    },
+    {
+      "name": "--lr-push-to-talk-recording-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-push-to-talk>`** (default: `var(--lr-color-danger)`) — Border and text color of `[part=\"trigger\"]` while `state` is `recording`. Recolors only the recording treatment, leaving every other danger-toned surface on the page untouched."
+      }
+    },
+    {
+      "name": "--lr-push-to-talk-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-push-to-talk>`** (default: `var(--lr-size-3rem)`) — Inline and block size of the circular `trigger` button."
+      }
+    },
+    {
+      "name": "--lr-qr-code-background",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-qr-code>`** (default: `var(--lr-color-surface)`) — Light/background module color, including the quiet zone."
+      }
+    },
+    {
+      "name": "--lr-qr-code-fill",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-qr-code>`** (default: `var(--lr-color-text)`) — Dark/foreground module color."
+      }
+    },
+    {
+      "name": "--lr-radio-label-indent",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-radio>`** (default: `calc(min(var(--lr-icon-button-size), 1.75rem) + var(--lr-space-s))`) — The inline distance from the control's start edge to the start of the label text, i.e. the circle's own floor plus the gap next to it. Published so a consumer composing per-option hint text under the label can align it without re-deriving that formula from the shadow styles, and used as the source of the real gap so the two cannot drift. Setting it on the element (or on `lr-radio` in your own stylesheet) moves the label; because custom properties inherit down and not sideways, it is *not* readable from a sibling node in your tree — align a sibling by computing the same formula from `--lr-theme-icon-button-size` and `--lr-theme-space-s`, which you control."
+      }
+    },
+    {
+      "name": "--lr-random-content-animation-duration",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-random-content>`** (default: `300ms`) — Duration of the entrance animation."
+      }
+    },
+    {
+      "name": "--lr-random-content-animation-easing",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-random-content>`** (default: `ease`) — Easing function for the entrance animation."
+      }
+    },
+    {
+      "name": "--lr-random-content-animation-translate",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-random-content>`** (default: `var(--lr-size-0-5em)`) — Translation distance for directional animations."
+      }
+    },
+    {
+      "name": "--lr-rating-empty-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-rating>`** (default: `var(--lr-color-border)`) — Unfilled-star color."
+      }
+    },
+    {
+      "name": "--lr-rating-fill",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-rating>`** (default: `var(--lr-color-warning)`) — Filled-star color."
+      }
+    },
+    {
+      "name": "--lr-rating-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-rating>`** (default: `var(--lr-font-size-xl)`) — Star size."
+      }
+    },
+    {
+      "name": "--lr-responsive-panel-overlay-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-responsive-panel>`** (default: `var(--lr-color-overlay)`) — The overlay presentation's scrim color, applied to `[part=\"backdrop\"]`."
+      }
+    },
+    {
+      "name": "--lr-responsive-panel-sheet-max-block-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-responsive-panel>`** (default: `85dvh`) — Maximum height of the `variant=\"bottom-sheet\"` overlay panel (falls back to `85vh` where `dvh` is unsupported)."
+      }
+    },
+    {
+      "name": "--lr-result-card-compact-body-padding",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-result-card>`** (default: `var(--lr-space-xs)`) — `[part=\"body\"]` padding while `compact`."
+      }
+    },
+    {
+      "name": "--lr-result-card-compact-header-padding",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-result-card>`** (default: `var(--lr-space-xs)`) — `[part=\"header\"]` block/inline padding while `compact`."
+      }
+    },
+    {
+      "name": "--lr-retrieval-results-selected-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-retrieval-results>`** (default: `var(--lr-color-brand)`) — Inline-start border color marking a selected `[part=\"row-body\"]`. A border rather than a fill by design (see the styles file), so recoloring it carries no contrast risk for the row's own text."
+      }
+    },
+    {
+      "name": "--lr-retrieval-trace-active-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-retrieval-trace>`** (default: `var(--lr-color-brand)`) — Border color of the `[part=\"evidence-row\"]` whose stage matches `activeStageId`."
+      }
+    },
+    {
+      "name": "--lr-scroll-fade-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-segmented>`, `<lr-tabs>`** (default: `2rem`) — Width of the static fade at each horizontal scroll edge."
+      }
+    },
+    {
+      "name": "--lr-scroller-control-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-scroller>`** (default: `var(--lr-size-2rem)`) — Control size."
+      }
+    },
+    {
+      "name": "--lr-scroller-min-block-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-scroller>`** (default: `var(--lr-size-10rem)`) — Minimum vertical scroller size."
+      }
+    },
+    {
+      "name": "--lr-segmented-font-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-segmented>`** (default: `var(--lr-font-size-sm)`) — Each segment's font size. Re-set per `size`; this default applies at the unset/`m` size."
+      }
+    },
+    {
+      "name": "--lr-segmented-hover-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-segmented>`** (default: `var(--lr-color-text)`) — Text color of a hovered segment that is neither checked nor disabled. Independent of the selected-state props above — recoloring the checked pill leaves this untouched."
+      }
+    },
+    {
+      "name": "--lr-segmented-segment-padding",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-segmented>`** (default: `var(--lr-size-0-125rem) var(--lr-space-s)`) — Each segment's padding. Re-set per `size`; this default applies at the unset/`m` size."
+      }
+    },
+    {
+      "name": "--lr-segmented-selected-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-segmented>`** (default: `var(--lr-color-surface)`) — Background of the checked segment. Scoped to `[aria-checked='true']` only, so it never repaints a hovered unselected segment (which is what hijacking `--lr-color-surface` library-wide used to do)."
+      }
+    },
+    {
+      "name": "--lr-segmented-selected-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-segmented>`** (default: `var(--lr-color-text)`) — Text color of the checked segment."
+      }
+    },
+    {
+      "name": "--lr-segmented-selected-font-weight",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-segmented>`** (default: `var(--lr-font-weight-semibold)`) — Font weight of the checked segment."
+      }
+    },
+    {
+      "name": "--lr-segmented-selected-shadow",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-segmented>`** (default: `var(--lr-shadow)`) — Box shadow lifting the checked segment off the track."
+      }
+    },
+    {
+      "name": "--lr-segmented-track-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-segmented>`** — Exact height of the `base` track, pinning it at every `size` tier (sets both `block-size` and `min-block-size`) so the row can sit flush beside a hard-sized toolbar control. **Genuinely unset by default** — while unset each tier keeps its own `--lr-segmented-track-min-height` floor and the track grows with its content."
+      }
+    },
+    {
+      "name": "--lr-segmented-track-min-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-segmented>`** (default: `var(--lr-size-2-5rem)`) — Minimum height of the `base` track. Re-set per `size` (`2xs` through `xl`); the `2.5rem` (40px) default applies at the unset/`m` size, matching `<lr-input>`/`<lr-select>`/`<lr-combobox>`'s own shared default-tier floor. Because it is declared on `:host` per tier, override it on the element itself, not on an ancestor."
+      }
+    },
+    {
+      "name": "--lr-select-expand-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-select>`** — Decorative expand-icon box size, scaled by `size`."
+      }
+    },
+    {
+      "name": "--lr-select-font-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-select>`** — Trigger font size, scaled by `size`."
+      }
+    },
+    {
+      "name": "--lr-select-option-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-select>`** (default: `var(--lr-color-brand-quiet)`) — Background of the hovered/keyboard-active option row. Not declared on `:host`, so a value set on any ancestor is never shadowed -- retheme just this row state without hijacking the shared `--lr-color-brand-quiet` token used by every other component's own hover/active state."
+      }
+    },
+    {
+      "name": "--lr-select-trigger-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-select>`** — Exact trigger height. Unset by default, which leaves `--lr-select-trigger-min-height` as a floor only; set it to a length to both floor and cap the trigger (e.g. to pixel-match a sibling field in the same toolbar row). Because it is never declared by the component itself, it can be set from an ancestor or an outer-tree rule as well as inline on the element."
+      }
+    },
+    {
+      "name": "--lr-select-trigger-min-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-select>`** — Trigger block-size floor, scaled by `size`, and live at every tier including the default `m` (`2.5rem`, matching `<lr-input>`/`<lr-combobox>` at that tier)."
+      }
+    },
+    {
+      "name": "--lr-select-trigger-padding",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-select>`** — Trigger padding shorthand, scaled by `size`."
+      }
+    },
+    {
+      "name": "--lr-sequence-strip-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-sequence-strip>`** (default: `var(--lr-size-1-5rem)`) — Block size of the strip."
+      }
+    },
+    {
+      "name": "--lr-sequence-strip-legend-marker-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-sequence-strip>`** (default: `var(--lr-color-surface-raised)`) — Neutral chip background behind the marker legend row's bar; it stands in for \"any cell\", so it deliberately matches no category color."
+      }
+    },
+    {
+      "name": "--lr-sequence-strip-legend-swatch-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-sequence-strip>`** (default: `var(--lr-size-0-625rem)`) — Inline and block size of a legend swatch (category and marker rows alike)."
+      }
+    },
+    {
+      "name": "--lr-sequence-strip-marker-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-sequence-strip>`** (default: `var(--lr-color-text)`) — Color of the bottom marker on a `marker: true` cell, and of the marker legend row's bar."
+      }
+    },
+    {
+      "name": "--lr-skeleton-h",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-skeleton>`** (default: `var(--lr-size-1em)`) — Block size of the placeholder."
+      }
+    },
+    {
+      "name": "--lr-skeleton-w",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-skeleton>`** (default: `100%`) — Inline size of the placeholder."
+      }
+    },
+    {
+      "name": "--lr-source-card-compact-gap",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-source-card>`** (default: `var(--lr-space-2xs)`) — Gap between `[part=\"base\"]`'s rows while `compact`."
+      }
+    },
+    {
+      "name": "--lr-source-card-compact-padding",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-source-card>`** (default: `var(--lr-space-xs)`) — `[part=\"base\"]` padding while `compact`."
+      }
+    },
+    {
+      "name": "--lr-source-picker-checked-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-source-picker>`** — Background of a fully-checked selection control: the `select-all` pill (defaults to `var(--lr-color-brand-quiet)`) and a fully-selected entry's `[part=\"checkbox\"]` (defaults to `var(--lr-color-brand)`). The two keep their distinct resting defaults; setting this prop unifies both."
+      }
+    },
+    {
+      "name": "--lr-source-picker-checked-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-source-picker>`** (default: `var(--lr-color-brand)`) — Border color of every checked or mixed selection control."
+      }
+    },
+    {
+      "name": "--lr-source-picker-mixed-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-source-picker>`** (default: `color-mix(in srgb, var(--lr-color-brand) 50%, var(--lr-color-surface))`) — Background of a partially-selected entry's `[part=\"checkbox\"]`."
+      }
+    },
+    {
+      "name": "--lr-span-waterfall-name-width",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-span-waterfall>`** (default: `8rem`) — Width of the name gutter column."
+      }
+    },
+    {
+      "name": "--lr-span-waterfall-row-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-span-waterfall>`** (default: `var(--lr-color-brand-quiet)`) — Background of the active (`activeSpanId`) row. Shadow Parts forbids an attribute selector after `::part()`, so the active row could otherwise only be restyled by hijacking the library-wide `--lr-color-brand-quiet` token."
+      }
+    },
+    {
+      "name": "--lr-span-waterfall-stripe-speed",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-span-waterfall>`** — Animation duration for a `running` span's striped bar; defaults to `--lr-transition-ambient`."
+      }
+    },
+    {
+      "name": "--lr-sparkline-area-opacity",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-sparkline>`** (default: `0.15`) — Fill opacity of the area under the line (type=\"area\")."
+      }
+    },
+    {
+      "name": "--lr-sparkline-stroke-width",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-sparkline>`** (default: `1.5`) — Stroke width of the line/area path."
+      }
+    },
+    {
+      "name": "--lr-spinner-duration",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-spinner>`** (default: `800ms`) — Duration of one rotation. Not read under `prefers-reduced-motion: reduce`, where the animation is disabled entirely."
+      }
+    },
+    {
+      "name": "--lr-spinner-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-spinner>`** (default: `var(--lr-size-1-25rem)`) — Outer diameter of the indicator."
+      }
+    },
+    {
+      "name": "--lr-spinner-track-width",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-spinner>`** (default: `var(--lr-border-width-medium)`) — Thickness of the ring track."
+      }
+    },
+    {
+      "name": "--lr-split-overlay-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-split>`** (default: `var(--lr-color-overlay)`) — The `'floating'` drawer scrim's color, applied to `[part=\"backdrop\"]`."
+      }
+    },
+    {
+      "name": "--lr-spreadsheet-viewer-highlight-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-spreadsheet-viewer>`** (default: `var(--lr-color-brand)`) — Outline color of a highlighted cell. The active highlight sets it inline to `var(--lr-color-warning, var(--lr-color-brand))`."
+      }
+    },
+    {
+      "name": "--lr-stack-trace-font",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-stack-trace>`** (default: `var(--lr-font-mono)`) — Font family for the parsed frames and the verbatim raw fallback."
+      }
+    },
+    {
+      "name": "--lr-stack-trace-max-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-stack-trace>`** (default: `none`) — Cap on how tall `[part=\"base\"]` grows before it scrolls internally. `none` lets the component grow with its content; the `max-height` attribute sets this token."
+      }
+    },
+    {
+      "name": "--lr-stat-trend-bad-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-stat>`** (default: `color-mix(in srgb, var(--lr-color-danger) 8%, transparent)`) — Background of the trend pill when its polarity is \"bad\"."
+      }
+    },
+    {
+      "name": "--lr-stat-trend-bad-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-stat>`** (default: `var(--lr-color-danger)`) — Text color of the trend pill when its polarity is \"bad\". Independent of the headline value's `variant=\"danger\"` tint, which reads the shared `--lr-color-danger` token directly."
+      }
+    },
+    {
+      "name": "--lr-stat-trend-good-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-stat>`** (default: `color-mix(in srgb, var(--lr-color-success) 8%, transparent)`) — Background of the trend pill when its polarity is \"good\"."
+      }
+    },
+    {
+      "name": "--lr-stat-trend-good-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-stat>`** (default: `var(--lr-color-success)`) — Text color of the trend pill when its polarity is \"good\". Independent of the headline value's `variant=\"success\"` tint, which reads the shared `--lr-color-success` token directly."
+      }
+    },
+    {
+      "name": "--lr-stepper-current-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-stepper>`** (default: `var(--lr-color-text)`) — Text color of the `current` step. Declared as an inline `var()` fallback (never on `:host`), so setting it on the element or an ancestor recolors only the current step without hijacking the library-wide `--lr-color-text` token."
+      }
+    },
+    {
+      "name": "--lr-stepper-current-font-weight",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-stepper>`** (default: `var(--lr-font-weight-semibold)`) — Font weight of the `current` step's label. `::part(step)[data-state='current']` is invalid CSS (an attribute selector cannot follow `::part`), so this is the only way to change just the current step's boldness without hijacking the library-wide `--lr-font-weight-semibold` token."
+      }
+    },
+    {
+      "name": "--lr-stepper-current-index-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-stepper>`** (default: `var(--lr-color-brand)`) — Background of the `current` step's numbered index chip (`step-index`)."
+      }
+    },
+    {
+      "name": "--lr-stepper-current-index-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-stepper>`** (default: `var(--lr-color-surface)`) — Text color of the `current` step's numbered index chip."
+      }
+    },
+    {
+      "name": "--lr-stepper-error-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-stepper>`** (default: `var(--lr-color-danger)`) — Text color of an `error` step."
+      }
+    },
+    {
+      "name": "--lr-stream-status-dot-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-stream-status>`** (default: `var(--lr-color-text-quiet)`) — `indicator` dot color. Swapped by the reflected `phase`: `var(--lr-color-brand)` for `connecting`/`streaming`, `var(--lr-color-warning)` for `stalled`."
+      }
+    },
+    {
+      "name": "--lr-stream-status-dot-opacity",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-stream-status>`** (default: `0.35`) — `indicator` dot opacity. Swapped by the reflected `phase`: `0.6` for `connecting`, `1` for `streaming` and `stalled`."
+      }
+    },
+    {
+      "name": "--lr-streaming-text-cursor-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-streaming-text>`** (default: `var(--lr-size-1em)`) — Height of the `cursor` bar."
+      }
+    },
+    {
+      "name": "--lr-streaming-text-cursor-width",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-streaming-text>`** (default: `var(--lr-size-0-125rem)`) — Width of the `cursor` bar (also its border radius)."
+      }
+    },
+    {
+      "name": "--lr-suggestion-chips-hover-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-suggestion-chips>`** (default: `var(--lr-color-brand-quiet)`) — Background of a hovered chip."
+      }
+    },
+    {
+      "name": "--lr-suggestion-chips-hover-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-suggestion-chips>`** (default: `var(--lr-color-brand)`) — Border color of a hovered chip."
+      }
+    },
+    {
+      "name": "--lr-svg-viewer-active-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-svg-viewer>`** (default: `var(--lr-color-warning, var(--lr-color-brand))`) — Border color of the `[part=\"region-highlight\"]` matching `activeHighlightId`. Distinct from the resting highlight border, so the active region can be recolored without touching the rest."
+      }
+    },
+    {
+      "name": "--lr-svg-viewer-max-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-svg-viewer>`** (default: `none`) — Maximum block size of the scrollable body before it scrolls internally. Also settable via the `max-height` property."
+      }
+    },
+    {
+      "name": "--lr-swatch-picker-selected-blur",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-swatch-picker>`** (default: `0`) — Blur radius of that same ring. 0 by default (a crisp ring); set a real length (e.g. 0.4rem) for a soft glow instead."
+      }
+    },
+    {
+      "name": "--lr-swatch-picker-selected-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-swatch-picker>`** (default: `var(--lr-color-brand)`) — Ring color drawn around the selected swatch, themeable independently of the focus ring and every other ring color."
+      }
+    },
+    {
+      "name": "--lr-swatch-picker-shine-duration",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-swatch-picker>`** (default: `0s`) — Duration of a rhythmic brighten-and-settle \"shine\" on the selected swatch. `0s` (the default) is a no-op -- today's static look for every existing consumer. Set a real duration (e.g. 1.6s) for a pulsing shine; disabled outright under `prefers-reduced-motion: reduce`. Independent of `--lr-swatch-picker-selected-blur` (a separate `filter: brightness()` animation, not `box-shadow`), so the two compose freely, and works identically for a plain color circle and an icon swatch alike."
+      }
+    },
+    {
+      "name": "--lr-switch-thumb-offset",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-switch>`** (default: `var(--lr-size-2px)`) — Inset of the thumb from the track's edges."
+      }
+    },
+    {
+      "name": "--lr-switch-track-block-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-switch>`** (default: `var(--lr-size-1-25rem)`) — Block size of the track; the thumb's diameter is derived from it minus twice `--lr-switch-thumb-offset`."
+      }
+    },
+    {
+      "name": "--lr-switch-track-inline-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-switch>`** (default: `var(--lr-size-2-25rem)`) — Inline size of the track, and (with the block size) the distance the thumb travels when checked."
+      }
+    },
+    {
+      "name": "--lr-table-heat-t",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-table>`** — This cell's position on the heat-tint ramp, as a percentage string. Set inline by the component on each `[data-heat]` cell; not consumer-settable."
+      }
+    },
+    {
+      "name": "--lr-table-heat-tint-hi",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-table>`** (default: `var(--lr-color-brand)`) — High endpoint of the heat-tint ramp used by `heatValue` columns."
+      }
+    },
+    {
+      "name": "--lr-table-heat-tint-lo",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-table>`** (default: `var(--lr-color-brand-quiet)`) — Low endpoint of the heat-tint ramp used by `heatValue` columns."
+      }
+    },
+    {
+      "name": "--lr-table-max-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-table>`** (default: `none`) — Cap on the scroll container's block size, past which the table body scrolls."
+      }
+    },
+    {
+      "name": "--lr-table-resize-handle-opacity",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-table>`** (default: `0.12`) — Hover/focus opacity of the resize handle."
+      }
+    },
+    {
+      "name": "--lr-table-resize-min-width",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-table>`** (default: `var(--lr-size-3rem)`) — Default minimum width for a resizable column without an explicit pixel `minWidth`."
+      }
+    },
+    {
+      "name": "--lr-table-row-selected-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-table>`** (default: `var(--lr-color-brand-quiet)`) — Background of a row whose `aria-selected` is `true`. Shadow Parts forbids an attribute selector after `::part()`, so `::part(row)[aria-selected]` is invalid CSS and the selected row could otherwise only be restyled by hijacking the library-wide `--lr-color-brand-quiet` token."
+      }
+    },
+    {
+      "name": "--lr-table-sticky-offset",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-table>`** (default: `0`) — Distance a `sticky` column pins from the inline edge. Measured and set inline per column by the component so multiple sticky columns stack instead of overlapping; falls back to `0` for the first one, or before the first measurement pass."
+      }
+    },
+    {
+      "name": "--lr-tabs-hover-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tabs>`** (default: `var(--lr-color-text)`) — Text color of a hovered, non-disabled tab. Independent of the selected-state props above."
+      }
+    },
+    {
+      "name": "--lr-tabs-indicator-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tabs>`** (default: `var(--lr-color-brand)`) — Color of the selected tab's underline, themeable independently of its text color."
+      }
+    },
+    {
+      "name": "--lr-tabs-selected-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tabs>`** (default: `var(--lr-color-brand)`) — Text color of the selected tab. Scoped to `[aria-selected='true']` only, so it never repaints a hovered unselected tab (which is what hijacking `--lr-color-brand` library-wide used to do)."
+      }
+    },
+    {
+      "name": "--lr-task-list-compact-body-padding",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-task-list>`** (default: `var(--lr-space-2xs) var(--lr-space-s) var(--lr-space-s)`) — `[part=\"body\"]` padding while `compact`."
+      }
+    },
+    {
+      "name": "--lr-task-list-compact-gap",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-task-list>`** (default: `var(--lr-space-2xs)`) — Gap between `[part=\"body\"]`'s item rows while `compact`."
+      }
+    },
+    {
+      "name": "--lr-task-list-compact-header-padding",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-task-list>`** (default: `var(--lr-space-2xs) var(--lr-space-s)`) — `[part=\"header\"]` padding while `compact`."
+      }
+    },
+    {
+      "name": "--lr-task-list-spin",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-task-list>`** (default: `1s linear`) — Running-status icon spin animation duration/timing."
+      }
+    },
+    {
+      "name": "--lr-terminal-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-terminal>`** (default: `var(--lr-size-20rem)`) — Block size of `[part=\"viewport\"]`, the scrollable log region. Not declared on `:host`, so it is inherited — set it on the host or any ancestor."
+      }
+    },
+    {
+      "name": "--lr-terminal-highlight-accent-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-terminal>`** (default: `var(--lr-color-brand-quiet)`) — Background of an `accent`-tone highlighted line. Decoupled from the shared `--lr-color-brand-quiet` token also used by `[part=\"copy-button\"]`/`[part=\"download-button\"]`'s hover state, and from any `::part('line')` override (the background is applied inline, so a stylesheet rule can't beat it without `!important`)."
+      }
+    },
+    {
+      "name": "--lr-terminal-highlight-danger-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-terminal>`** (default: `var(--lr-color-danger-quiet)`) — Background of a `danger`-tone highlighted line."
+      }
+    },
+    {
+      "name": "--lr-terminal-highlight-neutral-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-terminal>`** (default: `var(--lr-color-surface)`) — Background of a `neutral`-tone highlighted line."
+      }
+    },
+    {
+      "name": "--lr-terminal-highlight-success-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-terminal>`** (default: `var(--lr-color-success-quiet)`) — Background of a `success`-tone highlighted line."
+      }
+    },
+    {
+      "name": "--lr-terminal-highlight-warning-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-terminal>`** (default: `var(--lr-color-warning-quiet)`) — Background of a `warning`-tone highlighted line."
+      }
+    },
+    {
+      "name": "--lr-test-results-filter-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-test-results>`** (default: `var(--lr-color-brand-quiet)`) — Background of a pressed (active) status filter toggle."
+      }
+    },
+    {
+      "name": "--lr-test-results-filter-active-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-test-results>`** (default: `var(--lr-color-brand)`) — Border color of a pressed (active) status filter toggle."
+      }
+    },
+    {
+      "name": "--lr-test-results-filter-active-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-test-results>`** (default: `var(--lr-color-brand)`) — Text color of a pressed (active) status filter toggle. Restyling the pressed state otherwise requires overriding the library-wide brand tokens, since `::part(filter-toggle)[aria-pressed]` is invalid CSS."
+      }
+    },
+    {
+      "name": "--lr-textarea-max-block-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-textarea>`** (default: `none`) — Maximum auto-grown block size before the textarea scrolls."
+      }
+    },
+    {
+      "name": "--lr-thinking-panel-max-block-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-thinking-panel>`** (default: `var(--lr-size-16rem)`) — Cap on how tall the expanded reasoning transcript grows before `[part=\"body\"]` scrolls internally."
+      }
+    },
+    {
+      "name": "--lr-time-range-preset-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-time-range>`** (default: `var(--lr-color-brand)`) — Background of the active preset button (`[data-active]`, i.e. the preset whose range matches the current value). Declared as an inline `var()` fallback (never on `:host`), so setting it on the element or an ancestor recolors only the active preset without hijacking the library-wide `--lr-color-brand` token."
+      }
+    },
+    {
+      "name": "--lr-time-range-preset-active-border-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-time-range>`** (default: `var(--lr-color-brand)`) — Border color of the active preset button."
+      }
+    },
+    {
+      "name": "--lr-time-range-preset-active-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-time-range>`** (default: `var(--lr-color-on-brand)`) — Text color of the active preset button."
+      }
+    },
+    {
+      "name": "--lr-timeline-gap",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-timeline>`** (default: `var(--lr-space-l)`) — Spacing between consecutive items along the timeline's main axis; also the length each item's own rail visually bridges to reach the next item's marker. Declared here but actually consumed inside each `<lr-timeline-item>`'s own stylesheet, via ordinary CSS custom-property inheritance across the slot boundary."
+      }
+    },
+    {
+      "name": "--lr-timeline-item-direction",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-timeline-item>`** (default: `row`) — Internal orientation plumbing, not a retheming knob: `[part=\"base\"]`'s `flex-direction`, set by an ancestor `<lr-timeline>`'s `:host` and inherited across the slot boundary (`row` vertical, `column` horizontal). The `row` fallback applies when the item is used standalone."
+      }
+    },
+    {
+      "name": "--lr-timeline-item-gap-block-end",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-timeline-item>`** (default: `0`) — Internal orientation plumbing, not a retheming knob: `[part=\"content\"]`'s `padding-block-end`, set by a vertical `<lr-timeline>` so the rail reaches the next item's marker. `0` when standalone or horizontal; retheme `--lr-timeline-gap` on `<lr-timeline>` instead."
+      }
+    },
+    {
+      "name": "--lr-timeline-item-gap-inline-end",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-timeline-item>`** (default: `0`) — Internal orientation plumbing, not a retheming knob: the inline-axis counterpart of `--lr-timeline-item-gap-block-end`, non-zero only under a horizontal `<lr-timeline>`."
+      }
+    },
+    {
+      "name": "--lr-timeline-item-rail-visibility",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-timeline-item>`** (default: `visible`) — Internal plumbing, not a retheming knob: `[part=\"rail\"]`'s `visibility`, set to `hidden` by `<lr-timeline>`'s `::slotted(:last-child)` rule so the final item has no trailing rail."
+      }
+    },
+    {
+      "name": "--lr-timeline-item-track-direction",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-timeline-item>`** (default: `column`) — Internal orientation plumbing, not a retheming knob: `[part=\"track\"]`'s `flex-direction`, always the opposite axis from `--lr-timeline-item-direction` and set alongside it by `<lr-timeline>`."
+      }
+    },
+    {
+      "name": "--lr-timeline-marker-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-timeline-item>`** (default: `var(--lr-color-text-quiet)`) — Marker fill/accent color. Swapped per `variant` (see the class doc's variant table); a consumer overriding this directly on one item wins over the variant default via normal CSS cascade/specificity."
+      }
+    },
+    {
+      "name": "--lr-timeline-marker-size",
       "description": {
         "kind": "markdown",
         "value": "**`<lr-timeline-item>`** (default: `var(--lr-size-1-25rem)`) — Diameter of the marker circle (both inline-size and block-size, so the default dot stays circular)."
@@ -820,6 +3067,118 @@
         "value": "**`<lr-timeline-item>`** (default: `var(--lr-border-width-medium)`) — Thickness of the connecting rail line."
       }
     },
+    {
+      "name": "--lr-toast-accent-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-toast>`** (default: `var(--lr-color-border)`) — Accent bar / icon color of a slotted item, auto-swapped per its `variant`. Read by `<lr-toast-item>`, so set it on the item.\n\n**`<lr-toast-item>`** (default: `var(--lr-color-border)`) — Color of the accent bar and the icon, auto-swapped per `variant`."
+      }
+    },
+    {
+      "name": "--lr-toast-accent-width",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-toast>`** (default: `var(--lr-size-4px)`) — Width of a slotted item's accent bar. Read by `<lr-toast-item>`'s own stylesheet, so set it on the item.\n\n**`<lr-toast-item>`** (default: `var(--lr-size-4px)`) — Width of the accent bar, and the extra inline-start padding reserved for it."
+      }
+    },
+    {
+      "name": "--lr-toast-font-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-toast>`** (default: `var(--lr-font-size-md)`) — Font size of a slotted item, auto-swapped per its `size`. Read by `<lr-toast-item>`, so set it on the item.\n\n**`<lr-toast-item>`** (default: `var(--lr-font-size-md)`) — Font size of the item, auto-swapped per `size`."
+      }
+    },
+    {
+      "name": "--lr-toast-gap",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-toast>`** (default: `var(--lr-space-s)`) — Gap between stacked items."
+      }
+    },
+    {
+      "name": "--lr-toast-hide-duration",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-toast>`** (default: `var(--lr-transition-base, 180ms ease-out)`) — Hide transition of a slotted item. Read by `<lr-toast-item>`, so set it on the item.\n\n**`<lr-toast-item>`** (default: `var(--lr-transition-base, 180ms ease-out)`) — Opacity/transform transition used while hiding."
+      }
+    },
+    {
+      "name": "--lr-toast-padding",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-toast>`** (default: `var(--lr-space-m)`) — Padding of a slotted item, auto-swapped per its `size`. Read by `<lr-toast-item>`, so set it on the item.\n\n**`<lr-toast-item>`** (default: `var(--lr-space-m)`) — Padding of the item, auto-swapped per `size`."
+      }
+    },
+    {
+      "name": "--lr-toast-show-duration",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-toast>`** (default: `var(--lr-transition-base, 180ms ease-out)`) — Show transition of a slotted item. Read by `<lr-toast-item>`, so set it on the item.\n\n**`<lr-toast-item>`** (default: `var(--lr-transition-base, 180ms ease-out)`) — Opacity/transform transition used while showing."
+      }
+    },
+    {
+      "name": "--lr-toast-width",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-toast>`** (default: `var(--lr-size-28rem)`) — Inline size of the stack, capped by the viewport minus the placement insets."
+      }
+    },
+    {
+      "name": "--lr-token-input-editor-inline-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-token-input>`** (default: `var(--lr-size-6rem)`) — Inline size of the inline token editor opened by `editable`."
+      }
+    },
+    {
+      "name": "--lr-token-input-input-inline-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-token-input>`** (default: `var(--lr-size-8rem)`) — `flex-basis` of the native text input within the token row."
+      }
+    },
+    {
+      "name": "--lr-token-input-min-input-inline-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-token-input>`** (default: `var(--lr-size-4rem)`) — Inline-size floor of the native text input, so it stays usable once tokens wrap."
+      }
+    },
+    {
+      "name": "--lr-tool-approval-dialog-mono-font",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tool-approval-dialog>`** (default: `var(--lr-font-mono)`) — Font family for the tool name and the raw-JSON args editor."
+      }
+    },
+    {
+      "name": "--lr-tool-approval-dialog-overlay-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tool-approval-dialog>`** (default: `var(--lr-color-overlay)`) — Backdrop scrim color."
+      }
+    },
+    {
+      "name": "--lr-tool-call-chip-accent",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tool-call-chip>`** (default: `var(--lr-color-text-quiet)`) — Per-status accent color for the status glyph and status text. Reassigned by this component's own `:host([status=\"…\"])` rules (`running` → brand, `success` → success, `error` → danger, `denied` → warning), so a page-level override only wins for the default/`pending` tone."
+      }
+    },
+    {
+      "name": "--lr-tool-call-chip-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tool-call-chip>`** (default: `var(--lr-color-surface)`) — Per-status chip background. Reassigned by the same `:host([status=\"…\"])` rules (each status's `-quiet` tint)."
+      }
+    },
+    {
+      "name": "--lr-tool-call-chip-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tool-call-chip>`** (default: `var(--lr-color-border)`) — Per-status chip border color. Reassigned by the same `:host([status=\"…\"])` rules (`transparent` for every non-`pending` status)."
+      }
+    },
     {
       "name": "--lr-tool-call-chip-spin",
       "description": {
@@ -848,6 +3207,27 @@
         "value": "**`<lr-tool-result-dialog>`** (default: `1s linear`) — Running-status animation duration and timing."
       }
     },
+    {
+      "name": "--lr-tool-result-view-font",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tool-result-view>`** (default: `var(--lr-font-mono)`) — Font family for the `fallback=\"text\"` preformatted output."
+      }
+    },
+    {
+      "name": "--lr-tool-select-dialog-overlay-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tool-select-dialog>`** (default: `var(--lr-color-overlay)`) — Backdrop scrim color."
+      }
+    },
+    {
+      "name": "--lr-tool-timeline-denied-marker-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tool-timeline>`** (default: `var(--lr-color-warning)`) — Rail-dot color for a `status=\"denied\"` entry, decoupled from the pending-approval border below so a consumer can retint either independently."
+      }
+    },
     {
       "name": "--lr-tool-timeline-gap",
       "description": {
@@ -855,6 +3235,20 @@
         "value": "**`<lr-tool-timeline>`** (default: `var(--lr-space-l)`) — Vertical gap between entries."
       }
     },
+    {
+      "name": "--lr-tool-timeline-marker-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tool-timeline>`** (default: `var(--lr-size-0-625rem)`) — Diameter of an entry's rail dot; also the width of the marker gutter column."
+      }
+    },
+    {
+      "name": "--lr-tool-timeline-pending-approval-border-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tool-timeline>`** (default: `var(--lr-color-warning)`) — Color of the entry body's leading border while `data-pending-approval=\"true\"`."
+      }
+    },
     {
       "name": "--lr-tooltip-background",
       "description": {
@@ -890,6 +3284,13 @@
         "value": "**`<lr-tour>`** — Maximum popover inline size. Defaults to `--lr-size-22rem`."
       }
     },
+    {
+      "name": "--lr-tour-progress-dot-current-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tour>`** (default: `var(--lr-color-brand)`) — Background of `progress-dot` for the current step, without repainting every other component that reuses the shared brand token."
+      }
+    },
     {
       "name": "--lr-tour-spotlight-radius",
       "description": {
@@ -911,6 +3312,20 @@
         "value": "**`<lr-tour>`** — Spotlight ring thickness. Defaults to `--lr-border-width-medium`."
       }
     },
+    {
+      "name": "--lr-trace-tree-row-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-trace-tree>`** (default: `var(--lr-color-brand-quiet)`) — Background of the active (`activeSpanId`) row. Shadow Parts forbids an attribute selector after `::part()`, so the active row could otherwise only be restyled by hijacking the library-wide `--lr-color-brand-quiet` token. Pairs with `--lr-trace-tree-row-active-color`: set both together, since the defaults assume the active background stays on the same side of the lightness midpoint as the ambient surface — a dark tint in light mode needs the matching text color set too, or the row's secondary text drops below the WCAG AA contrast floor."
+      }
+    },
+    {
+      "name": "--lr-trace-tree-row-active-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-trace-tree>`** (default: `var(--lr-color-text)`) — Foreground reference for the active (`activeSpanId`) row. It sets the color of that row's secondary text (`detail`, `duration`, `tokens-in`, `tokens-out`, `cost`, and the `pending` status label), which is raised from the quiet token to full-strength text so it clears WCAG AA against the active row's tint. The semantic status labels keep their own hue but are mixed 25% toward this same value, so overriding it re-aims every foreground on the row at once rather than leaving the status colors stranded. See the pairing caveat on `--lr-trace-tree-row-active-bg`."
+      }
+    },
     {
       "name": "--lr-transition-ambient",
       "description": {
@@ -918,6 +3333,13 @@
         "value": "**`<lr-chat-message>`** (default: `1.8s ease-in-out`) — Streaming-indicator animation duration and timing function.\n\n**`<lr-skeleton>`** (default: `1.8s ease-in-out`) — Animation duration and timing function shared by the pulse and sheen effects.\n\n**`<lr-tool-call-chip>`** (default: `1.8s ease-in-out`) — Pending-icon pulse duration and timing.\n\n**`<lr-typing-indicator>`** (default: `1.8s ease-in-out`) — Animation duration and timing function shared by all variants."
       }
     },
+    {
+      "name": "--lr-tree-depth",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tree-node>`** (default: `0`) — Internal indent plumbing, not a retheming knob: this node's `depth`, written inline onto `[part=\"row\"]` by the component and multiplied by `--lr-space-l` (capped at `--lr-size-8rem`) to produce the row's `padding-inline-start`."
+      }
+    },
     {
       "name": "--lr-typing-dot-stagger-1",
       "description": {
@@ -932,6 +3354,48 @@
         "value": "**`<lr-typing-indicator>`** (default: `1200ms`) — Delay for the third dot in the dots variant."
       }
     },
+    {
+      "name": "--lr-virtual-list-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-virtual-list>`** (default: `var(--lr-size-24rem)`) — The scroll viewport's height. A virtualized list needs a bounded scroll extent, so this ships a default rather than collapsing to zero when a caller does not size the host."
+      }
+    },
+    {
+      "name": "--lr-widget-backdrop-inset",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-widget>`** (default: `var(--lr-widget-fullscreen-inset)`) — The `inset` applied to `[part=\"backdrop\"]`, so the scrim can be pulled back independently of the panel. Also set inline from the `backdrop-inset` attribute (falling back to `fullscreen-inset`). `fullscreen-inset` overrides the default `var(--lr-space-l)` inset applied to `[part=\"base\"]` and `[part=\"backdrop\"]` while fullscreen (e.g. `\"0 0 0 240px\"` to leave a persistent sidebar visible). `compact` tightens header/body padding — same convention as `lr-empty`'s `compact`."
+      }
+    },
+    {
+      "name": "--lr-widget-fullscreen-inset",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-widget>`** (default: `max(var(--lr-space-l), var(--lr-safe-area-top)) max(var(--lr-space-l), var(--lr-safe-area-inline-end)) max(var(--lr-space-l), var(--lr-safe-area-bottom)) max(var(--lr-space-l), var(--lr-safe-area-inline-start))`) — The `inset` applied to `[part=\"base\"]` while `fullscreen`. Also set inline from the `fullscreen-inset` attribute."
+      }
+    },
+    {
+      "name": "--lr-widget-overlay-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-widget>`** (default: `var(--lr-color-overlay)`) — The fullscreen scrim's color, applied to `[part=\"backdrop\"]`."
+      }
+    },
+    {
+      "name": "--lr-widget-view-toggle-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-widget>`** (default: `var(--lr-color-brand-quiet)`) — Background of the pressed (`aria-pressed=\"true\"`) view toggle. Declared as an inline `var()` fallback (never on `:host`), so setting it on the element or an ancestor recolors only the active toggle without hijacking the library-wide `--lr-color-brand-quiet` token."
+      }
+    },
+    {
+      "name": "--lr-widget-view-toggle-active-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-widget>`** (default: `var(--lr-color-brand)`) — Text color of the pressed view toggle."
+      }
+    },
     {
       "name": "--lr-word-cloud-color-1",
       "description": {
@@ -988,6 +3452,27 @@
         "value": "**`<lr-word-cloud>`** (default: `var(--lr-color-chart-4)`) — Eighth entry of the default categorical palette."
       }
     },
+    {
+      "name": "--lr-xml-viewer-active-match-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-xml-viewer>`** (default: `var(--lr-color-warning)`) — Outline color of the `[part=\"node\"]` holding the current search match. Scoped to the active match, so the dashed outline on the other matches keeps the shared warning token."
+      }
+    },
+    {
+      "name": "--lr-xml-viewer-match-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-xml-viewer>`** (default: `var(--lr-color-warning-quiet)`) — Background of a matching `[part=\"tag\"]`/`[part=\"attribute-value\"]`."
+      }
+    },
+    {
+      "name": "--lr-xml-viewer-match-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-xml-viewer>`** (default: `var(--lr-color-warning)`) — Outline color of a (non-active) `[part=\"node\"]` search match, and the tint source for a matching `[part=\"text\"]`'s background. Distinct from `--lr-xml-viewer-active-match-color`, so the non-active matches can be recolored without touching the active one."
+      }
+    },
     {
       "name": "--lr-xml-viewer-max-height",
       "description": {
@@ -1001,6 +3486,13 @@
         "kind": "markdown",
         "value": "**`<lr-zoomable-frame>`** — Minimum viewport block size."
       }
+    },
+    {
+      "name": "--lr-zoomable-frame-zoom",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-zoomable-frame>`** (default: `1`) — The scale factor applied to `[part=\"content\"]`. Written by the component itself on every render from the current `zoom`, so it is a read-out rather than a consumer knob; set the `zoom` property instead."
+      }
     }
   ]
 }