@aceshooting/lyra-ui 6.1.0 → 7.0.0

package/vscode-css-data.json

@@ -8,6 +8,20 @@
         "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-eval-dashboard-active-background",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-agent-eval-dashboard>`** (default: `var(--lr-color-brand-quiet)`) — Active metric background."
+      }
+    },
+    {
+      "name": "--lr-agent-eval-dashboard-active-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-agent-eval-dashboard>`** (default: `var(--lr-color-brand)`) — Active metric border."
+      }
+    },
     {
       "name": "--lr-agent-run-compact-gap",
       "description": {
@@ -22,11 +36,32 @@
         "value": "**`<lr-agent-run>`** (default: `var(--lr-space-s)`) — `[part=\"base\"]` padding while `compact`."
       }
     },
+    {
+      "name": "--lr-agent-run-metric-danger-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-agent-run>`** (default: `var(--lr-color-danger)`) — Danger metric value."
+      }
+    },
+    {
+      "name": "--lr-agent-run-metric-success-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-agent-run>`** (default: `var(--lr-color-success)`) — Success metric value."
+      }
+    },
+    {
+      "name": "--lr-agent-run-metric-warning-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-agent-run>`** (default: `var(--lr-color-warning)`) — Warning metric value."
+      }
+    },
     {
       "name": "--lr-agent-run-spin",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-agent-run>`** (default: `1s linear`) — Current-step icon spin animation duration and timing."
+        "value": "**`<lr-agent-run>`** (default: `var(--lr-transition-ambient)`) — Current-step icon spin animation."
       }
     },
     {
@@ -127,6 +162,13 @@
         "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-approval-queue-selected-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-approval-queue>`** (default: `var(--lr-color-brand)`) — Selected request border."
+      }
+    },
     {
       "name": "--lr-artifact-panel-view-active-bg",
       "description": {
@@ -414,6 +456,48 @@
         "value": "**`<lr-browser-frame>`** (default: `16 / 9`) — The viewport's aspect ratio."
       }
     },
+    {
+      "name": "--lr-browser-frame-controller-background",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-browser-frame>`** (default: `var(--lr-color-brand-quiet)`) — Controller badge background."
+      }
+    },
+    {
+      "name": "--lr-browser-frame-controller-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-browser-frame>`** (default: `var(--lr-color-brand)`) — Controller badge text color."
+      }
+    },
+    {
+      "name": "--lr-browser-frame-ping-click-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-browser-frame>`** (default: `var(--lr-color-brand)`) — Click-ping border color."
+      }
+    },
+    {
+      "name": "--lr-browser-frame-ping-move-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-browser-frame>`** (default: `var(--lr-color-text-quiet)`) — Move-ping border color."
+      }
+    },
+    {
+      "name": "--lr-browser-frame-ping-scroll-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-browser-frame>`** (default: `var(--lr-color-warning)`) — Scroll-ping border color."
+      }
+    },
+    {
+      "name": "--lr-browser-frame-ping-type-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-browser-frame>`** (default: `var(--lr-color-success)`) — Type-ping border color."
+      }
+    },
     {
       "name": "--lr-button-accent",
       "description": {
@@ -554,6 +638,13 @@
         "value": "**`<lr-button>`** (default: `var(--lr-radius)`) — Corner radius of the internal button. Does not vary by `size` tier. `appearance=\"link\"` ignores it (it renders with zero radius)."
       }
     },
+    {
+      "name": "--lr-button-shadow",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-button>`** — Box shadow of the internal button. **Undeclared by default**, so `box-shadow` falls back to `none` — byte-identical to before this property existed. Set it (e.g. an elevated/floating action button) without a `::part(base)` rule."
+      }
+    },
     {
       "name": "--lr-button-size-2xs",
       "description": {
@@ -600,7 +691,7 @@
       "name": "--lr-button-spinner-duration",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-button>`** (default: `1s`) — Rotation period of the `loading` spinner."
+        "value": "**`<lr-button>`** (default: `var(--lr-transition-ambient)`) — Timing of the `loading` spinner."
       }
     },
     {
@@ -757,6 +848,55 @@
         "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-chat-message-failed-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-chat-message>`** (default: `var(--lr-color-danger-quiet)`) — Failed bubble fill."
+      }
+    },
+    {
+      "name": "--lr-chat-message-failed-border-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-chat-message>`** (default: `var(--lr-color-danger)`) — Failed bubble border."
+      }
+    },
+    {
+      "name": "--lr-chat-message-failed-footer-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-chat-message>`** (default: `var(--lr-color-danger)`) — Failed-message footer text."
+      }
+    },
+    {
+      "name": "--lr-chat-message-failed-indicator-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-chat-message>`** (default: `var(--lr-color-danger)`) — Failed indicator."
+      }
+    },
+    {
+      "name": "--lr-chat-message-failed-status-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-chat-message>`** (default: `var(--lr-color-danger)`) — Failed status text."
+      }
+    },
+    {
+      "name": "--lr-chat-message-footer-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-chat-message>`** (default: `var(--lr-color-text-quiet)`) — Default footer text."
+      }
+    },
+    {
+      "name": "--lr-chat-message-indicator-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-chat-message>`** (default: `var(--lr-color-text-quiet)`) — Default status indicator."
+      }
+    },
     {
       "name": "--lr-chat-message-max-width",
       "description": {
@@ -764,6 +904,27 @@
         "value": "**`<lr-chat-message>`** (default: `80%`) — Maximum inline size of the message bubble."
       }
     },
+    {
+      "name": "--lr-chat-message-streaming-border-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-chat-message>`** (default: `var(--lr-color-brand)`) — Streaming bubble border."
+      }
+    },
+    {
+      "name": "--lr-chat-message-streaming-indicator-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-chat-message>`** (default: `var(--lr-color-brand)`) — Streaming indicator."
+      }
+    },
+    {
+      "name": "--lr-chat-message-system-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-chat-message>`** (default: `var(--lr-color-text-quiet)`) — System-message text color."
+      }
+    },
     {
       "name": "--lr-chat-message-user-bubble-bg",
       "description": {
@@ -778,6 +939,13 @@
         "value": "**`<lr-chat-message>`** (default: `var(--lr-color-text)`) — Bubble text color for `data-role=\"user\"`."
       }
     },
+    {
+      "name": "--lr-chat-message-user-footer-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-chat-message>`** (default: `var(--lr-color-text)`) — User-message footer text."
+      }
+    },
     {
       "name": "--lr-checkbox-checked-bg",
       "description": {
@@ -803,7 +971,7 @@
       "name": "--lr-checkpoint-spin-duration",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-checkpoint>`** (default: `1s`) — Duration of one restoring-spinner rotation (stopped under reduced motion)."
+        "value": "**`<lr-checkpoint>`** (default: `var(--lr-transition-ambient)`) — Restoring-spinner timing, inheriting the shared ambient-motion token by default (stopped under reduced motion)."
       }
     },
     {
@@ -845,7 +1013,7 @@
       "name": "--lr-chip-height",
       "description": {
         "kind": "markdown",
-        "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."
+        "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 shared interactive target is for non-interactive chips only."
       }
     },
     {
@@ -859,7 +1027,7 @@
       "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 `3xs`/`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."
+        "value": "**`<lr-chip>`** (default: `var(--lr-size-1-5rem)`) — Component density floor for an interactive chip. The real toggle/remove controls also enforce the shared `--lr-icon-button-size` target floor."
       }
     },
     {
@@ -981,6 +1149,27 @@
         "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-color-picker-gap",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-color-picker>`** (default: `var(--lr-space-xs)`) — Gap between field chrome."
+      }
+    },
+    {
+      "name": "--lr-color-picker-hover-border-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-color-picker>`** (default: `var(--lr-color-brand)`) — Hover border color."
+      }
+    },
+    {
+      "name": "--lr-color-picker-radius",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-color-picker>`** (default: `var(--lr-radius)`) — Swatch corner radius."
+      }
+    },
     {
       "name": "--lr-color-picker-swatch-size",
       "description": {
@@ -1016,6 +1205,34 @@
         "value": "**`<lr-combobox>`** (default: `var(--lr-color-brand-quiet)`) — Background of a hovered or keyboard-active option row."
       }
     },
+    {
+      "name": "--lr-combobox-option-selected-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-combobox>`** (default: `transparent`) — Background of the currently-selected option row. Not declared on `:host`; retheme without hijacking `--lr-color-brand`."
+      }
+    },
+    {
+      "name": "--lr-combobox-option-selected-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-combobox>`** (default: `var(--lr-color-brand)`) — Border color of the selected option row."
+      }
+    },
+    {
+      "name": "--lr-combobox-option-selected-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-combobox>`** (default: `var(--lr-color-brand)`) — Text color of the selected option row."
+      }
+    },
+    {
+      "name": "--lr-combobox-option-selected-font-weight",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-combobox>`** (default: `var(--lr-font-weight-semibold)`) — Font weight of the selected option row."
+      }
+    },
     {
       "name": "--lr-combobox-radius",
       "description": {
@@ -1065,6 +1282,13 @@
         "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-group-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-command-palette>`** (default: `var(--lr-size-2rem)`) — Virtual group-heading height."
+      }
+    },
     {
       "name": "--lr-command-palette-list-max-block-size",
       "description": {
@@ -1093,6 +1317,13 @@
         "value": "**`<lr-command-palette>`** (default: `12vh`) — Gap between the viewport top and the dialog."
       }
     },
+    {
+      "name": "--lr-command-palette-row-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-command-palette>`** (default: `var(--lr-size-3rem)`) — Virtual command-row height."
+      }
+    },
     {
       "name": "--lr-command-palette-z-index",
       "description": {
@@ -1184,6 +1415,27 @@
         "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-active-indicator-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-conversation-item>`** (default: `var(--lr-color-brand)`) — Color of the decorative `[part=\"active-indicator\"]` while `active`."
+      }
+    },
+    {
+      "name": "--lr-conversation-item-active-indicator-inset-inline",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-conversation-item>`** (default: `0 auto`) — Logical inline-start and inline-end insets for `[part=\"active-indicator\"]`; set `auto 0` to place it at inline-end."
+      }
+    },
+    {
+      "name": "--lr-conversation-item-active-indicator-width",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-conversation-item>`** (default: `var(--lr-size-2px)`) — Inline size of `[part=\"active-indicator\"]` while `active`."
+      }
+    },
     {
       "name": "--lr-conversation-item-compact-gap",
       "description": {
@@ -1219,6 +1471,13 @@
         "value": "**`<lr-dashboard-grid>`** (default: `var(--lr-color-border-strong)`) — Outline color of a cell's mouse-hover preview of its own `:focus-visible` ring (shown because every cell is a real focusable, draggable/resizable target). Set to `transparent` to opt out."
       }
     },
+    {
+      "name": "--lr-dashboard-grid-collision-outline-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-dashboard-grid>`** (default: `var(--lr-color-danger)`) — Outline color of a cell whose current drag/resize preview collides with another cell."
+      }
+    },
     {
       "name": "--lr-dashboard-grid-columns",
       "description": {
@@ -1268,6 +1527,13 @@
         "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-focus-border-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-date-input>`** (default: `var(--lr-color-brand)`) — Focused row border color."
+      }
+    },
     {
       "name": "--lr-date-input-font-size",
       "description": {
@@ -1275,6 +1541,13 @@
         "value": "**`<lr-date-input>`** (default: `inherit`) — Font size of the text input, scaled by `size`."
       }
     },
+    {
+      "name": "--lr-date-input-gap",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-date-input>`** (default: `var(--lr-space-xs)`) — Gap between input-row children."
+      }
+    },
     {
       "name": "--lr-date-input-padding-block",
       "description": {
@@ -1290,173 +1563,397 @@
       }
     },
     {
-      "name": "--lr-dialog-max-width",
+      "name": "--lr-date-input-placeholder-color",
       "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."
+        "value": "**`<lr-date-input>`** (default: `var(--lr-color-text-quiet)`) — Placeholder text color."
       }
     },
     {
-      "name": "--lr-dialog-overlay-color",
+      "name": "--lr-date-input-radius",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-dialog>`, `<lr-drawer>`** (default: `var(--lr-color-overlay)`) — Backdrop scrim color."
+        "value": "**`<lr-date-input>`** (default: `var(--lr-radius)`) — Input-row corner radius."
       }
     },
     {
-      "name": "--lr-dialog-width",
+      "name": "--lr-date-picker-header-gap",
       "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."
+        "value": "**`<lr-date-picker>`** (default: `var(--lr-space-s)`) — Month-header child gap."
       }
     },
     {
-      "name": "--lr-diff-view-font",
+      "name": "--lr-date-picker-month-gap",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-diff-view>`** (default: `var(--lr-font-mono)`) — Font family used for the diff lines."
+        "value": "**`<lr-date-picker>`** (default: `var(--lr-space-l)`) — Gap between visible months."
       }
     },
     {
-      "name": "--lr-dock-panel-collapsed-size",
+      "name": "--lr-date-picker-radius",
       "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."
+        "value": "**`<lr-date-picker>`** (default: `var(--lr-radius)`) — Calendar and control corner radius."
       }
     },
     {
-      "name": "--lr-document-compare-pane-max-height",
+      "name": "--lr-dialog-max-width",
       "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."
+        "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-document-preview-active-border",
+      "name": "--lr-dialog-overlay-color",
       "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."
+        "value": "**`<lr-dialog>`, `<lr-drawer>`** (default: `var(--lr-color-overlay)`) — Backdrop scrim color."
       }
     },
     {
-      "name": "--lr-document-preview-font",
+      "name": "--lr-dialog-width",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-document-preview>`** (default: `var(--lr-font-mono)`) — Font used for plain-text previews."
+        "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-document-preview-max-height",
+      "name": "--lr-diff-view-add-background",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-document-preview>`** (default: `none`) — Maximum body block size before the preview scrolls internally."
+        "value": "**`<lr-diff-view>`** (default: `var(--lr-color-success-quiet)`) — Added-line background."
       }
     },
     {
-      "name": "--lr-document-preview-progress",
+      "name": "--lr-diff-view-add-color",
       "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."
+        "value": "**`<lr-diff-view>`** (default: `var(--lr-color-success)`) — Added-line text color."
       }
     },
     {
-      "name": "--lr-document-preview-spin-duration",
+      "name": "--lr-diff-view-fold-background",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-document-preview>`** (default: `0.8s`) — Duration of one indeterminate loading-indicator rotation."
+        "value": "**`<lr-diff-view>`** (default: `var(--lr-color-surface-raised)`) — Fold-marker background."
       }
     },
     {
-      "name": "--lr-document-viewer-max-height",
+      "name": "--lr-diff-view-fold-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-document-viewer>`** (default: `70vh`) — Maximum block size of the dialog body before it scrolls internally."
+        "value": "**`<lr-diff-view>`** (default: `var(--lr-color-text-quiet)`) — Fold-marker text color."
       }
     },
     {
-      "name": "--lr-docx-viewer-max-height",
+      "name": "--lr-diff-view-font",
       "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-diff-view>`** (default: `var(--lr-font-mono)`) — Font family used for the diff lines."
       }
     },
     {
-      "name": "--lr-drawer-enter-x",
+      "name": "--lr-diff-view-remove-background",
       "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`."
+        "value": "**`<lr-diff-view>`** (default: `var(--lr-color-danger-quiet)`) — Removed-line background."
       }
     },
     {
-      "name": "--lr-drawer-enter-y",
+      "name": "--lr-diff-view-remove-color",
       "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`."
+        "value": "**`<lr-diff-view>`** (default: `var(--lr-color-danger)`) — Removed-line text color."
       }
     },
     {
-      "name": "--lr-drawer-height",
+      "name": "--lr-dock-panel-collapsed-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-drawer>`** — Block size for top/bottom drawers."
+        "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-drawer-width",
+      "name": "--lr-document-compare-pane-max-height",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-drawer>`** — Inline size for start/end drawers."
+        "value": "**`<lr-document-compare>`** (default: `var(--lr-size-24rem)`) — Maximum block size of a side-by-side pane before it scrolls internally."
       }
     },
     {
-      "name": "--lr-email-viewer-max-height",
+      "name": "--lr-document-preview-active-border",
       "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\"]`."
+        "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-emoji-picker-active-bg",
+      "name": "--lr-document-preview-font",
       "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."
+        "value": "**`<lr-document-preview>`** (default: `var(--lr-font-mono)`) — Font used for plain-text previews."
       }
     },
     {
-      "name": "--lr-emoji-picker-gap",
+      "name": "--lr-document-preview-highlight-accent-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-emoji-picker>`** (default: `var(--lr-space-2xs)`) — Gap between emoji within a windowed row."
+        "value": "**`<lr-document-preview>`** (default: `var(--lr-color-brand)`) — Accent highlight border and hover tint."
       }
     },
     {
-      "name": "--lr-emoji-picker-glyph-size",
+      "name": "--lr-document-preview-highlight-danger-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-emoji-picker>`** (default: `var(--lr-font-size-lg)`) — Font size of the emoji glyph, scaled by the `size` property to keep the glyph proportional to the item box."
+        "value": "**`<lr-document-preview>`** (default: `var(--lr-color-danger)`) — Danger highlight border and hover tint."
       }
     },
     {
-      "name": "--lr-emoji-picker-item-size",
+      "name": "--lr-document-preview-highlight-neutral-color",
       "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."
+        "value": "**`<lr-document-preview>`** (default: `var(--lr-color-neutral)`) — Neutral highlight border and hover tint."
       }
     },
     {
-      "name": "--lr-emoji-picker-row-height",
+      "name": "--lr-document-preview-highlight-success-color",
       "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."
+        "value": "**`<lr-document-preview>`** (default: `var(--lr-color-success)`) — Success highlight border and hover tint."
       }
     },
     {
-      "name": "--lr-empty-compact-align",
+      "name": "--lr-document-preview-highlight-warning-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-document-preview>`** (default: `var(--lr-color-warning)`) — Warning highlight border and hover tint."
+      }
+    },
+    {
+      "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: `var(--lr-transition-ambient)`) — Timing 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-highlight-accent-background",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-docx-viewer>`** — Accent highlight background."
+      }
+    },
+    {
+      "name": "--lr-docx-viewer-highlight-active-background",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-docx-viewer>`** — Active highlight background."
+      }
+    },
+    {
+      "name": "--lr-docx-viewer-highlight-active-outline",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-docx-viewer>`** — Active fallback-highlight outline."
+      }
+    },
+    {
+      "name": "--lr-docx-viewer-highlight-danger-background",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-docx-viewer>`** — Danger highlight background."
+      }
+    },
+    {
+      "name": "--lr-docx-viewer-highlight-neutral-background",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-docx-viewer>`** — Neutral highlight background."
+      }
+    },
+    {
+      "name": "--lr-docx-viewer-highlight-success-background",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-docx-viewer>`** — Success highlight background."
+      }
+    },
+    {
+      "name": "--lr-docx-viewer-highlight-warning-background",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-docx-viewer>`** — Warning highlight background."
+      }
+    },
+    {
+      "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-docx-viewer-search-match-active-background",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-docx-viewer>`** — Active search-match background."
+      }
+    },
+    {
+      "name": "--lr-docx-viewer-search-match-active-foreground",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-docx-viewer>`** — Active search-match foreground."
+      }
+    },
+    {
+      "name": "--lr-docx-viewer-search-match-background",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-docx-viewer>`** — Search-match background."
+      }
+    },
+    {
+      "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-embedding-explorer-selected-stroke",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-embedding-explorer>`** (default: `var(--lr-color-brand)`) — Stroke color of the selected point."
+      }
+    },
+    {
+      "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-control-gap",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-emoji-picker>`** (default: `var(--lr-space-xs)`) — Gap between field sections."
+      }
+    },
+    {
+      "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-glyph-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-emoji-picker>`** (default: `var(--lr-font-size-lg)`) — Font size of the emoji glyph, scaled by the `size` property to keep the glyph proportional to the item box."
+      }
+    },
+    {
+      "name": "--lr-emoji-picker-item-radius",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-emoji-picker>`** (default: `var(--lr-radius-xs)`) — Search and emoji corner radius."
+      }
+    },
+    {
+      "name": "--lr-emoji-picker-item-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-emoji-picker>`** (default: `var(--lr-icon-button-size)`) — Each emoji button's box. Floored at 24px; the small size tiers can stay denser than the shared 40px icon-button size."
+      }
+    },
+    {
+      "name": "--lr-emoji-picker-radius",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-emoji-picker>`** (default: `var(--lr-radius)`) — Outer picker corner radius."
+      }
+    },
+    {
+      "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-emoji-picker-search-hover-border-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-emoji-picker>`** (default: `var(--lr-color-brand)`) — Search hover border."
+      }
+    },
+    {
+      "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-font-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-empty>`** — Heading font size used in compact mode. Unset by default (no fallback), so the heading keeps its ordinary inherited font size until a consumer opts in."
+      }
+    },
     {
       "name": "--lr-empty-compact-gap",
       "description": {
@@ -1636,7 +2133,7 @@
       "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."
+        "value": "**`<lr-flow-canvas>`** (default: `var(--lr-color-brand)`) — Deprecated fallback token for the selected-node outline; retained for compatibility."
       }
     },
     {
@@ -1646,6 +2143,13 @@
         "value": "**`<lr-flow-canvas>`** (default: `var(--lr-color-border-strong)`) — Outline color of a node's mouse-hover preview of its own `:focus-visible` ring. Unlike the four state-scoped colors above this one is `:hover`-gated rather than attribute-gated, so a `::part(node):hover` override would lose to this rule's own higher internal specificity rather than to the `::part()[attr]` restriction those four work around. Set to `transparent` to opt out."
       }
     },
+    {
+      "name": "--lr-flow-canvas-node-selected-outline-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-canvas>`** (default: `var(--lr-flow-canvas-node-current-outline-color,var(--lr-color-brand))`) — Outline color of a selected node."
+      }
+    },
     {
       "name": "--lr-flow-minimap-block-size",
       "description": {
@@ -1836,171 +2340,388 @@
       }
     },
     {
-      "name": "--lr-html-viewer-max-height",
+      "name": "--lr-highlight-layer-accent-background",
       "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\"]`."
+        "value": "**`<lr-highlight-layer>`** — Accent highlight background."
       }
     },
     {
-      "name": "--lr-icon-button-radius",
+      "name": "--lr-highlight-layer-accent-outline",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-icon-button>`** (default: `var(--lr-radius)`) — Corner radius of the native button."
+        "value": "**`<lr-highlight-layer>`** — Accent highlight outline."
       }
     },
     {
-      "name": "--lr-icon-button-size",
+      "name": "--lr-highlight-layer-danger-background",
       "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."
+        "value": "**`<lr-highlight-layer>`** — Danger highlight background."
       }
     },
     {
-      "name": "--lr-icon-size",
+      "name": "--lr-highlight-layer-danger-outline",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-icon>`** (default: `var(--lr-size-1-25rem)`) — Inline and block size of the icon box."
+        "value": "**`<lr-highlight-layer>`** — Danger highlight outline."
       }
     },
     {
-      "name": "--lr-image-viewer-annotate-active-bg",
+      "name": "--lr-highlight-layer-flash-background",
       "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."
+        "value": "**`<lr-highlight-layer>`** — Flash-state background."
       }
     },
     {
-      "name": "--lr-image-viewer-annotate-active-border",
+      "name": "--lr-highlight-layer-neutral-background",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-image-viewer>`** (default: `var(--lr-color-brand)`) — Border color of `[part=\"annotate-toggle\"]` while annotation mode is on."
+        "value": "**`<lr-highlight-layer>`** — Neutral highlight background."
       }
     },
     {
-      "name": "--lr-image-viewer-highlight-active-color",
+      "name": "--lr-highlight-layer-neutral-outline",
       "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."
+        "value": "**`<lr-highlight-layer>`** — Neutral highlight outline."
       }
     },
     {
-      "name": "--lr-ingestion-queue-max-height",
+      "name": "--lr-highlight-layer-success-background",
       "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-highlight-layer>`** — Success highlight background."
       }
     },
     {
-      "name": "--lr-input-control-height",
+      "name": "--lr-highlight-layer-success-outline",
       "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."
+        "value": "**`<lr-highlight-layer>`** — Success highlight outline."
       }
     },
     {
-      "name": "--lr-input-control-min-height",
+      "name": "--lr-highlight-layer-warning-background",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-input>`, `<lr-number-input>`, `<lr-time-input>`** — Outer control height floor, scaled by `size`."
+        "value": "**`<lr-highlight-layer>`** — Warning highlight background."
       }
     },
     {
-      "name": "--lr-input-font-size",
+      "name": "--lr-highlight-layer-warning-outline",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-input>`, `<lr-number-input>`, `<lr-time-input>`** — Font size of the native input, scaled by `size`."
+        "value": "**`<lr-highlight-layer>`** — Warning highlight outline."
       }
     },
     {
-      "name": "--lr-input-gap",
+      "name": "--lr-html-viewer-max-height",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-input>`, `<lr-number-input>`, `<lr-time-input>`** (default: `var(--lr-space-xs)`) — Gap between the start/end adornments and the native input in the control row. Unlike the size knobs above it does not vary by `size` tier. Override it to retune without a `::part(input-wrapper)` rule."
+        "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-input-padding-block",
+      "name": "--lr-icon-button-background",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-input>`, `<lr-number-input>`, `<lr-time-input>`** — Block padding of the native input, scaled by `size`."
+        "value": "**`<lr-icon-button>`** (default: `transparent`) — Background fill of the native button."
       }
     },
     {
-      "name": "--lr-input-padding-inline",
+      "name": "--lr-icon-button-background-hover",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-input>`, `<lr-number-input>`, `<lr-time-input>`** — Inline padding of the control row, scaled by `size`."
+        "value": "**`<lr-icon-button>`** (default: `var(--lr-color-surface)`) — Background fill on hover."
       }
     },
     {
-      "name": "--lr-input-radius",
+      "name": "--lr-icon-button-border",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-input>`, `<lr-number-input>`, `<lr-time-input>`** (default: `var(--lr-radius)`) — Corner radius of the control row. Does not vary by `size` tier."
+        "value": "**`<lr-icon-button>`** (default: `0`) — Complete border shorthand of the native button."
       }
     },
     {
-      "name": "--lr-json-viewer-font",
+      "name": "--lr-icon-button-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-json-viewer>`** (default: `var(--lr-font-mono)`) — Font family used for the rendered tree."
+        "value": "**`<lr-icon-button>`** (default: `inherit`) — Icon/text color of the native button."
       }
     },
     {
-      "name": "--lr-json-viewer-match-bg",
+      "name": "--lr-icon-button-color-hover",
       "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`."
+        "value": "**`<lr-icon-button>`** (default: `var(--lr-icon-button-color, inherit)`) — Icon/text color on hover."
       }
     },
     {
-      "name": "--lr-json-viewer-max-height",
+      "name": "--lr-icon-button-radius",
       "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\"]`."
+        "value": "**`<lr-icon-button>`** (default: `var(--lr-radius)`) — Corner radius of the native button."
       }
     },
     {
-      "name": "--lr-known-date-day-field-width",
+      "name": "--lr-icon-button-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-known-date>`** (default: `var(--lr-size-3-5em)`) — Inline size of the day field."
+        "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-known-date-field-font-size",
+      "name": "--lr-icon-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`."
+        "value": "**`<lr-icon>`** (default: `var(--lr-size-1-25rem)`) — Inline and block size of the icon box."
       }
     },
     {
-      "name": "--lr-known-date-field-gap",
+      "name": "--lr-image-viewer-annotate-active-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-known-date>`** (default: `var(--lr-space-s)`) — Gap between the three field blocks."
+        "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-known-date-field-height",
+      "name": "--lr-image-viewer-annotate-active-border",
       "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."
+        "value": "**`<lr-image-viewer>`** (default: `var(--lr-color-brand)`) — Border color of `[part=\"annotate-toggle\"]` while annotation mode is on."
       }
     },
     {
-      "name": "--lr-known-date-field-min-height",
+      "name": "--lr-image-viewer-highlight-active-color",
       "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."
+        "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-known-date-field-padding-block",
+      "name": "--lr-image-viewer-highlight-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-known-date>`** (default: `var(--lr-space-s)`) — Block padding of each `field-input`, auto-swapped per `size`."
+        "value": "**`<lr-image-viewer>`** (default: `color-mix(in srgb, var(--lr-color-brand) 20%, transparent)`) — Default highlight fill."
+      }
+    },
+    {
+      "name": "--lr-image-viewer-highlight-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-image-viewer>`** (default: `var(--lr-color-brand)`) — Default highlight border."
+      }
+    },
+    {
+      "name": "--lr-image-viewer-highlight-danger-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-image-viewer>`** — Danger-tone highlight fill."
+      }
+    },
+    {
+      "name": "--lr-image-viewer-highlight-danger-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-image-viewer>`** — Danger-tone highlight border."
+      }
+    },
+    {
+      "name": "--lr-image-viewer-highlight-neutral-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-image-viewer>`** — Neutral-tone highlight fill."
+      }
+    },
+    {
+      "name": "--lr-image-viewer-highlight-neutral-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-image-viewer>`** — Neutral-tone highlight border."
+      }
+    },
+    {
+      "name": "--lr-image-viewer-highlight-success-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-image-viewer>`** — Success-tone highlight fill."
+      }
+    },
+    {
+      "name": "--lr-image-viewer-highlight-success-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-image-viewer>`** — Success-tone highlight border."
+      }
+    },
+    {
+      "name": "--lr-image-viewer-highlight-warning-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-image-viewer>`** — Warning-tone highlight fill."
+      }
+    },
+    {
+      "name": "--lr-image-viewer-highlight-warning-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-image-viewer>`** — Warning-tone highlight border."
+      }
+    },
+    {
+      "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-gap",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-input>`, `<lr-number-input>`, `<lr-time-input>`** (default: `var(--lr-space-xs)`) — Gap between the start/end adornments and the native input in the control row. Unlike the size knobs above it does not vary by `size` tier. Override it to retune without a `::part(input-wrapper)` rule."
+      }
+    },
+    {
+      "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-input-radius",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-input>`, `<lr-number-input>`, `<lr-time-input>`** (default: `var(--lr-radius)`) — Corner radius of the control row. Does not vary by `size` tier."
+      }
+    },
+    {
+      "name": "--lr-json-viewer-active-outline",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-json-viewer>`** (default: `var(--lr-focus-ring-color)`) — Outline color for the current imperative search match."
+      }
+    },
+    {
+      "name": "--lr-json-viewer-boolean-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-json-viewer>`** (default: `var(--lr-color-warning)`) — Boolean value color."
+      }
+    },
+    {
+      "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-json-viewer-null-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-json-viewer>`** (default: `var(--lr-color-text-quiet)`) — Null, undefined, and circular-reference marker color."
+      }
+    },
+    {
+      "name": "--lr-json-viewer-number-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-json-viewer>`** (default: `var(--lr-color-brand)`) — Number value color."
+      }
+    },
+    {
+      "name": "--lr-json-viewer-string-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-json-viewer>`** (default: `var(--lr-color-success)`) — String value color."
+      }
+    },
+    {
+      "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`."
       }
     },
     {
@@ -2080,6 +2801,20 @@
         "value": "**`<lr-locale-picker>`** — Trigger font size, scaled by `size`."
       }
     },
+    {
+      "name": "--lr-locale-picker-gap",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-locale-picker>`** (default: `var(--lr-space-xs)`) — Trigger and option child gap."
+      }
+    },
+    {
+      "name": "--lr-locale-picker-open-border-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-locale-picker>`** (default: `var(--lr-color-brand)`) — Open trigger border color."
+      }
+    },
     {
       "name": "--lr-locale-picker-option-active-bg",
       "description": {
@@ -2087,6 +2822,27 @@
         "value": "**`<lr-locale-picker>`** (default: `var(--lr-color-brand-quiet)`) — Background of a hovered or keyboard-active option row."
       }
     },
+    {
+      "name": "--lr-locale-picker-option-selected-border-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-locale-picker>`** (default: `var(--lr-color-brand)`) — Selected option border."
+      }
+    },
+    {
+      "name": "--lr-locale-picker-option-selected-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-locale-picker>`** (default: `var(--lr-color-brand)`) — Selected option text."
+      }
+    },
+    {
+      "name": "--lr-locale-picker-radius",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-locale-picker>`** (default: `var(--lr-radius)`) — Trigger/listbox/option corner radius."
+      }
+    },
     {
       "name": "--lr-locale-picker-trigger-height",
       "description": {
@@ -2094,6 +2850,13 @@
         "value": "**`<lr-locale-picker>`** — Exact trigger height. Unset by default (a floor only via `-trigger-min-height`); set a length to both floor and cap the trigger, e.g. to pixel-match a sibling field in the same toolbar row."
       }
     },
+    {
+      "name": "--lr-locale-picker-trigger-hover-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-locale-picker>`** (default: `var(--lr-color-brand-quiet)`) — Trigger hover background."
+      }
+    },
     {
       "name": "--lr-locale-picker-trigger-min-height",
       "description": {
@@ -2115,6 +2878,55 @@
         "value": "**`<lr-markdown>`** (default: `var(--lr-font-mono)`) — Monospace family for rendered `<code>` inside `content`."
       }
     },
+    {
+      "name": "--lr-markdown-highlight-accent-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-markdown>`, `<lr-markdown-core>`** (default: `var(--lr-color-brand-quiet)`) — Accent highlight fill."
+      }
+    },
+    {
+      "name": "--lr-markdown-highlight-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-markdown>`, `<lr-markdown-core>`** (default: `var(--lr-color-brand-quiet)`) — Active highlight fill."
+      }
+    },
+    {
+      "name": "--lr-markdown-highlight-active-outline-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-markdown>`, `<lr-markdown-core>`** (default: `var(--lr-color-brand)`) — Active highlight outline."
+      }
+    },
+    {
+      "name": "--lr-markdown-highlight-danger-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-markdown>`, `<lr-markdown-core>`** (default: `var(--lr-color-danger-quiet)`) — Danger highlight fill."
+      }
+    },
+    {
+      "name": "--lr-markdown-highlight-neutral-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-markdown>`, `<lr-markdown-core>`** (default: `var(--lr-color-surface)`) — Neutral highlight fill."
+      }
+    },
+    {
+      "name": "--lr-markdown-highlight-success-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-markdown>`, `<lr-markdown-core>`** (default: `var(--lr-color-success-quiet)`) — Success highlight fill."
+      }
+    },
+    {
+      "name": "--lr-markdown-highlight-warning-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-markdown>`, `<lr-markdown-core>`** (default: `var(--lr-color-warning-quiet)`) — Warning highlight fill."
+      }
+    },
     {
       "name": "--lr-media-card-max-height",
       "description": {
@@ -2227,6 +3039,34 @@
         "value": "**`<lr-model-select>`** (default: `var(--lr-color-brand-quiet)`) — Background of a hovered or keyboard-active option row."
       }
     },
+    {
+      "name": "--lr-model-select-option-selected-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-model-select>`** (default: `transparent`) — Background of the currently-selected option row. Not declared on `:host`; retheme without hijacking `--lr-color-brand`."
+      }
+    },
+    {
+      "name": "--lr-model-select-option-selected-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-model-select>`** (default: `var(--lr-color-brand)`) — Border color of the selected option row."
+      }
+    },
+    {
+      "name": "--lr-model-select-option-selected-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-model-select>`** (default: `var(--lr-color-brand)`) — Text color of the selected option row."
+      }
+    },
+    {
+      "name": "--lr-model-select-option-selected-font-weight",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-model-select>`** (default: `var(--lr-font-weight-semibold)`) — Font weight of the selected option row."
+      }
+    },
     {
       "name": "--lr-model-select-trigger-min-height",
       "description": {
@@ -2252,7 +3092,7 @@
       "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."
+        "value": "**`<lr-notebook-viewer>`** (default: `var(--lr-color-brand-quiet)`) — Background of the `[part=\"cell\"]` currently targeted by an anchor or the active search match."
       }
     },
     {
@@ -2280,105 +3120,210 @@
       "name": "--lr-page-rail-height",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-page-rail>`** (default: `var(--lr-size-24rem)`) — Block size of the virtualized rail."
+        "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-radius",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-pagination>`** (default: `var(--lr-radius)`) — Border radius of navigation buttons and the page input."
+      }
+    },
+    {
+      "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-phone-input-control-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-phone-input>`** — Exact input-wrapper height. Unset by default, which leaves `--lr-phone-input-control-min-height` as a floor only; set it to a length to both floor and cap the row (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-phone-input-control-min-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-phone-input>`** — Input-wrapper block-size floor, scaled by `size`."
+      }
+    },
+    {
+      "name": "--lr-phone-input-country-hover-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-phone-input>`** (default: `var(--lr-color-brand-quiet)`) — Country trigger hover background."
+      }
+    },
+    {
+      "name": "--lr-phone-input-flag-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-phone-input>`** — Selected flag size, scaled by `size`."
+      }
+    },
+    {
+      "name": "--lr-phone-input-focus-border-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-phone-input>`** (default: `var(--lr-color-brand)`) — Focused row border color."
+      }
+    },
+    {
+      "name": "--lr-phone-input-font-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-phone-input>`** — Input/flag/country-code/calling-code font size, scaled by `size`."
+      }
+    },
+    {
+      "name": "--lr-phone-input-gap",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-phone-input>`** (default: `var(--lr-space-xs)`) — Country-trigger child gap."
+      }
+    },
+    {
+      "name": "--lr-phone-input-glyph-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-phone-input>`** — Country selector glyph size, scaled by `size`."
+      }
+    },
+    {
+      "name": "--lr-phone-input-invalid-border-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-phone-input>`** (default: `var(--lr-color-danger)`) — Invalid row border color."
+      }
+    },
+    {
+      "name": "--lr-phone-input-padding-block",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-phone-input>`** — Input block-padding, scaled by `size`."
       }
     },
     {
-      "name": "--lr-pagination-control-padding",
+      "name": "--lr-phone-input-radius",
       "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)."
+        "value": "**`<lr-phone-input>`** (default: `var(--lr-radius)`) — Input-wrapper corner radius."
       }
     },
     {
-      "name": "--lr-pagination-control-size",
+      "name": "--lr-playback-icon-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-pagination>`** — Control inline/block size; defaults from the `size` variant."
+        "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-pagination-font-size",
+      "name": "--lr-policy-summary-count-allow-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-pagination>`** — Control font size; defaults from the `size` variant."
+        "value": "**`<lr-policy-summary>`** (default: `var(--lr-color-success)`) — Text color of the `allow` count."
       }
     },
     {
-      "name": "--lr-pdf-viewer-height",
+      "name": "--lr-policy-summary-count-deny-color",
       "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."
+        "value": "**`<lr-policy-summary>`** (default: `var(--lr-color-danger)`) — Text color of the `deny` count."
       }
     },
     {
-      "name": "--lr-phone-input-control-height",
+      "name": "--lr-policy-summary-count-needs-review-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-phone-input>`** — Exact input-wrapper height. Unset by default, which leaves `--lr-phone-input-control-min-height` as a floor only; set it to a length to both floor and cap the row (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."
+        "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-phone-input-control-min-height",
+      "name": "--lr-poll-status-due-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-phone-input>`** — Input-wrapper block-size floor, scaled by `size`."
+        "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-phone-input-font-size",
+      "name": "--lr-progress-duration",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-phone-input>`** — Input/flag/country-code/calling-code font size, scaled by `size`."
+        "value": "**`<lr-progress-bar>`** (default: `var(--lr-transition-ambient)`) — Indeterminate sweep timing.\n\n**`<lr-progress-ring>`** (default: `var(--lr-transition-ambient)`) — Indeterminate rotation timing."
       }
     },
     {
-      "name": "--lr-phone-input-padding-block",
+      "name": "--lr-progress-height",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-phone-input>`** — Input block-padding, scaled by `size`."
+        "value": "**`<lr-progress-bar>`** (default: `var(--lr-size-0-5rem)`) — Block size of the progress track."
       }
     },
     {
-      "name": "--lr-playback-icon-size",
+      "name": "--lr-progress-ring-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."
+        "value": "**`<lr-progress-ring>`** (default: `var(--lr-size-2-5rem)`) — Outer diameter of the ring."
       }
     },
     {
-      "name": "--lr-policy-summary-count-allow-color",
+      "name": "--lr-prompt-studio-field-hover-border",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-policy-summary>`** (default: `var(--lr-color-success)`) — Text color of the `allow` count."
+        "value": "**`<lr-prompt-studio>`** (default: `var(--lr-color-brand)`) — Enabled field hover border."
       }
     },
     {
-      "name": "--lr-policy-summary-count-deny-color",
+      "name": "--lr-prompt-studio-version-selected-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-policy-summary>`** (default: `var(--lr-color-danger)`) — Text color of the `deny` count."
+        "value": "**`<lr-prompt-studio>`** (default: `var(--lr-color-brand-quiet)`) — Selected version background."
       }
     },
     {
-      "name": "--lr-policy-summary-count-needs-review-color",
+      "name": "--lr-prompt-studio-version-selected-border",
       "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."
+        "value": "**`<lr-prompt-studio>`** (default: `var(--lr-color-brand)`) — Selected version border."
       }
     },
     {
-      "name": "--lr-poll-status-due-bg",
+      "name": "--lr-prompt-studio-version-selected-color",
       "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."
+        "value": "**`<lr-prompt-studio>`** (default: `var(--lr-color-text)`) — Selected version foreground."
       }
     },
     {
-      "name": "--lr-progress-ring-size",
+      "name": "--lr-prompt-studio-version-selected-hover-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-progress-ring>`** (default: `var(--lr-size-2-5rem)`) — Outer diameter of the ring."
+        "value": "**`<lr-prompt-studio>`** (default: `var(--lr-color-brand-quiet)`) — Selected version hover background."
       }
     },
     {
@@ -2514,6 +3459,41 @@
         "value": "**`<lr-retrieval-trace>`** (default: `var(--lr-color-brand)`) — Border color of the `[part=\"evidence-row\"]` whose stage matches `activeStageId`."
       }
     },
+    {
+      "name": "--lr-schema-viewer-error-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-schema-viewer>`** (default: `var(--lr-color-danger-quiet)`) — Error issue background."
+      }
+    },
+    {
+      "name": "--lr-schema-viewer-error-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-schema-viewer>`** (default: `var(--lr-color-danger)`) — Error issue border."
+      }
+    },
+    {
+      "name": "--lr-schema-viewer-selected-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-schema-viewer>`** (default: `var(--lr-color-brand)`) — Selected node branch."
+      }
+    },
+    {
+      "name": "--lr-schema-viewer-warning-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-schema-viewer>`** (default: `var(--lr-color-warning-quiet)`) — Warning issue background."
+      }
+    },
+    {
+      "name": "--lr-schema-viewer-warning-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-schema-viewer>`** (default: `var(--lr-color-warning)`) — Warning issue border."
+      }
+    },
     {
       "name": "--lr-scroll-fade-size",
       "description": {
@@ -2584,6 +3564,13 @@
         "value": "**`<lr-segmented>`** (default: `var(--lr-shadow)`) — Box shadow lifting the checked segment off the track."
       }
     },
+    {
+      "name": "--lr-segmented-track-gap",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-segmented>`** (default: `var(--lr-size-0-125rem)`) — Gap between segments."
+      }
+    },
     {
       "name": "--lr-segmented-track-height",
       "description": {
@@ -2598,6 +3585,20 @@
         "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-segmented-track-padding",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-segmented>`** (default: `var(--lr-size-0-125rem)`) — Track inset padding."
+      }
+    },
+    {
+      "name": "--lr-segmented-track-radius",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-segmented>`** (default: `var(--lr-radius)`) — Track corner radius."
+      }
+    },
     {
       "name": "--lr-select-expand-size",
       "description": {
@@ -2626,6 +3627,34 @@
         "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-option-selected-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-select>`** (default: `transparent`) — Background of the currently-selected option row. Not declared on `:host`; retheme just the selected row without hijacking `--lr-color-brand`."
+      }
+    },
+    {
+      "name": "--lr-select-option-selected-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-select>`** (default: `var(--lr-color-brand)`) — Border color of the selected option row."
+      }
+    },
+    {
+      "name": "--lr-select-option-selected-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-select>`** (default: `var(--lr-color-brand)`) — Text color of the selected option row."
+      }
+    },
+    {
+      "name": "--lr-select-option-selected-font-weight",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-select>`** (default: `var(--lr-font-weight-semibold)`) — Font weight of the selected option row."
+      }
+    },
     {
       "name": "--lr-select-radius",
       "description": {
@@ -2654,6 +3683,34 @@
         "value": "**`<lr-select>`** — Trigger padding shorthand, scaled by `size`."
       }
     },
+    {
+      "name": "--lr-selection-toolbar-block-shift",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-selection-toolbar>`** — Computed block collision-avoidance offset."
+      }
+    },
+    {
+      "name": "--lr-selection-toolbar-block-start",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-selection-toolbar>`** — Computed logical block anchor position."
+      }
+    },
+    {
+      "name": "--lr-selection-toolbar-inline-shift",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-selection-toolbar>`** — Computed inline collision-avoidance offset."
+      }
+    },
+    {
+      "name": "--lr-selection-toolbar-inline-start",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-selection-toolbar>`** — Computed logical inline anchor position."
+      }
+    },
     {
       "name": "--lr-sequence-strip-height",
       "description": {
@@ -2770,7 +3827,7 @@
       "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."
+        "value": "**`<lr-spinner>`** (default: `var(--lr-transition-ambient)`) — Duration/easing of one rotation. Not read under `prefers-reduced-motion: reduce`, where the animation is disabled entirely."
       }
     },
     {
@@ -2868,7 +3925,7 @@
       "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."
+        "value": "**`<lr-stepper>`** (default: `var(--lr-color-on-brand)`) — Text color of the `current` step's numbered index chip."
       }
     },
     {
@@ -2906,6 +3963,27 @@
         "value": "**`<lr-streaming-text>`** (default: `var(--lr-size-0-125rem)`) — Width of the `cursor` bar (also its border radius)."
       }
     },
+    {
+      "name": "--lr-subagent-panel-progress-fill",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-subagent-panel>`** (default: `var(--lr-color-brand)`) — Progress fill."
+      }
+    },
+    {
+      "name": "--lr-subagent-panel-progress-track",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-subagent-panel>`** (default: `var(--lr-color-border)`) — Progress track."
+      }
+    },
+    {
+      "name": "--lr-subagent-panel-selected-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-subagent-panel>`** (default: `var(--lr-color-brand)`) — Selected run border."
+      }
+    },
     {
       "name": "--lr-suggestion-chips-hover-bg",
       "description": {
@@ -2927,6 +4005,41 @@
         "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-highlight-accent-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-svg-viewer>`** (default: `var(--lr-color-brand)`) — Accent highlight border and hover tint."
+      }
+    },
+    {
+      "name": "--lr-svg-viewer-highlight-danger-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-svg-viewer>`** (default: `var(--lr-color-danger)`) — Danger highlight border and hover tint."
+      }
+    },
+    {
+      "name": "--lr-svg-viewer-highlight-neutral-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-svg-viewer>`** (default: `var(--lr-color-neutral)`) — Neutral highlight border and hover tint."
+      }
+    },
+    {
+      "name": "--lr-svg-viewer-highlight-success-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-svg-viewer>`** (default: `var(--lr-color-success)`) — Success highlight border and hover tint."
+      }
+    },
+    {
+      "name": "--lr-svg-viewer-highlight-warning-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-svg-viewer>`** (default: `var(--lr-color-warning)`) — Warning highlight border and hover tint."
+      }
+    },
     {
       "name": "--lr-svg-viewer-max-height",
       "description": {
@@ -2941,6 +4054,27 @@
         "value": "**`<lr-swatch-picker>`** (default: `var(--lr-size-1-5rem)`) — Visible fill/icon diameter for the swatch, swapped per tier."
       }
     },
+    {
+      "name": "--lr-swatch-picker-gap",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-swatch-picker>`** (default: `var(--lr-space-xs)`) — Gap between swatches."
+      }
+    },
+    {
+      "name": "--lr-swatch-picker-gemstone-selected-blur",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-swatch-picker>`** (default: `var(--lr-size-0-5rem)`) — Selected glow blur used by `mode=\"gemstone\"` when `--lr-swatch-picker-selected-blur` is not overridden."
+      }
+    },
+    {
+      "name": "--lr-swatch-picker-gemstone-shine-duration",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-swatch-picker>`** (default: `var(--lr-transition-ambient)`) — Selected shine timing used by `mode=\"gemstone\"` when `--lr-swatch-picker-shine-duration` is not overridden."
+      }
+    },
     {
       "name": "--lr-swatch-picker-hit-size",
       "description": {
@@ -2990,6 +4124,20 @@
         "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-header-sorted-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-table>`** (default: `transparent`) — Background of the currently-sorted column's header cell (`[aria-sort]` other than `none`). Same rationale as `--lr-table-row-selected-bg`: `::part(header-cell)[aria-sort]` is invalid CSS, so this token is the supported way to recolor the sorted header without hijacking a library-wide token."
+      }
+    },
+    {
+      "name": "--lr-table-header-sorted-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-table>`** (default: `inherit`) — Text color of the currently-sorted column's header cell."
+      }
+    },
     {
       "name": "--lr-table-heat-t",
       "description": {
@@ -3039,6 +4187,13 @@
         "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-row-stripe-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-table>`** (default: `transparent`) — Background of alternating body rows. The token is read only on rows carrying the internal stripe marker, so it can be set on the table or an ancestor without affecting group, expanded, hover, or selected rows."
+      }
+    },
     {
       "name": "--lr-table-sticky-offset",
       "description": {
@@ -3092,112 +4247,182 @@
       "name": "--lr-task-list-spin",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-task-list>`** (default: `1s linear`) — Running-status icon spin animation duration/timing."
+        "value": "**`<lr-task-list>`** (default: `var(--lr-transition-ambient)`) — 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-terminal-search-active-outline-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-terminal>`** (default: `var(--lr-color-brand)`) — Outline color for the active search match's line."
+      }
+    },
+    {
+      "name": "--lr-terminal-search-outline-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-terminal>`** (default: `var(--lr-color-warning)`) — Outline color for a line containing a non-active search match."
+      }
+    },
+    {
+      "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-terminal-height",
+      "name": "--lr-test-results-filter-active-color",
       "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."
+        "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-terminal-highlight-accent-bg",
+      "name": "--lr-textarea-max-block-size",
       "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`)."
+        "value": "**`<lr-textarea>`** (default: `none`) — Maximum auto-grown block size before the textarea scrolls."
       }
     },
     {
-      "name": "--lr-terminal-highlight-danger-bg",
+      "name": "--lr-thinking-panel-max-block-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-terminal>`** (default: `var(--lr-color-danger-quiet)`) — Background of a `danger`-tone highlighted line."
+        "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-terminal-highlight-neutral-bg",
+      "name": "--lr-time-range-base-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-terminal>`** (default: `var(--lr-color-surface)`) — Background of a `neutral`-tone highlighted line."
+        "value": "**`<lr-time-range>`** (default: `1.5rem*scale`) — Brush baseline block size."
       }
     },
     {
-      "name": "--lr-terminal-highlight-success-bg",
+      "name": "--lr-time-range-handle-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-terminal>`** (default: `var(--lr-color-success-quiet)`) — Background of a `success`-tone highlighted line."
+        "value": "**`<lr-time-range>`** (default: `14px*scale`) — Visible handle diameter."
       }
     },
     {
-      "name": "--lr-terminal-highlight-warning-bg",
+      "name": "--lr-time-range-hit-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-terminal>`** (default: `var(--lr-color-warning-quiet)`) — Background of a `warning`-tone highlighted line."
+        "value": "**`<lr-time-range>`** (default: `max(24px,28px*scale)`) — Actual drag hit-area diameter; endpoint handles are inset by half this distance so the hit geometry stays inside the host."
       }
     },
     {
-      "name": "--lr-test-results-filter-active-bg",
+      "name": "--lr-time-range-preset-active-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-test-results>`** (default: `var(--lr-color-brand-quiet)`) — Background of a pressed (active) status filter toggle."
+        "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-test-results-filter-active-border",
+      "name": "--lr-time-range-preset-active-border-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-test-results>`** (default: `var(--lr-color-brand)`) — Border color of a pressed (active) status filter toggle."
+        "value": "**`<lr-time-range>`** (default: `var(--lr-color-brand)`) — Border color of the active preset button."
       }
     },
     {
-      "name": "--lr-test-results-filter-active-color",
+      "name": "--lr-time-range-preset-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."
+        "value": "**`<lr-time-range>`** (default: `var(--lr-color-on-brand)`) — Text color of the active preset button."
       }
     },
     {
-      "name": "--lr-textarea-max-block-size",
+      "name": "--lr-time-range-preset-font-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-textarea>`** (default: `none`) — Maximum auto-grown block size before the textarea scrolls."
+        "value": "**`<lr-time-range>`** — Preset button font size, scaled by `size`."
       }
     },
     {
-      "name": "--lr-thinking-panel-max-block-size",
+      "name": "--lr-time-range-preset-gap",
       "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."
+        "value": "**`<lr-time-range>`** (default: `var(--lr-space-xs)`) — Gap between preset buttons."
       }
     },
     {
-      "name": "--lr-time-range-preset-active-bg",
+      "name": "--lr-time-range-preset-padding",
       "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."
+        "value": "**`<lr-time-range>`** — Preset button padding, scaled by `size`."
       }
     },
     {
-      "name": "--lr-time-range-preset-active-border-color",
+      "name": "--lr-time-range-preset-radius",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-time-range>`** (default: `var(--lr-color-brand)`) — Border color of the active preset button."
+        "value": "**`<lr-time-range>`** (default: `var(--lr-radius)`) — Preset button corner radius."
       }
     },
     {
-      "name": "--lr-time-range-preset-active-color",
+      "name": "--lr-time-range-size-scale",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-time-range>`** (default: `var(--lr-color-on-brand)`) — Text color of the active preset button."
+        "value": "**`<lr-time-range>`** (default: `1`) — Unitless multiplier applied proportionally to the handle, track, and preset-button dimensions based on the current `size` tier; the drag hit-area is floored at 24px (WCAG 2.5.8)."
       }
     },
     {
-      "name": "--lr-time-range-size-scale",
+      "name": "--lr-time-range-track-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-time-range>`** (default: `1`) — Unitless multiplier applied proportionally to the handle, track, and preset-button dimensions based on the current `size` tier; the drag hit-area is floored at 24px (WCAG 2.5.8)."
+        "value": "**`<lr-time-range>`** (default: `4px*scale`) — Track and selected-range thickness."
       }
     },
     {
@@ -3326,6 +4551,13 @@
         "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-action-hover-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-token-input>`** (default: `var(--lr-color-brand-quiet)`) — Edit/remove hover background."
+      }
+    },
     {
       "name": "--lr-token-input-control-height",
       "description": {
@@ -3347,6 +4579,13 @@
         "value": "**`<lr-token-input>`** (default: `var(--lr-size-6rem)`) — Inline size of the inline token editor opened by `editable`."
       }
     },
+    {
+      "name": "--lr-token-input-focus-border-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-token-input>`** (default: `var(--lr-color-brand)`) — Focused row border color."
+      }
+    },
     {
       "name": "--lr-token-input-font-size",
       "description": {
@@ -3354,6 +4593,13 @@
         "value": "**`<lr-token-input>`** — Input-wrapper/token font size, scaled by `size`."
       }
     },
+    {
+      "name": "--lr-token-input-gap",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-token-input>`** (default: `var(--lr-space-xs)`) — Gap between form/row children."
+      }
+    },
     {
       "name": "--lr-token-input-input-inline-size",
       "description": {
@@ -3361,6 +4607,13 @@
         "value": "**`<lr-token-input>`** (default: `var(--lr-size-8rem)`) — `flex-basis` of the native text input within the token row."
       }
     },
+    {
+      "name": "--lr-token-input-invalid-border-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-token-input>`** (default: `var(--lr-color-danger)`) — Invalid row border color."
+      }
+    },
     {
       "name": "--lr-token-input-min-input-inline-size",
       "description": {
@@ -3375,6 +4628,34 @@
         "value": "**`<lr-token-input>`** — Input-wrapper padding, scaled by `size`."
       }
     },
+    {
+      "name": "--lr-token-input-radius",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-token-input>`** (default: `var(--lr-radius)`) — Row/token corner radius."
+      }
+    },
+    {
+      "name": "--lr-token-input-token-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-token-input>`** (default: `var(--lr-color-brand-quiet)`) — Token chip background."
+      }
+    },
+    {
+      "name": "--lr-token-input-token-gap",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-token-input>`** (default: `var(--lr-space-2xs)`) — Gap inside token chips."
+      }
+    },
+    {
+      "name": "--lr-token-input-token-padding",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-token-input>`** — Per-token chip padding, scaled by `size`."
+      }
+    },
     {
       "name": "--lr-tool-approval-dialog-mono-font",
       "description": {
@@ -3414,7 +4695,35 @@
       "name": "--lr-tool-call-chip-spin",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-tool-call-chip>`** (default: `1s linear`) — Running-icon animation duration and timing."
+        "value": "**`<lr-tool-call-chip>`** (default: `var(--lr-transition-ambient)`) — Running-icon animation duration and timing."
+      }
+    },
+    {
+      "name": "--lr-tool-result-dialog-denied-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tool-result-dialog>`** (default: `var(--lr-color-warning-quiet)`) — Denied status background."
+      }
+    },
+    {
+      "name": "--lr-tool-result-dialog-denied-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tool-result-dialog>`** (default: `var(--lr-color-warning)`) — Denied status foreground."
+      }
+    },
+    {
+      "name": "--lr-tool-result-dialog-error-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tool-result-dialog>`** (default: `var(--lr-color-danger-quiet)`) — Error status background."
+      }
+    },
+    {
+      "name": "--lr-tool-result-dialog-error-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tool-result-dialog>`** (default: `var(--lr-color-danger)`) — Error status foreground."
       }
     },
     {
@@ -3431,11 +4740,39 @@
         "value": "**`<lr-tool-result-dialog>`** (default: `var(--lr-color-overlay)`) — Backdrop color."
       }
     },
+    {
+      "name": "--lr-tool-result-dialog-running-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tool-result-dialog>`** (default: `var(--lr-color-brand-quiet)`) — Running status background."
+      }
+    },
+    {
+      "name": "--lr-tool-result-dialog-running-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tool-result-dialog>`** (default: `var(--lr-color-brand)`) — Running status foreground."
+      }
+    },
     {
       "name": "--lr-tool-result-dialog-spin",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-tool-result-dialog>`** (default: `1s linear`) — Running-status animation duration and timing."
+        "value": "**`<lr-tool-result-dialog>`** (default: `var(--lr-transition-ambient)`) — Running-status animation duration and timing."
+      }
+    },
+    {
+      "name": "--lr-tool-result-dialog-success-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tool-result-dialog>`** (default: `var(--lr-color-success-quiet)`) — Success status background."
+      }
+    },
+    {
+      "name": "--lr-tool-result-dialog-success-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tool-result-dialog>`** (default: `var(--lr-color-success)`) — Success status foreground."
       }
     },
     {
@@ -3452,6 +4789,34 @@
         "value": "**`<lr-tool-select-dialog>`** (default: `var(--lr-color-overlay)`) — Backdrop scrim color."
       }
     },
+    {
+      "name": "--lr-tool-timeline-approved-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tool-timeline>`** (default: `var(--lr-color-success-quiet)`) — Approved badge background."
+      }
+    },
+    {
+      "name": "--lr-tool-timeline-approved-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tool-timeline>`** (default: `var(--lr-color-success)`) — Approved badge foreground."
+      }
+    },
+    {
+      "name": "--lr-tool-timeline-denied-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tool-timeline>`** (default: `var(--lr-color-danger-quiet)`) — Denied badge background."
+      }
+    },
+    {
+      "name": "--lr-tool-timeline-denied-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tool-timeline>`** (default: `var(--lr-color-danger)`) — Denied badge foreground."
+      }
+    },
     {
       "name": "--lr-tool-timeline-denied-marker-color",
       "description": {
@@ -3459,6 +4824,20 @@
         "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-error-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tool-timeline>`** (default: `var(--lr-color-danger)`) — Expanded error text."
+      }
+    },
+    {
+      "name": "--lr-tool-timeline-error-marker-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tool-timeline>`** (default: `var(--lr-color-danger)`) — Error rail dot."
+      }
+    },
     {
       "name": "--lr-tool-timeline-gap",
       "description": {
@@ -3480,6 +4859,20 @@
         "value": "**`<lr-tool-timeline>`** (default: `var(--lr-color-warning)`) — Color of the entry body's leading border while `data-pending-approval=\"true\"`."
       }
     },
+    {
+      "name": "--lr-tool-timeline-running-marker-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tool-timeline>`** (default: `var(--lr-color-brand)`) — Running rail dot."
+      }
+    },
+    {
+      "name": "--lr-tool-timeline-success-marker-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tool-timeline>`** (default: `var(--lr-color-success)`) — Success rail dot."
+      }
+    },
     {
       "name": "--lr-tooltip-background",
       "description": {
@@ -3543,6 +4936,34 @@
         "value": "**`<lr-tour>`** — Spotlight ring thickness. Defaults to `--lr-border-width-medium`."
       }
     },
+    {
+      "name": "--lr-trace-tree-bar-track-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-trace-tree>`** (default: `var(--lr-color-surface-raised)`) — Duration bar track."
+      }
+    },
+    {
+      "name": "--lr-trace-tree-denied-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-trace-tree>`** (default: `var(--lr-color-warning)`) — Denied status text and bar."
+      }
+    },
+    {
+      "name": "--lr-trace-tree-error-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-trace-tree>`** (default: `var(--lr-color-danger)`) — Error status text and bar."
+      }
+    },
+    {
+      "name": "--lr-trace-tree-pending-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-trace-tree>`** (default: `var(--lr-color-text-quiet)`) — Pending status text and bar."
+      }
+    },
     {
       "name": "--lr-trace-tree-row-active-bg",
       "description": {
@@ -3557,11 +4978,39 @@
         "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-trace-tree-running-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-trace-tree>`** (default: `var(--lr-color-brand)`) — Running status text and stripe."
+      }
+    },
+    {
+      "name": "--lr-trace-tree-running-stripe-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-trace-tree>`** (default: `var(--lr-color-brand-quiet)`) — Running stripe contrast."
+      }
+    },
+    {
+      "name": "--lr-trace-tree-success-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-trace-tree>`** (default: `var(--lr-color-success)`) — Success status text and bar."
+      }
+    },
+    {
+      "name": "--lr-trace-tree-toggle-hover-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-trace-tree>`** (default: `var(--lr-color-brand-quiet)`) — Toggle hover background."
+      }
+    },
     {
       "name": "--lr-transition-ambient",
       "description": {
         "kind": "markdown",
-        "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."
+        "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."
       }
     },
     {
@@ -3585,6 +5034,13 @@
         "value": "**`<lr-typing-indicator>`** (default: `1200ms`) — Delay for the third dot in the dots variant."
       }
     },
+    {
+      "name": "--lr-typing-duration",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-typing-indicator>`** (default: `var(--lr-transition-ambient)`) — Animation duration and timing function for the dot-bounce/pulse/cursor-blink loop, shared by all variants. Aliases the shared `--lr-transition-ambient` token (default `1.8s ease-in-out`) by default, so retiming just this component doesn't affect other ambient-looping components in the library."
+      }
+    },
     {
       "name": "--lr-virtual-list-height",
       "description": {
@@ -3599,6 +5055,69 @@
         "value": "**`<lr-virtual-list>`** (default: `var(--lr-color-border-strong)`) — Outline color of the mouse-hover preview on `[part=\"base\"]` (a subtler, always-focusable-target preview of its own `:focus-visible` ring). Set to `transparent` to opt out of the hover treatment entirely."
       }
     },
+    {
+      "name": "--lr-voice-picker-option-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-voice-picker>`** (default: `var(--lr-color-brand-quiet)`) — Active option fill."
+      }
+    },
+    {
+      "name": "--lr-voice-picker-option-selected-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-voice-picker>`** (default: `transparent`) — Selected option fill."
+      }
+    },
+    {
+      "name": "--lr-voice-picker-option-selected-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-voice-picker>`** (default: `var(--lr-color-brand)`) — Selected option border."
+      }
+    },
+    {
+      "name": "--lr-voice-picker-option-selected-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-voice-picker>`** (default: `var(--lr-color-brand)`) — Selected option text."
+      }
+    },
+    {
+      "name": "--lr-voice-picker-option-selected-font-weight",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-voice-picker>`** (default: `var(--lr-font-weight-semibold)`) — Selected option label weight."
+      }
+    },
+    {
+      "name": "--lr-voice-picker-preview-active-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-voice-picker>`** (default: `var(--lr-color-brand)`) — Active preview border."
+      }
+    },
+    {
+      "name": "--lr-voice-picker-preview-active-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-voice-picker>`** (default: `var(--lr-color-brand)`) — Active preview icon."
+      }
+    },
+    {
+      "name": "--lr-voice-picker-preview-hover-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-voice-picker>`** (default: `var(--lr-color-brand-quiet)`) — Preview hover fill."
+      }
+    },
+    {
+      "name": "--lr-voice-picker-preview-hover-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-voice-picker>`** (default: `var(--lr-color-brand)`) — Preview hover icon."
+      }
+    },
     {
       "name": "--lr-widget-backdrop-inset",
       "description": {