@aceshooting/lyra-ui 5.1.0 → 6.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-run-compact-gap",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-agent-run>`** (default: `var(--lr-space-s)`) — Gap between `[part=\"base\"]`'s header and body while `compact`."
+      }
+    },
+    {
+      "name": "--lr-agent-run-compact-padding",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-agent-run>`** (default: `var(--lr-space-s)`) — `[part=\"base\"]` padding while `compact`."
+      }
+    },
     {
       "name": "--lr-agent-run-spin",
       "description": {
@@ -15,6 +29,13 @@
         "value": "**`<lr-agent-run>`** (default: `1s linear`) — Current-step icon spin animation duration and timing."
       }
     },
+    {
+      "name": "--lr-agent-trace-handoff-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-agent-trace>`** (default: `var(--lr-color-brand-quiet)`) — Background of the active (`activeSpanId`) handoff quick-jump entry. Shadow Parts forbids an attribute selector after `::part()`, so the active entry could otherwise only be restyled by hijacking the library-wide `--lr-color-brand-quiet` token."
+      }
+    },
     {
       "name": "--lr-animated-image-control-box-size",
       "description": {
@@ -71,6 +92,20 @@
         "value": "**`<lr-app-rail>`** (default: `var(--lr-size-4rem)`) — The inline rail's width in `'icon-only'` mode, and the maximum width of each slotted `<lr-app-rail-item>` in that mode."
       }
     },
+    {
+      "name": "--lr-app-rail-item-current-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-app-rail-item>`** (default: `var(--lr-color-brand-quiet)`) — Background of the `active`/`aria-current=\"page\"` item. Scoped to `[aria-current='page']` only and declared as an inline `var()` fallback (never on `:host`), so setting it on the element or an ancestor recolors only the current item without hijacking the library-wide `--lr-color-brand-quiet` token."
+      }
+    },
+    {
+      "name": "--lr-app-rail-item-current-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-app-rail-item>`** (default: `var(--lr-color-brand)`) — Text/icon color of the `active`/`aria-current=\"page\"` item."
+      }
+    },
     {
       "name": "--lr-app-rail-mobile-width",
       "description": {
@@ -92,6 +127,20 @@
         "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-artifact-panel-view-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-artifact-panel>`** (default: `var(--lr-color-brand-quiet)`) — Background of the pressed (active) preview/code toggle button."
+      }
+    },
+    {
+      "name": "--lr-artifact-panel-view-active-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-artifact-panel>`** (default: `var(--lr-color-brand)`) — Text color of the pressed (active) preview/code toggle button. Restyling the pressed state otherwise requires overriding the library-wide brand tokens, since `::part(view-button)[aria-pressed]` is invalid CSS."
+      }
+    },
     {
       "name": "--lr-attachment-chip-accent",
       "description": {
@@ -131,7 +180,7 @@
       "name": "--lr-attachment-chip-compact-thumbnail-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-attachment-chip>`** (default: `var(--lr-size-1-75rem)`) — Thumbnail size while `compact`, rethemeable independently of `--lr-icon-button-size`."
+        "value": "**`<lr-attachment-chip>`** (default: `var(--lr-size-1-75rem)`) — Thumbnail and retry/preview/remove-button minimum size while `compact`, rethemeable independently of `--lr-icon-button-size`."
       }
     },
     {
@@ -162,6 +211,62 @@
         "value": "**`<lr-audio-visualizer>`** (default: `var(--lr-color-brand-quiet)`) — Inactive/idle color."
       }
     },
+    {
+      "name": "--lr-av-player-cue-active-match-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-av-player>`** (default: `var(--lr-color-warning)`) — Outline color of the `[part=\"cue\"]` holding the current search match, leaving the other matches' dashed outline on the shared warning token."
+      }
+    },
+    {
+      "name": "--lr-av-player-cue-current-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-av-player>`** (default: `var(--lr-color-brand-quiet)`) — Background of the `[part=\"cue\"]` the playhead is currently inside."
+      }
+    },
+    {
+      "name": "--lr-av-player-marker-active-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-av-player>`** (default: `var(--lr-color-brand)`) — Outline color of the `[part=\"timeline-marker\"]` matching `activeHighlightId`."
+      }
+    },
+    {
+      "name": "--lr-av-player-marker-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-av-player>`** (default: `color-mix(in srgb, var(--lr-color-brand) 35%, transparent)`) — Background of a `[part=\"timeline-marker\"]` with no (or an unrecognized) `data-tone`."
+      }
+    },
+    {
+      "name": "--lr-av-player-marker-danger-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-av-player>`** (default: `color-mix(in srgb, var(--lr-color-danger) 35%, transparent)`) — Background of a `[part=\"timeline-marker\"][data-tone=\"danger\"]`."
+      }
+    },
+    {
+      "name": "--lr-av-player-marker-neutral-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-av-player>`** (default: `color-mix(in srgb, var(--lr-color-text) 25%, transparent)`) — Background of a `[part=\"timeline-marker\"][data-tone=\"neutral\"]`."
+      }
+    },
+    {
+      "name": "--lr-av-player-marker-success-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-av-player>`** (default: `color-mix(in srgb, var(--lr-color-success) 35%, transparent)`) — Background of a `[part=\"timeline-marker\"][data-tone=\"success\"]`."
+      }
+    },
+    {
+      "name": "--lr-av-player-marker-warning-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-av-player>`** (default: `color-mix(in srgb, var(--lr-color-warning) 35%, transparent)`) — Background of a `[part=\"timeline-marker\"][data-tone=\"warning\"]`."
+      }
+    },
     {
       "name": "--lr-av-player-transcript-height",
       "description": {
@@ -183,6 +288,13 @@
         "value": "**`<lr-avatar>`** (default: `var(--lr-color-text)`) — Initials/glyph color. Each non-neutral `tone` sets it to that tone's loud color."
       }
     },
+    {
+      "name": "--lr-avatar-font-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-avatar>`** (default: `var(--lr-font-size-sm)`) — Font size of the initials fallback (and of any `em`-sized slotted glyph). `size` swaps it to `var(--lr-font-size-xs)` (`sm`) or `var(--lr-font-size-md)` (`lg`), so the initials track the circle instead of staying at one fixed size across every tier."
+      }
+    },
     {
       "name": "--lr-avatar-group-avatar-size",
       "description": {
@@ -204,6 +316,13 @@
         "value": "**`<lr-avatar-group>`** (default: `var(--lr-color-text)`) — Overflow badge text color. Tone-driven; see `tone`."
       }
     },
+    {
+      "name": "--lr-avatar-group-badge-font-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-avatar-group>`** (default: `var(--lr-font-size-sm)`) — Font size of the \"+N\" badge label. `size` swaps it to `var(--lr-font-size-xs)` (`sm`) or `var(--lr-font-size-md)` (`lg`), matching `<lr-avatar>`'s own `--lr-avatar-font-size` scale so the badge and the avatars it caps read at the same optical weight."
+      }
+    },
     {
       "name": "--lr-avatar-group-overlap",
       "description": {
@@ -253,6 +372,34 @@
         "value": "**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-color-text)`) — The badge's text color. Each non-neutral `variant` sets it to that variant's loud color."
       }
     },
+    {
+      "name": "--lr-badge-font-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-font-size-sm)`) — The badge's label font size. Each `size` sets it to that step's font size."
+      }
+    },
+    {
+      "name": "--lr-badge-min-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-size-1-25rem)`) — The badge's minimum block size. Each `size` sets it to that step's minimum block size."
+      }
+    },
+    {
+      "name": "--lr-badge-padding-inline",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-space-s)`) — The badge's inline padding. Each `size` sets it to that step's inline padding."
+      }
+    },
+    {
+      "name": "--lr-breadcrumb-current-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-breadcrumb-item>`** (default: `var(--lr-color-text-quiet)`) — Text color of the current-page item (`current`/`aria-current=\"page\"`). Declared as an inline `var()` fallback (never on `:host`), so setting it on the element or an ancestor recolors only the current item without hijacking the library-wide `--lr-color-text-quiet` token."
+      }
+    },
     {
       "name": "--lr-browser-frame-aspect-ratio",
       "description": {
@@ -302,6 +449,20 @@
         "value": "**`<lr-button>`** (default: `var(--lr-color-surface)`) — Background of `appearance=\"filled\"`. Swapped per `variant` to that variant's semantic color."
       }
     },
+    {
+      "name": "--lr-button-font-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-button>`** (default: `var(--lr-font-size-m)`) — Font size of the internal button, re-assigned per `size` tier (the default is the `m` tier's value). `appearance=\"link\"` ignores it and inherits the ambient font instead."
+      }
+    },
+    {
+      "name": "--lr-button-gap",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-button>`** (default: `var(--lr-space-2xs)`) — Gap between the icon/label and any slotted content in the internal button. Unlike the size knobs above it does not vary by `size` tier. Override it to retune without a `::part(base)` rule."
+      }
+    },
     {
       "name": "--lr-button-group-gap",
       "description": {
@@ -309,6 +470,13 @@
         "value": "**`<lr-button-group>`** (default: `var(--lr-space-2xs)`) — Gap between grouped controls."
       }
     },
+    {
+      "name": "--lr-button-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-button>`** — Exact height of the internal button. **Undeclared by default** — so the button keeps the active tier's `min-block-size` floor and an `auto` height, exactly as before. Set it (e.g. to pin the button to a fixed toolbar row) to both floor *and* cap the height. Never declare it as `auto`: a declared value wins over the `var()` fallback arm and would make every tier's floor dead code. `appearance=\"link\"` ignores it."
+      }
+    },
     {
       "name": "--lr-button-hover-brightness",
       "description": {
@@ -316,6 +484,13 @@
         "value": "**`<lr-button>`** (default: `1.08`) — `filter: brightness()` multiplier applied while hovering a non-disabled button."
       }
     },
+    {
+      "name": "--lr-button-min-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-button>`** (default: `var(--lr-button-size-m)`) — The active tier's `min-block-size` floor. Re-assigned per `size` tier to that tier's own `--lr-button-size-*` token, and used as the fallback when `--lr-button-height` is unset."
+      }
+    },
     {
       "name": "--lr-button-on-fill",
       "description": {
@@ -330,6 +505,27 @@
         "value": "**`<lr-button>`** (default: `var(--lr-color-border-strong)`) — Border color of `appearance=\"outlined\"`, which overrides `--lr-button-border`."
       }
     },
+    {
+      "name": "--lr-button-outlined-fill",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-button>`** (default: `transparent`) — Background of `appearance=\"outlined\"`. Transparent by default; set it to tint the button (e.g. a faint surface wash behind the outline) without a `::part(base)` rule. Like `--lr-button-quiet-*`, it is deliberately *not* swapped per `variant`. Note that the `:hover` `filter: brightness()` applies to whatever fill is set, so a tinted outlined button now visibly brightens on hover where a transparent one did not."
+      }
+    },
+    {
+      "name": "--lr-button-padding-block",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-button>`** (default: `var(--lr-space-xs)`) — Block padding of the internal button, re-assigned per `size` tier (the default is the `m` tier's value). Override it to retune a tier without a `::part(base)` rule; `appearance=\"link\"` ignores it (it renders with zero padding)."
+      }
+    },
+    {
+      "name": "--lr-button-padding-inline",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-button>`** (default: `var(--lr-space-m)`) — Inline padding of the internal button, re-assigned per `size` tier (the default is the `m` tier's value). `appearance=\"link\"` ignores it."
+      }
+    },
     {
       "name": "--lr-button-quiet-border",
       "description": {
@@ -344,6 +540,13 @@
         "value": "**`<lr-button>`** (default: `var(--lr-color-text-quiet)`) — Text color of `appearance=\"quiet\"`."
       }
     },
+    {
+      "name": "--lr-button-radius",
+      "description": {
+        "kind": "markdown",
+        "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-size-2xs",
       "description": {
@@ -355,28 +558,28 @@
       "name": "--lr-button-size-l",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-button>`** (default: `var(--lr-size-2-5rem)`) — `min-block-size` at `size=\"l\"`."
+        "value": "**`<lr-button>`** (default: `var(--lr-size-3rem)`) — `min-block-size` at `size=\"l\"`. Matches `lr-input`/`lr-select`/`lr-combobox`'s own `size=\"l\"` control height."
       }
     },
     {
       "name": "--lr-button-size-m",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-button>`** (default: `var(--lr-size-2rem)`) — `min-block-size` at `size=\"m\"`."
+        "value": "**`<lr-button>`** (default: `var(--lr-size-2-5rem)`) — `min-block-size` at `size=\"m\"`. Matches `lr-input`/`lr-select`/`lr-combobox`'s own default control height, so a default-size button sitting next to a default-size input/select/combobox in the same row lines up."
       }
     },
     {
       "name": "--lr-button-size-s",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-button>`** (default: `var(--lr-size-1-75rem)`) — `min-block-size` at `size=\"s\"`."
+        "value": "**`<lr-button>`** (default: `var(--lr-size-1-875rem)`) — `min-block-size` at `size=\"s\"`. Matches `lr-input`/`lr-select`/`lr-combobox`'s own `size=\"s\"` control height."
       }
     },
     {
       "name": "--lr-button-size-xl",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-button>`** (default: `var(--lr-size-3rem)`) — `min-block-size` at `size=\"xl\"`."
+        "value": "**`<lr-button>`** (default: `var(--lr-size-3-5rem)`) — `min-block-size` at `size=\"xl\"`. Matches `lr-input`/`lr-select`/`lr-combobox`'s own `size=\"xl\"` control height."
       }
     },
     {
@@ -411,7 +614,14 @@
       "name": "--lr-calendar-day-min-block-size-narrow",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-calendar>`** (default: `4rem`) — Minimum block size of a day cell once the host is narrower than 28rem."
+        "value": "**`<lr-calendar>`** (default: `var(--lr-size-4rem)`) — Minimum block size of a day cell once the host is narrower than 28rem."
+      }
+    },
+    {
+      "name": "--lr-calendar-day-selected-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-calendar>`** (default: `var(--lr-color-brand-quiet)`) — Background of a selected day cell, decoupled from the shared token also driving the nav-button/agenda-event hover background."
       }
     },
     {
@@ -435,6 +645,13 @@
         "value": "**`<lr-callout>`** (default: `var(--lr-color-border)`) — The callout surface's border color. Each non-neutral `variant` sets it to that variant's loud color."
       }
     },
+    {
+      "name": "--lr-callout-close-hover-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-callout>`** (default: `var(--lr-color-brand-quiet)`) — The close button's hover background, decoupled from `--lr-callout-background` so a consumer can retint one without affecting the other (e.g. keeping the hover fill visibly distinct from a `variant=\"brand\"` panel, which shares the same default token)."
+      }
+    },
     {
       "name": "--lr-callout-color",
       "description": {
@@ -442,6 +659,20 @@
         "value": "**`<lr-callout>`** (default: `var(--lr-color-text)`) — The callout's text color. Each non-neutral `variant` sets it to that variant's loud color."
       }
     },
+    {
+      "name": "--lr-carousel-indicator-current-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-carousel>`** (default: `var(--lr-color-brand-quiet)`) — Background of the current slide's indicator dot (`[aria-current=\"true\"]`). Declared as an inline `var()` fallback (never on `:host`), so setting it on the element or an ancestor recolors only the current indicator without hijacking the library-wide `--lr-color-brand-quiet` token."
+      }
+    },
+    {
+      "name": "--lr-carousel-indicator-current-border-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-carousel>`** (default: `var(--lr-color-brand)`) — Border color of the current slide's indicator dot."
+      }
+    },
     {
       "name": "--lr-chart-grid-color",
       "description": {
@@ -484,6 +715,13 @@
         "value": "**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-text)`) — Tooltip text color. Resolved via `getComputedStyle` on every draw."
       }
     },
+    {
+      "name": "--lr-chat-composer-busy-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-chat-composer>`** (default: `var(--lr-color-text-quiet)`) — `action-button` background while `status` is `\"sending\"` or `\"streaming\"`. Scoped separately from the shared `--lr-color-text-quiet` token, which the `textarea` part's placeholder also reads -- overriding this recolors only the busy button, not the placeholder text too."
+      }
+    },
     {
       "name": "--lr-chat-message-bubble-bg",
       "description": {
@@ -498,6 +736,20 @@
         "value": "**`<lr-chat-message>`** (default: `var(--lr-color-text)`) — Bubble text color for every role except `user`."
       }
     },
+    {
+      "name": "--lr-chat-message-bubble-padding",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-chat-message>`** (default: `var(--lr-space-m)`) — Bubble padding. Prefer this over a `::part(bubble)` padding override: an outer-tree `::part` declaration outranks every rule in this shadow tree, which silently suppresses the per-`status` and per-role bubble styling below it."
+      }
+    },
+    {
+      "name": "--lr-chat-message-bubble-radius",
+      "description": {
+        "kind": "markdown",
+        "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-max-width",
       "description": {
@@ -519,6 +771,27 @@
         "value": "**`<lr-chat-message>`** (default: `var(--lr-color-text)`) — Bubble text color for `data-role=\"user\"`."
       }
     },
+    {
+      "name": "--lr-checkbox-checked-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-checkbox>`** (default: `var(--lr-color-brand)`) — Background of `[part='box']` while `checked` or `indeterminate`. Retint just this control's checked fill without touching the shared `--lr-color-brand` token every other component also reads."
+      }
+    },
+    {
+      "name": "--lr-checkbox-checked-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-checkbox>`** (default: `var(--lr-color-brand)`) — Border color of `[part='box']` while `checked` or `indeterminate`."
+      }
+    },
+    {
+      "name": "--lr-checkbox-label-indent",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-checkbox>`** (default: `calc(min(var(--lr-icon-button-size), 1.75rem) + var(--lr-space-s))`) — The inline distance from the control's start edge to the start of the label text, i.e. the box's own floor plus the gap next to it. Published so a consumer composing per-option hint text under the label can align it without re-deriving that formula from the shadow styles, and used as the source of the real gap so the two cannot drift. Setting it on the element (or on `lr-checkbox` in your own stylesheet) moves the label; because custom properties inherit down and not sideways, it is *not* readable from a sibling node in your tree — align a sibling by computing the same formula from `--lr-theme-icon-button-size` and `--lr-theme-space-s`, which you control."
+      }
+    },
     {
       "name": "--lr-checkpoint-spin-duration",
       "description": {
@@ -561,6 +834,13 @@
         "value": "**`<lr-chip>`** (default: `var(--lr-space-xs)`) — Gap between the icon, label, and remove button. Each `size` sets it to that step's gap."
       }
     },
+    {
+      "name": "--lr-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."
+      }
+    },
     {
       "name": "--lr-chip-icon-size",
       "description": {
@@ -568,6 +848,13 @@
         "value": "**`<lr-chip>`** (default: `var(--lr-font-size-sm)`) — Font size of the `icon` slot wrapper. Each `size` sets it to that step's icon size."
       }
     },
+    {
+      "name": "--lr-chip-min-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-chip>`** (default: `var(--lr-size-1-5rem)`) — Minimum block size of an interactive (`removable`/`toggleable`) chip's tap target. `size` keeps `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."
+      }
+    },
     {
       "name": "--lr-chip-padding-block",
       "description": {
@@ -596,6 +883,20 @@
         "value": "**`<lr-chip>`** (default: `var(--lr-chip-accent)`) — Border color while a toggleable chip is selected, independently themeable from the label/icon color."
       }
     },
+    {
+      "name": "--lr-chunk-inspector-current-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-chunk-inspector>`** (default: `var(--lr-color-brand-quiet)`) — Background of the chunk matching `activeId`. **Contrast-sensitive:** paired with `--lr-chunk-inspector-current-color`, which has to keep a 4.5:1 ratio against it."
+      }
+    },
+    {
+      "name": "--lr-chunk-inspector-current-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-chunk-inspector>`** (default: `var(--lr-color-text)`) — Text color of the current chunk's `[part=\"score\"]` line. **Contrast-sensitive:** the quiet token it replaces only reaches ~4.24:1 against the current background, so override this together with `--lr-chunk-inspector-current-bg`, never alone."
+      }
+    },
     {
       "name": "--lr-citation-badge-accent",
       "description": {
@@ -617,6 +918,13 @@
         "value": "**`<lr-citation-badge>`** (default: `transparent`) — Resting border color of `base`; no `status` changes it, so it stays transparent unless a host overrides it."
       }
     },
+    {
+      "name": "--lr-code-block-active-line-outline-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-code-block>`** (default: `var(--lr-color-brand)`) — Outline color of the line marked active by `active-highlight-id`. Retints just that outline, leaving every other `--lr-color-brand` surface in the component (header pill, hover states, focus ring) alone. Inherits, so it can also be set on an ancestor or at the theme level.\n\n**`<lr-code-block-core>`** (default: `var(--lr-color-brand)`) — Outline color of the line marked active by `active-highlight-id`, leaving every other `--lr-color-brand` surface in the component alone."
+      }
+    },
     {
       "name": "--lr-code-block-font",
       "description": {
@@ -631,6 +939,13 @@
         "value": "**`<lr-code-block>`** (default: `none`) — Scroll cap applied to `body`. The `max-height` attribute, when set, writes this same property inline on `body` and therefore wins."
       }
     },
+    {
+      "name": "--lr-code-block-tab-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-code-block>`** (default: `2`) — Tab width for the rendered code, applied to `pre`. Same default as `--lr-code-editor-tab-size`, so the editable and read-only code surfaces agree; `lr-markdown`/`lr-markdown-core` declare the same token for their own `code-block` part (they are sibling elements, so they cannot inherit this one). Read as a token and never written inline, so a host override survives shiki's own inline `style` on the highlighted `pre`. The default is a `var()` fallback at the point of use rather than a `:host` declaration, so it inherits: set it on the element, a container, or `:root` and it reaches every code surface below. The markdown surface wraps (`white-space: pre-wrap`) while this one does not, so the same value can look different on a wrapped line, where tab stops restart.\n\n**`<lr-code-block-core>`** (default: `2`) — Tab width for the rendered code, applied to `pre`. Shared with `lr-code-block` (this component reuses its stylesheet), `lr-code-editor`, and the markdown viewers' own `code-block` part, so every code surface agrees on a tab's width.\n\n**`<lr-markdown>`, `<lr-markdown-core>`** (default: `2`) — Tab width for a rendered fenced/indented `code-block`. Deliberately the same token (and default) `lr-code-block` and `lr-code-editor` use, so a consumer sets one tab width for every code surface — it is declared here rather than inherited because `lr-code-block` is a sibling element, not an ancestor. A markdown code block wraps (`white-space: pre-wrap`) while `lr-code-block` does not, so the same value can render differently on a wrapped line, where tab stops restart."
+      }
+    },
     {
       "name": "--lr-code-editor-line-height",
       "description": {
@@ -652,6 +967,13 @@
         "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-swatch-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-color-picker>`** — The swatch's inline and block size, scaled by `size`."
+      }
+    },
     {
       "name": "--lr-combobox-expand-size",
       "description": {
@@ -666,6 +988,13 @@
         "value": "**`<lr-combobox>`** — Input text size."
       }
     },
+    {
+      "name": "--lr-combobox-option-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-combobox>`** (default: `var(--lr-color-brand-quiet)`) — Background of a hovered or keyboard-active option row."
+      }
+    },
     {
       "name": "--lr-combobox-tag-font-size",
       "description": {
@@ -680,11 +1009,18 @@
         "value": "**`<lr-combobox>`** — Selected-tag padding."
       }
     },
+    {
+      "name": "--lr-combobox-trigger-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-combobox>`** — Exact input-container height. Unset by default, which leaves `--lr-combobox-trigger-min-height` as a floor only; set it to a length to both floor and cap the row (e.g. to pixel-match `<lr-input>`/`<lr-select>` in the same toolbar). Because it is never declared by the component itself, it can be set from an ancestor or an outer-tree rule as well as inline on the element. Intended for a single-row combobox: in `multiple` mode a tag row long enough to wrap overflows the pinned box visibly (nothing is clipped or made unreachable), so leave it unset there."
+      }
+    },
     {
       "name": "--lr-combobox-trigger-min-height",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-combobox>`** — Minimum input-container block size."
+        "value": "**`<lr-combobox>`** — Minimum input-container block size, scaled by `size`."
       }
     },
     {
@@ -694,6 +1030,13 @@
         "value": "**`<lr-combobox>`** — Padding inside the input container."
       }
     },
+    {
+      "name": "--lr-command-palette-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-command-palette>`** (default: `var(--lr-color-brand-quiet)`) — Background of the active (keyboard-highlighted, `data-active=\"true\"`) command row. Declared as an inline `var()` fallback (never on `:host`), so setting it on the element or an ancestor recolors only the active row without hijacking the library-wide `--lr-color-brand-quiet` token."
+      }
+    },
     {
       "name": "--lr-command-palette-list-max-block-size",
       "description": {
@@ -730,35 +1073,126 @@
       }
     },
     {
-      "name": "--lr-compare-panel-max-height",
+      "name": "--lr-commit-card-compact-padding",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-compare-panel>`** (default: `var(--lr-size-24rem)`) — Cap on how tall each pane's scroll region grows before it scrolls internally."
+        "value": "**`<lr-commit-card>`** (default: `var(--lr-space-s)`) — `[part=\"base\"]` padding while `compact`."
       }
     },
     {
-      "name": "--lr-contact-viewer-max-height",
+      "name": "--lr-compare-panel-max-height",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-contact-viewer>`** (default: `none`) — Maximum block size of the scrollable body before it scrolls internally. Also settable via the `max-height` property."
+        "value": "**`<lr-compare-panel>`** (default: `var(--lr-size-24rem)`) — Cap on how tall each pane's scroll region grows before it scrolls internally."
       }
     },
     {
-      "name": "--lr-context-meter-segment-color",
+      "name": "--lr-confirm-bar-compact-background",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-context-meter>`** — Per-segment color. Set inline on `[part=\"segment\"]` by the component itself whenever that segment supplies a `color`; unset (and the token unread) otherwise, leaving the `data-tone` palette in charge."
+        "value": "**`<lr-confirm-bar>`** (default: `transparent`) — Background of `[part='base']` while `compact`."
       }
     },
     {
-      "name": "--lr-control-group-gap",
+      "name": "--lr-confirm-bar-compact-border",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-control-group>`** (default: `var(--lr-space-xs)`) — Gap between grouped controls."
+        "value": "**`<lr-confirm-bar>`** (default: `none`) — Border of `[part='base']` while `compact`. Accepts any `border` shorthand."
       }
     },
     {
-      "name": "--lr-dashboard-grid-columns",
+      "name": "--lr-confirm-bar-compact-gap",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-confirm-bar>`** (default: `var(--lr-space-s)`) — Gap between the row's items while `compact`."
+      }
+    },
+    {
+      "name": "--lr-confirm-bar-compact-padding",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-confirm-bar>`** (default: `0`) — Padding of `[part='base']` while `compact`. Accepts any padding shorthand."
+      }
+    },
+    {
+      "name": "--lr-confirm-bar-compact-radius",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-confirm-bar>`** (default: `0`) — Border radius of `[part='base']` while `compact` (only visible once `--lr-confirm-bar-compact-border`/`-background` are set)."
+      }
+    },
+    {
+      "name": "--lr-contact-viewer-max-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-contact-viewer>`** (default: `none`) — Maximum block size of the scrollable body before it scrolls internally. Also settable via the `max-height` property."
+      }
+    },
+    {
+      "name": "--lr-context-meter-segment-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-context-meter>`** — Per-segment color. Set inline on `[part=\"segment\"]` by the component itself whenever that segment supplies a `color`; unset (and the token unread) otherwise, leaving the `data-tone` palette in charge."
+      }
+    },
+    {
+      "name": "--lr-control-group-gap",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-control-group>`** (default: `var(--lr-space-xs)`) — Gap between grouped controls."
+      }
+    },
+    {
+      "name": "--lr-conversation-item-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-conversation-item>`** (default: `var(--lr-color-brand-quiet)`) — Background of the row while `active`. **Contrast-sensitive:** it is one half of a documented WCAG-AA pair — the active row's text is sized/toned for this background, so an override has to keep at least a 4.5:1 ratio against `--lr-conversation-item-active-color` (excerpt/timestamp) and against `--lr-color-text` (the title, which is not restyled by the pair)."
+      }
+    },
+    {
+      "name": "--lr-conversation-item-active-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-conversation-item>`** (default: `var(--lr-color-text)`) — Text color of `[part=\"excerpt\"]` and `[part=\"timestamp\"]` while `active`. **Contrast-sensitive:** it exists precisely because `--lr-color-text-quiet` only reaches ~4.25:1 against the active background; override it together with `--lr-conversation-item-active-bg`, never alone."
+      }
+    },
+    {
+      "name": "--lr-conversation-item-compact-gap",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-conversation-item>`** (default: `var(--lr-space-2xs)`) — Gap between `[part=\"base\"]`'s columns while `compact`."
+      }
+    },
+    {
+      "name": "--lr-conversation-item-compact-padding",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-conversation-item>`** (default: `var(--lr-space-xs) var(--lr-space-s)`) — `[part=\"base\"]` padding while `compact`."
+      }
+    },
+    {
+      "name": "--lr-csv-viewer-highlight-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-csv-viewer>`** (default: `var(--lr-color-brand)`) — Outline color of a highlighted cell. The active highlight sets it inline to `var(--lr-color-warning, var(--lr-color-brand))`."
+      }
+    },
+    {
+      "name": "--lr-csv-viewer-max-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-csv-viewer>`** (default: `none`) — Maximum block size of `[part=\"body\"]` before it scrolls internally. The `maxHeight` property sets this token inline on `[part=\"base\"]`."
+      }
+    },
+    {
+      "name": "--lr-dashboard-grid-cell-hover-outline-color",
+      "description": {
+        "kind": "markdown",
+        "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-columns",
       "description": {
         "kind": "markdown",
         "value": "**`<lr-dashboard-grid>`** (default: `12`) — Column count of the underlying CSS Grid. Written inline on `[part=\"base\"]` from the `columns` property on every render, so the fallback only applies to a `[part=\"base\"]` this component has not rendered yet."
@@ -792,6 +1226,20 @@
         "value": "**`<lr-dataset-viewer>`** (default: `none`) — Maximum block size of `[part=\"body\"]` before it scrolls internally. The `maxHeight` property sets this token inline on `[part=\"base\"]`."
       }
     },
+    {
+      "name": "--lr-date-input-control-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-date-input>`** — Exact block size of the input row. Undeclared by default, so the row grows to fit its content (floored by `--lr-date-input-control-min-height`). Set it to pin a fixed height; the calendar toggle keeps its own 24x24 touch target even when this pins a shorter row."
+      }
+    },
+    {
+      "name": "--lr-date-input-control-min-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-date-input>`** (default: `var(--lr-size-2-5rem)`) — Minimum block size of the input row, scaled by `size` to mirror `lr-input`'s own min-height scale. Each default sits below the row's transitively-pinned height, so it is dead until a consumer raises it -- the unset render is unchanged."
+      }
+    },
     {
       "name": "--lr-date-input-font-size",
       "description": {
@@ -855,6 +1303,13 @@
         "value": "**`<lr-document-compare>`** (default: `var(--lr-size-24rem)`) — Maximum block size of a side-by-side pane before it scrolls internally."
       }
     },
+    {
+      "name": "--lr-document-preview-active-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-document-preview>`** (default: `var(--lr-color-warning, var(--lr-color-brand))`) — Border color of the `[part=\"region-highlight\"]` matching `activeHighlightId` (image format only). Distinct from the resting highlight border."
+      }
+    },
     {
       "name": "--lr-document-preview-font",
       "description": {
@@ -932,6 +1387,13 @@
         "value": "**`<lr-email-viewer>`** (default: `none`) — Maximum block size of `[part=\"body\"]` before it scrolls internally. The `maxHeight` property sets this token inline on `[part=\"base\"]`."
       }
     },
+    {
+      "name": "--lr-emoji-picker-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-emoji-picker>`** (default: `var(--lr-color-brand-quiet)`) — Background of the keyboard-active (`data-active`) **and** hovered emoji button — the two share a single rule, so this one hook retints both consistently. Declared as an inline `var()` fallback (never on `:host`), so setting it on the element or an ancestor recolors only the emoji highlight without hijacking the library-wide `--lr-color-brand-quiet` token."
+      }
+    },
     {
       "name": "--lr-emoji-picker-gap",
       "description": {
@@ -939,6 +1401,13 @@
         "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-size",
       "description": {
@@ -960,6 +1429,13 @@
         "value": "**`<lr-empty>`** — Cross-axis and text alignment used in compact mode; set to `center` for dense but centered empty states."
       }
     },
+    {
+      "name": "--lr-empty-compact-gap",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-empty>`** (default: `var(--lr-space-2xs)`) — Gap between the icon, title, and description in compact mode."
+      }
+    },
     {
       "name": "--lr-empty-compact-padding",
       "description": {
@@ -967,6 +1443,20 @@
         "value": "**`<lr-empty>`** (default: `var(--lr-space-xs)`) — Padding used in compact mode; accepts any padding shorthand (e.g. `8px 2px`)."
       }
     },
+    {
+      "name": "--lr-entity-card-compact-gap",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-entity-card>`** (default: `var(--lr-space-xs)`) — Gap between `[part=\"base\"]`'s rows while `compact`."
+      }
+    },
+    {
+      "name": "--lr-entity-card-compact-padding",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-entity-card>`** (default: `var(--lr-space-s)`) — `[part=\"base\"]` padding while `compact`."
+      }
+    },
     {
       "name": "--lr-entity-chip-bg",
       "description": {
@@ -988,6 +1478,20 @@
         "value": "**`<lr-entity-chip>`** (default: `var(--lr-color-brand)`) — Text/accent color. Reflected `type` lets a host theme per type from CSS, e.g. `lr-entity-chip[type='person'] { --lr-entity-chip-color: ... }`."
       }
     },
+    {
+      "name": "--lr-env-list-reveal-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-env-list>`** (default: `var(--lr-color-brand-quiet)`) — Background of a pressed (revealed) reveal toggle."
+      }
+    },
+    {
+      "name": "--lr-env-list-reveal-active-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-env-list>`** (default: `var(--lr-color-brand)`) — Border color of a pressed (revealed) reveal toggle. Restyling the pressed state otherwise requires overriding the library-wide brand tokens, since `::part(reveal-button)[aria-pressed]` is invalid CSS."
+      }
+    },
     {
       "name": "--lr-file-icon-size",
       "description": {
@@ -995,6 +1499,55 @@
         "value": "**`<lr-file-icon>`** (default: `var(--lr-size-2rem)`) — Inline/block size of the format badge."
       }
     },
+    {
+      "name": "--lr-file-input-accept-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-file-input>`** (default: `color-mix(in srgb, var(--lr-color-success) 8%, transparent)`) — Background of `[part=\"base\"][data-drag-state=\"accept\"]`."
+      }
+    },
+    {
+      "name": "--lr-file-input-accept-border-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-file-input>`** (default: `var(--lr-color-success)`) — Border color of `[part=\"base\"][data-drag-state=\"accept\"]`."
+      }
+    },
+    {
+      "name": "--lr-file-input-compact-font-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-file-input>`** (default: `var(--lr-font-size-sm)`) — Label font size while `compact`."
+      }
+    },
+    {
+      "name": "--lr-file-input-compact-gap",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-file-input>`** (default: `var(--lr-space-2xs)`) — Gap between the dropzone's slotted children while `compact`."
+      }
+    },
+    {
+      "name": "--lr-file-input-compact-padding",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-file-input>`** (default: `var(--lr-space-s)`) — `[part=\"base\"]` padding while `compact`."
+      }
+    },
+    {
+      "name": "--lr-file-input-reject-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-file-input>`** (default: `color-mix(in srgb, var(--lr-color-danger) 8%, transparent)`) — Background of `[part=\"base\"][data-drag-state=\"reject\"]`."
+      }
+    },
+    {
+      "name": "--lr-file-input-reject-border-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-file-input>`** (default: `var(--lr-color-danger)`) — Border color of `[part=\"base\"][data-drag-state=\"reject\"]`."
+      }
+    },
     {
       "name": "--lr-flag-aspect-ratio",
       "description": {
@@ -1016,6 +1569,13 @@
         "value": "**`<lr-flag>`** — Rectangular flag corner radius."
       }
     },
+    {
+      "name": "--lr-flow-canvas-drop-active-outline-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-canvas>`** (default: `var(--lr-color-brand)`) — Outline color of the viewport while a palette item is dragged over it (`droppable`)."
+      }
+    },
     {
       "name": "--lr-flow-canvas-grid-size",
       "description": {
@@ -1030,6 +1590,34 @@
         "value": "**`<lr-flow-canvas>`** (default: `var(--lr-transition-ambient)`) — Running-edge march animation duration."
       }
     },
+    {
+      "name": "--lr-flow-canvas-node-connect-invalid-outline-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-canvas>`** (default: `var(--lr-color-danger)`) — Outline color of a node that is an invalid connect-gesture drop target. Same `::part()` attribute-selector restriction as `--lr-flow-canvas-node-current-outline-color` above."
+      }
+    },
+    {
+      "name": "--lr-flow-canvas-node-connect-target-outline-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-canvas>`** (default: `var(--lr-color-brand)`) — Outline color of a node that is a valid connect-gesture drop target."
+      }
+    },
+    {
+      "name": "--lr-flow-canvas-node-current-outline-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-canvas>`** (default: `var(--lr-color-brand)`) — Outline color of the current (`aria-current`) node. Shadow Parts forbids an attribute selector after `::part()`, so the current node could otherwise only be restyled by hijacking the library-wide `--lr-color-brand` token."
+      }
+    },
+    {
+      "name": "--lr-flow-canvas-node-hover-outline-color",
+      "description": {
+        "kind": "markdown",
+        "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-minimap-block-size",
       "description": {
@@ -1044,6 +1632,20 @@
         "value": "**`<lr-flow-minimap>`** (default: `var(--lr-size-12rem)`) — Map inline size."
       }
     },
+    {
+      "name": "--lr-flow-node-compact-gap",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-node>`** (default: `var(--lr-space-2xs)`) — Gap between `[part=\"card\"]`'s rows while `compact`."
+      }
+    },
+    {
+      "name": "--lr-flow-node-compact-padding",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-node>`** (default: `var(--lr-space-xs)`) — `[part=\"card\"]` padding while `compact`."
+      }
+    },
     {
       "name": "--lr-flow-node-min-inline-size",
       "description": {
@@ -1051,6 +1653,27 @@
         "value": "**`<lr-flow-node>`** (default: `calc(var(--lr-size-10rem) + var(--lr-size-1rem))`) — Minimum card inline size."
       }
     },
+    {
+      "name": "--lr-flow-node-running-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-node>`** (default: `var(--lr-color-brand)`) — Border color of the card while `status=\"running\"`. Independent from `--lr-flow-node-selected-border` so a consumer can retint just one of the two states without the other following along."
+      }
+    },
+    {
+      "name": "--lr-flow-node-running-glow",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-node>`** (default: `var(--lr-color-brand-quiet)`) — Box-shadow color of the running-state ring around the card, and the pulse keyframes' peak color."
+      }
+    },
+    {
+      "name": "--lr-flow-node-selected-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-node>`** (default: `var(--lr-color-brand)`) — Border color of the card while `selected`. Overriding the selection color otherwise requires hijacking the library-wide `--lr-color-brand` token."
+      }
+    },
     {
       "name": "--lr-gauge-fill",
       "description": {
@@ -1100,6 +1723,13 @@
         "value": "**`<lr-graph>`** (default: `0.12`) — Hull element opacity (composites fill+stroke as one group, avoiding a double-opacity seam at the fill/stroke boundary)."
       }
     },
+    {
+      "name": "--lr-graph-legend-hidden-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-graph-legend>`** (default: `var(--lr-color-text-quiet)`) — Text color for a filtered-out (hidden) legend row's label/count, independent of the shared quiet-text token."
+      }
+    },
     {
       "name": "--lr-graph-selected-color",
       "description": {
@@ -1188,7 +1818,7 @@
       "name": "--lr-icon-button-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-icon-button>`** (default: `2.5rem`) — Inline and block size of the native button. 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-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."
       }
     },
     {
@@ -1198,6 +1828,27 @@
         "value": "**`<lr-icon>`** (default: `var(--lr-size-1-25rem)`) — Inline and block size of the icon box."
       }
     },
+    {
+      "name": "--lr-image-viewer-annotate-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-image-viewer>`** (default: `var(--lr-color-brand-quiet)`) — Background of `[part=\"annotate-toggle\"]` while annotation mode is on. The toggle carries its own glyph in `--lr-color-text`, so keep a 4.5:1 ratio against it."
+      }
+    },
+    {
+      "name": "--lr-image-viewer-annotate-active-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-image-viewer>`** (default: `var(--lr-color-brand)`) — Border color of `[part=\"annotate-toggle\"]` while annotation mode is on."
+      }
+    },
+    {
+      "name": "--lr-image-viewer-highlight-active-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-image-viewer>`** (default: `var(--lr-color-brand)`) — Outline color of the `[part=\"highlight\"]` matching `activeHighlightId`, independent of the per-tone border colors."
+      }
+    },
     {
       "name": "--lr-ingestion-queue-max-height",
       "description": {
@@ -1205,6 +1856,13 @@
         "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": {
@@ -1240,6 +1898,13 @@
         "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": {
@@ -1268,6 +1933,20 @@
         "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": {
@@ -1282,6 +1961,13 @@
         "value": "**`<lr-known-date>`** (default: `var(--lr-space-s)`) — Inline padding of each `field-input`, auto-swapped per `size`."
       }
     },
+    {
+      "name": "--lr-known-date-invalid-border-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-known-date>`** (default: `var(--lr-color-danger)`) — Border color of each `field-input` while `:host([data-invalid])` is set."
+      }
+    },
     {
       "name": "--lr-known-date-month-field-width",
       "description": {
@@ -1332,26 +2018,180 @@
       }
     },
     {
-      "name": "--lr-markdown-font-mono",
+      "name": "--lr-locale-picker-expand-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-markdown>`** (default: `var(--lr-font-mono)`) — Monospace family for rendered `<code>` inside `content`."
+        "value": "**`<lr-locale-picker>`** — Decorative expand-icon box size, scaled by `size`."
       }
     },
     {
-      "name": "--lr-media-card-max-height",
+      "name": "--lr-locale-picker-font-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-media-card>`** (default: `var(--lr-size-20rem)`) — Cap on the block size of the `<img>`/`<video>` in `[part=\"media\"]`."
+        "value": "**`<lr-locale-picker>`** — Trigger font size, scaled by `size`."
       }
     },
     {
-      "name": "--lr-mind-map-ring-gap",
+      "name": "--lr-locale-picker-option-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-locale-picker>`** (default: `var(--lr-color-brand-quiet)`) — Background of a hovered or keyboard-active option row."
+      }
+    },
+    {
+      "name": "--lr-locale-picker-trigger-height",
+      "description": {
+        "kind": "markdown",
+        "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-min-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-locale-picker>`** — Trigger block-size floor, scaled by `size`."
+      }
+    },
+    {
+      "name": "--lr-locale-picker-trigger-padding",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-locale-picker>`** — Trigger padding shorthand, scaled by `size`."
+      }
+    },
+    {
+      "name": "--lr-markdown-font-mono",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-markdown>`** (default: `var(--lr-font-mono)`) — Monospace family for rendered `<code>` inside `content`."
+      }
+    },
+    {
+      "name": "--lr-media-card-max-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-media-card>`** (default: `var(--lr-size-20rem)`) — Cap on the block size of the `<img>`/`<video>` in `[part=\"media\"]`. **Chrome escape hatch.** `appearance=\"plain\"` drops `[part=\"base\"]`'s border, background, padding, and corner radius — for a dense list/feed of cards (this component's own documented primary use case) where the surrounding container already provides its own separation, so cards don't double up on chrome. Mirrors `<lr-source-card>`'s identical `appearance` vocabulary."
+      }
+    },
+    {
+      "name": "--lr-memory-panel-confidence-danger-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-memory-panel>`** (default: `var(--lr-color-danger)`) — Text color for a low-confidence item's confidence indicator."
+      }
+    },
+    {
+      "name": "--lr-memory-panel-confidence-success-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-memory-panel>`** (default: `var(--lr-color-success)`) — Text color for a high-confidence item's confidence indicator."
+      }
+    },
+    {
+      "name": "--lr-memory-panel-confidence-warning-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-memory-panel>`** (default: `var(--lr-color-warning)`) — Text color for a medium-confidence item's confidence indicator."
+      }
+    },
+    {
+      "name": "--lr-mention-popover-option-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-mention-popover>`** (default: `var(--lr-color-brand-quiet)`) — Background of the hovered or `[data-active]` (keyboard-highlighted) suggestion row."
+      }
+    },
+    {
+      "name": "--lr-message-feedback-down-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-message-feedback>`** (default: `var(--lr-color-danger-quiet)`) — Background of the pressed thumbs-down button."
+      }
+    },
+    {
+      "name": "--lr-message-feedback-down-active-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-message-feedback>`** (default: `var(--lr-color-danger)`) — Border color of the pressed thumbs-down button."
+      }
+    },
+    {
+      "name": "--lr-message-feedback-down-active-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-message-feedback>`** (default: `var(--lr-color-danger)`) — Glyph color of the pressed thumbs-down button."
+      }
+    },
+    {
+      "name": "--lr-message-feedback-up-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-message-feedback>`** (default: `var(--lr-color-success-quiet)`) — Background of the pressed thumbs-up button."
+      }
+    },
+    {
+      "name": "--lr-message-feedback-up-active-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-message-feedback>`** (default: `var(--lr-color-success)`) — Border color of the pressed thumbs-up button."
+      }
+    },
+    {
+      "name": "--lr-message-feedback-up-active-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-message-feedback>`** (default: `var(--lr-color-success)`) — Glyph color of the pressed thumbs-up button. Not declared on `:host`, so it can be set on the element or any ancestor; scoped to the pressed state, unlike overriding the shared `--lr-color-success`."
+      }
+    },
+    {
+      "name": "--lr-mind-map-node-hover-halo",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-mind-map>`** (default: `var(--lr-color-brand-quiet)`) — Stroke color of the hover halo drawn around a topic node's dot, giving mouse users the same \"this is clickable\" feedback keyboard users get from the drawn focus ring."
+      }
+    },
+    {
+      "name": "--lr-mind-map-ring-gap",
       "description": {
         "kind": "markdown",
         "value": "**`<lr-mind-map>`** (default: `6rem`) — Radius step per depth ring."
       }
     },
+    {
+      "name": "--lr-model-select-expand-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-model-select>`** (default: `var(--lr-size-1-75rem)`) — Decorative expand-icon box size, scaled by `size`."
+      }
+    },
+    {
+      "name": "--lr-model-select-font-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-model-select>`** (default: `var(--lr-font-size-md)`) — Trigger/combobox font size, scaled by `size`."
+      }
+    },
+    {
+      "name": "--lr-model-select-option-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-model-select>`** (default: `var(--lr-color-brand-quiet)`) — Background of a hovered or keyboard-active option row."
+      }
+    },
+    {
+      "name": "--lr-model-select-trigger-min-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-model-select>`** (default: `var(--lr-size-2-5rem)`) — Trigger/combobox block-size floor, scaled by `size`."
+      }
+    },
+    {
+      "name": "--lr-model-select-trigger-padding",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-model-select>`** (default: `var(--lr-space-xs) var(--lr-space-s)`) — Trigger/combobox padding shorthand, scaled by `size`."
+      }
+    },
     {
       "name": "--lr-node-fill",
       "description": {
@@ -1359,6 +2199,13 @@
         "value": "**`<lr-graph>`** (default: `var(--lr-color-brand)`) — Default node fill, overridden per-node by `GraphNode.color`."
       }
     },
+    {
+      "name": "--lr-notebook-viewer-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-notebook-viewer>`** (default: `var(--lr-color-brand-quiet)`) — Background of the `[part=\"cell\"]` currently targeted by an anchor."
+      }
+    },
     {
       "name": "--lr-notebook-viewer-max-height",
       "description": {
@@ -1373,6 +2220,13 @@
         "value": "**`<lr-dropdown>`, `<lr-popover>`** — Maximum inline size of the popup (default `--lr-size-20rem`)."
       }
     },
+    {
+      "name": "--lr-page-rail-current-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-page-rail>`** (default: `var(--lr-color-brand-quiet)`) — Background of the `[part=\"page-current\"]` button for the current `page`."
+      }
+    },
     {
       "name": "--lr-page-rail-height",
       "description": {
@@ -1380,445 +2234,907 @@
         "value": "**`<lr-page-rail>`** (default: `var(--lr-size-24rem)`) — Block size of the virtualized rail."
       }
     },
+    {
+      "name": "--lr-pagination-control-padding",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-pagination>`** (default: `var(--lr-space-xs)`) — Inner padding of the nav buttons and the page input. Uniform across every `size` (the control footprint is fixed by `--lr-pagination-control-size`, so this only adjusts the icon/digit inset)."
+      }
+    },
     {
       "name": "--lr-pagination-control-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-pagination>`** — Control inline/block size; defaults from the `size` variant."
+        "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-font-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-phone-input>`** — Input/flag/country-code/calling-code font size, scaled by `size`."
+      }
+    },
+    {
+      "name": "--lr-phone-input-padding-block",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-phone-input>`** — Input block-padding, scaled by `size`."
+      }
+    },
+    {
+      "name": "--lr-playback-icon-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-playback>`** (default: `calc(var(--lr-icon-button-size) * 0.35)`) — Font size of the play/pause glyph, derived from the shared icon-button hit-target size."
+      }
+    },
+    {
+      "name": "--lr-policy-summary-count-allow-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-policy-summary>`** (default: `var(--lr-color-success)`) — Text color of the `allow` count."
+      }
+    },
+    {
+      "name": "--lr-policy-summary-count-deny-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-policy-summary>`** (default: `var(--lr-color-danger)`) — Text color of the `deny` count."
+      }
+    },
+    {
+      "name": "--lr-policy-summary-count-needs-review-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-policy-summary>`** (default: `var(--lr-color-warning)`) — Text color of the `needs-review` count. Restyling a state count otherwise requires overriding the library-wide status tokens, since `::part(count)[data-state]` is invalid CSS."
+      }
+    },
+    {
+      "name": "--lr-poll-status-due-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-poll-status>`** (default: `var(--lr-color-success)`) — Background of `indicator` while `data-due` is set, without repainting every other component that reuses the shared success token."
+      }
+    },
+    {
+      "name": "--lr-progress-ring-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-progress-ring>`** (default: `var(--lr-size-2-5rem)`) — Outer diameter of the ring."
+      }
+    },
+    {
+      "name": "--lr-push-to-talk-recording-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-push-to-talk>`** (default: `var(--lr-color-danger)`) — Border and text color of `[part=\"trigger\"]` while `state` is `recording`. Recolors only the recording treatment, leaving every other danger-toned surface on the page untouched."
+      }
+    },
+    {
+      "name": "--lr-push-to-talk-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-push-to-talk>`** (default: `var(--lr-size-3rem)`) — Inline and block size of the circular `trigger` button."
+      }
+    },
+    {
+      "name": "--lr-qr-code-background",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-qr-code>`** (default: `var(--lr-color-surface)`) — Light/background module color, including the quiet zone."
+      }
+    },
+    {
+      "name": "--lr-qr-code-fill",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-qr-code>`** (default: `var(--lr-color-text)`) — Dark/foreground module color."
+      }
+    },
+    {
+      "name": "--lr-radio-label-indent",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-radio>`** (default: `calc(min(var(--lr-icon-button-size), 1.75rem) + var(--lr-space-s))`) — The inline distance from the control's start edge to the start of the label text, i.e. the circle's own floor plus the gap next to it. Published so a consumer composing per-option hint text under the label can align it without re-deriving that formula from the shadow styles, and used as the source of the real gap so the two cannot drift. Setting it on the element (or on `lr-radio` in your own stylesheet) moves the label; because custom properties inherit down and not sideways, it is *not* readable from a sibling node in your tree — align a sibling by computing the same formula from `--lr-theme-icon-button-size` and `--lr-theme-space-s`, which you control."
+      }
+    },
+    {
+      "name": "--lr-random-content-animation-duration",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-random-content>`** (default: `300ms`) — Duration of the entrance animation."
+      }
+    },
+    {
+      "name": "--lr-random-content-animation-easing",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-random-content>`** (default: `ease`) — Easing function for the entrance animation."
+      }
+    },
+    {
+      "name": "--lr-random-content-animation-translate",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-random-content>`** (default: `var(--lr-size-0-5em)`) — Translation distance for directional animations."
+      }
+    },
+    {
+      "name": "--lr-rating-empty-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-rating>`** (default: `var(--lr-color-border)`) — Unfilled-star color."
+      }
+    },
+    {
+      "name": "--lr-rating-fill",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-rating>`** (default: `var(--lr-color-warning)`) — Filled-star color."
+      }
+    },
+    {
+      "name": "--lr-rating-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-rating>`** (default: `var(--lr-font-size-xl)`) — Star size."
+      }
+    },
+    {
+      "name": "--lr-reorder-item-gap",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-reorder-item>`** (default: `var(--lr-space-xs)`) — Gap between the move buttons and content."
+      }
+    },
+    {
+      "name": "--lr-reorder-list-gap",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-reorder-list>`** (default: `var(--lr-space-2xs)`) — Gap between rows."
+      }
+    },
+    {
+      "name": "--lr-responsive-panel-overlay-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-responsive-panel>`** (default: `var(--lr-color-overlay)`) — The overlay presentation's scrim color, applied to `[part=\"backdrop\"]`."
+      }
+    },
+    {
+      "name": "--lr-responsive-panel-sheet-max-block-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-responsive-panel>`** (default: `85dvh`) — Maximum height of the `variant=\"bottom-sheet\"` overlay panel (falls back to `85vh` where `dvh` is unsupported)."
+      }
+    },
+    {
+      "name": "--lr-result-card-compact-body-padding",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-result-card>`** (default: `var(--lr-space-xs)`) — `[part=\"body\"]` padding while `compact`."
+      }
+    },
+    {
+      "name": "--lr-result-card-compact-header-padding",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-result-card>`** (default: `var(--lr-space-xs)`) — `[part=\"header\"]` block/inline padding while `compact`."
+      }
+    },
+    {
+      "name": "--lr-retrieval-results-selected-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-retrieval-results>`** (default: `var(--lr-color-brand)`) — Inline-start border color marking a selected `[part=\"row-body\"]`. A border rather than a fill by design (see the styles file), so recoloring it carries no contrast risk for the row's own text."
+      }
+    },
+    {
+      "name": "--lr-retrieval-trace-active-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-retrieval-trace>`** (default: `var(--lr-color-brand)`) — Border color of the `[part=\"evidence-row\"]` whose stage matches `activeStageId`."
+      }
+    },
+    {
+      "name": "--lr-scroll-fade-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-segmented>`, `<lr-tabs>`** (default: `2rem`) — Width of the static fade at each horizontal scroll edge."
+      }
+    },
+    {
+      "name": "--lr-scroller-control-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-scroller>`** (default: `var(--lr-size-2rem)`) — Control size."
+      }
+    },
+    {
+      "name": "--lr-scroller-min-block-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-scroller>`** (default: `var(--lr-size-10rem)`) — Minimum vertical scroller size."
+      }
+    },
+    {
+      "name": "--lr-segmented-font-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-segmented>`** (default: `var(--lr-font-size-sm)`) — Each segment's font size. Re-set per `size`; this default applies at the unset/`m` size."
+      }
+    },
+    {
+      "name": "--lr-segmented-hover-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-segmented>`** (default: `var(--lr-color-text)`) — Text color of a hovered segment that is neither checked nor disabled. Independent of the selected-state props above — recoloring the checked pill leaves this untouched."
+      }
+    },
+    {
+      "name": "--lr-segmented-segment-padding",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-segmented>`** (default: `var(--lr-size-0-125rem) var(--lr-space-s)`) — Each segment's padding. Re-set per `size`; this default applies at the unset/`m` size."
+      }
+    },
+    {
+      "name": "--lr-segmented-selected-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-segmented>`** (default: `var(--lr-color-surface)`) — Background of the checked segment. Scoped to `[aria-checked='true']` only, so it never repaints a hovered unselected segment (which is what hijacking `--lr-color-surface` library-wide used to do)."
+      }
+    },
+    {
+      "name": "--lr-segmented-selected-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-segmented>`** (default: `var(--lr-color-text)`) — Text color of the checked segment."
+      }
+    },
+    {
+      "name": "--lr-segmented-selected-font-weight",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-segmented>`** (default: `var(--lr-font-weight-semibold)`) — Font weight of the checked segment."
+      }
+    },
+    {
+      "name": "--lr-segmented-selected-shadow",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-segmented>`** (default: `var(--lr-shadow)`) — Box shadow lifting the checked segment off the track."
+      }
+    },
+    {
+      "name": "--lr-segmented-track-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-segmented>`** — Exact height of the `base` track, pinning it at every `size` tier (sets both `block-size` and `min-block-size`) so the row can sit flush beside a hard-sized toolbar control. **Genuinely unset by default** — while unset each tier keeps its own `--lr-segmented-track-min-height` floor and the track grows with its content."
+      }
+    },
+    {
+      "name": "--lr-segmented-track-min-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-segmented>`** (default: `var(--lr-size-2-5rem)`) — Minimum height of the `base` track. Re-set per `size` (`2xs` through `xl`); the `2.5rem` (40px) default applies at the unset/`m` size, matching `<lr-input>`/`<lr-select>`/`<lr-combobox>`'s own shared default-tier floor. Because it is declared on `:host` per tier, override it on the element itself, not on an ancestor."
+      }
+    },
+    {
+      "name": "--lr-select-expand-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-select>`** — Decorative expand-icon box size, scaled by `size`."
+      }
+    },
+    {
+      "name": "--lr-select-font-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-select>`** — Trigger font size, scaled by `size`."
+      }
+    },
+    {
+      "name": "--lr-select-option-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-select>`** (default: `var(--lr-color-brand-quiet)`) — Background of the hovered/keyboard-active option row. Not declared on `:host`, so a value set on any ancestor is never shadowed -- retheme just this row state without hijacking the shared `--lr-color-brand-quiet` token used by every other component's own hover/active state."
+      }
+    },
+    {
+      "name": "--lr-select-trigger-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-select>`** — Exact trigger height. Unset by default, which leaves `--lr-select-trigger-min-height` as a floor only; set it to a length to both floor and cap the trigger (e.g. to pixel-match a sibling field in the same toolbar row). Because it is never declared by the component itself, it can be set from an ancestor or an outer-tree rule as well as inline on the element."
+      }
+    },
+    {
+      "name": "--lr-select-trigger-min-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-select>`** — Trigger block-size floor, scaled by `size`, and live at every tier including the default `m` (`2.5rem`, matching `<lr-input>`/`<lr-combobox>` at that tier)."
+      }
+    },
+    {
+      "name": "--lr-select-trigger-padding",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-select>`** — Trigger padding shorthand, scaled by `size`."
+      }
+    },
+    {
+      "name": "--lr-sequence-strip-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-sequence-strip>`** (default: `var(--lr-size-1-5rem)`) — Block size of the strip."
+      }
+    },
+    {
+      "name": "--lr-sequence-strip-legend-marker-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-sequence-strip>`** (default: `var(--lr-color-surface-raised)`) — Neutral chip background behind the marker legend row's bar; it stands in for \"any cell\", so it deliberately matches no category color."
+      }
+    },
+    {
+      "name": "--lr-sequence-strip-legend-swatch-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-sequence-strip>`** (default: `var(--lr-size-0-625rem)`) — Inline and block size of a legend swatch (category and marker rows alike)."
+      }
+    },
+    {
+      "name": "--lr-sequence-strip-marker-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-sequence-strip>`** (default: `var(--lr-color-text)`) — Color of the bottom marker on a `marker: true` cell, and of the marker legend row's bar."
+      }
+    },
+    {
+      "name": "--lr-skeleton-h",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-skeleton>`** (default: `var(--lr-size-1em)`) — Block size of the placeholder."
+      }
+    },
+    {
+      "name": "--lr-skeleton-w",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-skeleton>`** (default: `100%`) — Inline size of the placeholder."
+      }
+    },
+    {
+      "name": "--lr-source-card-compact-gap",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-source-card>`** (default: `var(--lr-space-2xs)`) — Gap between `[part=\"base\"]`'s rows while `compact`."
+      }
+    },
+    {
+      "name": "--lr-source-card-compact-padding",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-source-card>`** (default: `var(--lr-space-xs)`) — `[part=\"base\"]` padding while `compact`."
+      }
+    },
+    {
+      "name": "--lr-source-picker-checked-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-source-picker>`** — Background of a fully-checked selection control: the `select-all` pill (defaults to `var(--lr-color-brand-quiet)`) and a fully-selected entry's `[part=\"checkbox\"]` (defaults to `var(--lr-color-brand)`). The two keep their distinct resting defaults; setting this prop unifies both."
+      }
+    },
+    {
+      "name": "--lr-source-picker-checked-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-source-picker>`** (default: `var(--lr-color-brand)`) — Border color of every checked or mixed selection control."
+      }
+    },
+    {
+      "name": "--lr-source-picker-mixed-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-source-picker>`** (default: `color-mix(in srgb, var(--lr-color-brand) 50%, var(--lr-color-surface))`) — Background of a partially-selected entry's `[part=\"checkbox\"]`."
+      }
+    },
+    {
+      "name": "--lr-span-waterfall-name-width",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-span-waterfall>`** (default: `8rem`) — Width of the name gutter column."
+      }
+    },
+    {
+      "name": "--lr-span-waterfall-row-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-span-waterfall>`** (default: `var(--lr-color-brand-quiet)`) — Background of the active (`activeSpanId`) row. Shadow Parts forbids an attribute selector after `::part()`, so the active row could otherwise only be restyled by hijacking the library-wide `--lr-color-brand-quiet` token."
+      }
+    },
+    {
+      "name": "--lr-span-waterfall-stripe-speed",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-span-waterfall>`** — Animation duration for a `running` span's striped bar; defaults to `--lr-transition-ambient`."
+      }
+    },
+    {
+      "name": "--lr-sparkline-area-opacity",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-sparkline>`** (default: `0.15`) — Fill opacity of the area under the line (type=\"area\")."
+      }
+    },
+    {
+      "name": "--lr-sparkline-stroke-width",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-sparkline>`** (default: `1.5`) — Stroke width of the line/area path."
       }
     },
     {
-      "name": "--lr-pagination-font-size",
+      "name": "--lr-spinner-duration",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-pagination>`** — Control font size; defaults from the `size` variant."
+        "value": "**`<lr-spinner>`** (default: `800ms`) — Duration of one rotation. Not read under `prefers-reduced-motion: reduce`, where the animation is disabled entirely."
       }
     },
     {
-      "name": "--lr-pdf-viewer-height",
+      "name": "--lr-spinner-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-pdf-viewer>`** (default: `var(--lr-size-24rem)`) — Block size of the virtualized page list."
+        "value": "**`<lr-spinner>`** (default: `var(--lr-size-1-25rem)`) — Outer diameter of the indicator."
       }
     },
     {
-      "name": "--lr-playback-icon-size",
+      "name": "--lr-spinner-track-width",
       "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-spinner>`** (default: `var(--lr-border-width-medium)`) — Thickness of the ring track."
       }
     },
     {
-      "name": "--lr-progress-ring-size",
+      "name": "--lr-split-overlay-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-progress-ring>`** (default: `var(--lr-size-2-5rem)`) — Outer diameter of the ring."
+        "value": "**`<lr-split>`** (default: `var(--lr-color-overlay)`) — The `'floating'` drawer scrim's color, applied to `[part=\"backdrop\"]`."
       }
     },
     {
-      "name": "--lr-push-to-talk-size",
+      "name": "--lr-spreadsheet-viewer-highlight-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-push-to-talk>`** (default: `var(--lr-size-3rem)`) — Inline and block size of the circular `trigger` button."
+        "value": "**`<lr-spreadsheet-viewer>`** (default: `var(--lr-color-brand)`) — Outline color of a highlighted cell. The active highlight sets it inline to `var(--lr-color-warning, var(--lr-color-brand))`."
       }
     },
     {
-      "name": "--lr-qr-code-background",
+      "name": "--lr-stack-trace-font",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-qr-code>`** (default: `var(--lr-color-surface)`) — Light/background module color, including the quiet zone."
+        "value": "**`<lr-stack-trace>`** (default: `var(--lr-font-mono)`) — Font family for the parsed frames and the verbatim raw fallback."
       }
     },
     {
-      "name": "--lr-qr-code-fill",
+      "name": "--lr-stack-trace-max-height",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-qr-code>`** (default: `var(--lr-color-text)`) — Dark/foreground module color."
+        "value": "**`<lr-stack-trace>`** (default: `none`) — Cap on how tall `[part=\"base\"]` grows before it scrolls internally. `none` lets the component grow with its content; the `max-height` attribute sets this token."
       }
     },
     {
-      "name": "--lr-random-content-animation-duration",
+      "name": "--lr-stat-trend-bad-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-random-content>`** (default: `300ms`) — Duration of the entrance animation."
+        "value": "**`<lr-stat>`** (default: `color-mix(in srgb, var(--lr-color-danger) 8%, transparent)`) — Background of the trend pill when its polarity is \"bad\"."
       }
     },
     {
-      "name": "--lr-random-content-animation-easing",
+      "name": "--lr-stat-trend-bad-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-random-content>`** (default: `ease`) — Easing function for the entrance animation."
+        "value": "**`<lr-stat>`** (default: `var(--lr-color-danger)`) — Text color of the trend pill when its polarity is \"bad\". Independent of the headline value's `variant=\"danger\"` tint, which reads the shared `--lr-color-danger` token directly."
       }
     },
     {
-      "name": "--lr-random-content-animation-translate",
+      "name": "--lr-stat-trend-good-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-random-content>`** (default: `var(--lr-size-0-5em)`) — Translation distance for directional animations."
+        "value": "**`<lr-stat>`** (default: `color-mix(in srgb, var(--lr-color-success) 8%, transparent)`) — Background of the trend pill when its polarity is \"good\"."
       }
     },
     {
-      "name": "--lr-rating-empty-color",
+      "name": "--lr-stat-trend-good-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-rating>`** (default: `var(--lr-color-border)`) — Unfilled-star color."
+        "value": "**`<lr-stat>`** (default: `var(--lr-color-success)`) — Text color of the trend pill when its polarity is \"good\". Independent of the headline value's `variant=\"success\"` tint, which reads the shared `--lr-color-success` token directly."
       }
     },
     {
-      "name": "--lr-rating-fill",
+      "name": "--lr-stepper-current-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-rating>`** (default: `var(--lr-color-warning)`) — Filled-star color."
+        "value": "**`<lr-stepper>`** (default: `var(--lr-color-text)`) — Text color of the `current` step. Declared as an inline `var()` fallback (never on `:host`), so setting it on the element or an ancestor recolors only the current step without hijacking the library-wide `--lr-color-text` token."
       }
     },
     {
-      "name": "--lr-rating-size",
+      "name": "--lr-stepper-current-font-weight",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-rating>`** (default: `var(--lr-font-size-xl)`) — Star size."
+        "value": "**`<lr-stepper>`** (default: `var(--lr-font-weight-semibold)`) — Font weight of the `current` step's label. `::part(step)[data-state='current']` is invalid CSS (an attribute selector cannot follow `::part`), so this is the only way to change just the current step's boldness without hijacking the library-wide `--lr-font-weight-semibold` token."
       }
     },
     {
-      "name": "--lr-responsive-panel-overlay-color",
+      "name": "--lr-stepper-current-index-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-responsive-panel>`** (default: `var(--lr-color-overlay)`) — The overlay presentation's scrim color, applied to `[part=\"backdrop\"]`."
+        "value": "**`<lr-stepper>`** (default: `var(--lr-color-brand)`) — Background of the `current` step's numbered index chip (`step-index`)."
       }
     },
     {
-      "name": "--lr-scroll-fade-size",
+      "name": "--lr-stepper-current-index-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-segmented>`, `<lr-tabs>`** (default: `2rem`) — Width of the static fade at each horizontal scroll edge."
+        "value": "**`<lr-stepper>`** (default: `var(--lr-color-surface)`) — Text color of the `current` step's numbered index chip."
       }
     },
     {
-      "name": "--lr-scroller-control-size",
+      "name": "--lr-stepper-error-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-scroller>`** (default: `var(--lr-size-2rem)`) — Control size."
+        "value": "**`<lr-stepper>`** (default: `var(--lr-color-danger)`) — Text color of an `error` step."
       }
     },
     {
-      "name": "--lr-scroller-min-block-size",
+      "name": "--lr-stream-status-dot-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-scroller>`** (default: `var(--lr-size-10rem)`) — Minimum vertical scroller size."
+        "value": "**`<lr-stream-status>`** (default: `var(--lr-color-text-quiet)`) — `indicator` dot color. Swapped by the reflected `phase`: `var(--lr-color-brand)` for `connecting`/`streaming`, `var(--lr-color-warning)` for `stalled`."
       }
     },
     {
-      "name": "--lr-segmented-font-size",
+      "name": "--lr-stream-status-dot-opacity",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-segmented>`** (default: `var(--lr-font-size-sm)`) — Each segment's font size. Re-set per `size`; this default applies at the unset/`m` size."
+        "value": "**`<lr-stream-status>`** (default: `0.35`) — `indicator` dot opacity. Swapped by the reflected `phase`: `0.6` for `connecting`, `1` for `streaming` and `stalled`."
       }
     },
     {
-      "name": "--lr-segmented-segment-padding",
+      "name": "--lr-streaming-text-cursor-height",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-segmented>`** (default: `var(--lr-size-0-125rem) var(--lr-space-s)`) — Each segment's padding. Re-set per `size`; this default applies at the unset/`m` size."
+        "value": "**`<lr-streaming-text>`** (default: `var(--lr-size-1em)`) — Height of the `cursor` bar."
       }
     },
     {
-      "name": "--lr-segmented-track-min-height",
+      "name": "--lr-streaming-text-cursor-width",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-segmented>`** (default: `auto`) — Minimum height of the `base` track. Re-set per `size` (`2xs` through `xl`); the `auto` default applies at the unset/`m` size."
+        "value": "**`<lr-streaming-text>`** (default: `var(--lr-size-0-125rem)`) — Width of the `cursor` bar (also its border radius)."
       }
     },
     {
-      "name": "--lr-select-expand-size",
+      "name": "--lr-suggestion-chips-hover-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-select>`** — Decorative expand-icon box size, scaled by `size`."
+        "value": "**`<lr-suggestion-chips>`** (default: `var(--lr-color-brand-quiet)`) — Background of a hovered chip."
       }
     },
     {
-      "name": "--lr-select-font-size",
+      "name": "--lr-suggestion-chips-hover-border",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-select>`** — Trigger font size, scaled by `size`."
+        "value": "**`<lr-suggestion-chips>`** (default: `var(--lr-color-brand)`) — Border color of a hovered chip."
       }
     },
     {
-      "name": "--lr-select-trigger-height",
+      "name": "--lr-svg-viewer-active-border",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-select>`** (default: `auto`) — Exact trigger height. Left at `auto` the trigger is floored only; set it to a length to both floor and cap the trigger (e.g. to pixel-match a sibling field in the same row)."
+        "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-select-trigger-min-height",
+      "name": "--lr-svg-viewer-max-height",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-select>`** — Trigger block-size floor, scaled by `size`. Applied only for the `xs`/`s`/`l`/`xl` tiers — see the stylesheet note; the default tier stays floor-free."
+        "value": "**`<lr-svg-viewer>`** (default: `none`) — Maximum block size of the scrollable body before it scrolls internally. Also settable via the `max-height` property."
       }
     },
     {
-      "name": "--lr-select-trigger-padding",
+      "name": "--lr-swatch-picker-fill-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-select>`** — Trigger padding shorthand, scaled by `size`."
+        "value": "**`<lr-swatch-picker>`** (default: `var(--lr-size-1-5rem)`) — Visible fill/icon diameter for the swatch, swapped per tier."
       }
     },
     {
-      "name": "--lr-sequence-strip-height",
+      "name": "--lr-swatch-picker-hit-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-sequence-strip>`** (default: `var(--lr-size-1-5rem)`) — Block size of the strip."
+        "value": "**`<lr-swatch-picker>`** (default: `var(--lr-size-2-5rem)`) — Hit-area size (both min-inline-size and min-block-size) for the swatch button, swapped per tier and floored at 24px."
       }
     },
     {
-      "name": "--lr-sequence-strip-legend-swatch-size",
+      "name": "--lr-swatch-picker-selected-blur",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-sequence-strip>`** (default: `var(--lr-size-0-625rem)`) — Inline and block size of a legend swatch."
+        "value": "**`<lr-swatch-picker>`** (default: `0`) — Blur radius of that same ring. 0 by default (a crisp ring); set a real length (e.g. 0.4rem) for a soft glow instead."
       }
     },
     {
-      "name": "--lr-sequence-strip-marker-color",
+      "name": "--lr-swatch-picker-selected-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-sequence-strip>`** (default: `var(--lr-color-text)`) — Color of the bottom marker on a `marker: true` cell."
+        "value": "**`<lr-swatch-picker>`** (default: `var(--lr-color-brand)`) — Ring color drawn around the selected swatch, themeable independently of the focus ring and every other ring color."
       }
     },
     {
-      "name": "--lr-skeleton-h",
+      "name": "--lr-swatch-picker-shine-duration",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-skeleton>`** (default: `var(--lr-size-1em)`) — Block size of the placeholder."
+        "value": "**`<lr-swatch-picker>`** (default: `0s`) — Duration of a rhythmic brighten-and-settle \"shine\" on the selected swatch. `0s` (the default) is a no-op -- today's static look for every existing consumer. Set a real duration (e.g. 1.6s) for a pulsing shine; disabled outright under `prefers-reduced-motion: reduce`. Independent of `--lr-swatch-picker-selected-blur` (a separate `filter: brightness()` animation, not `box-shadow`), so the two compose freely, and works identically for a plain color circle and an icon swatch alike."
       }
     },
     {
-      "name": "--lr-skeleton-w",
+      "name": "--lr-switch-thumb-offset",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-skeleton>`** (default: `100%`) — Inline size of the placeholder."
+        "value": "**`<lr-switch>`** (default: `var(--lr-size-2px)`) — Inset of the thumb from the track's edges."
       }
     },
     {
-      "name": "--lr-span-waterfall-name-width",
+      "name": "--lr-switch-track-block-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-span-waterfall>`** (default: `8rem`) — Width of the name gutter column."
+        "value": "**`<lr-switch>`** (default: `var(--lr-size-1-25rem)`) — Block size of the track; the thumb's diameter is derived from it minus twice `--lr-switch-thumb-offset`."
       }
     },
     {
-      "name": "--lr-span-waterfall-stripe-speed",
+      "name": "--lr-switch-track-inline-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-span-waterfall>`** — Animation duration for a `running` span's striped bar; defaults to `--lr-transition-ambient`."
+        "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-sparkline-area-opacity",
+      "name": "--lr-table-heat-t",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-sparkline>`** (default: `0.15`) — Fill opacity of the area under the line (type=\"area\")."
+        "value": "**`<lr-table>`** — This cell's position on the heat-tint ramp, as a percentage string. Set inline by the component on each `[data-heat]` cell; not consumer-settable."
       }
     },
     {
-      "name": "--lr-sparkline-stroke-width",
+      "name": "--lr-table-heat-tint-hi",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-sparkline>`** (default: `1.5`) — Stroke width of the line/area path."
+        "value": "**`<lr-table>`** (default: `var(--lr-color-brand)`) — High endpoint of the heat-tint ramp used by `heatValue` columns."
       }
     },
     {
-      "name": "--lr-spinner-duration",
+      "name": "--lr-table-heat-tint-lo",
       "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-table>`** (default: `var(--lr-color-brand-quiet)`) — Low endpoint of the heat-tint ramp used by `heatValue` columns."
       }
     },
     {
-      "name": "--lr-spinner-size",
+      "name": "--lr-table-max-height",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-spinner>`** (default: `var(--lr-size-1-25rem)`) — Outer diameter of the indicator."
+        "value": "**`<lr-table>`** (default: `none`) — Cap on the scroll container's block size, past which the table body scrolls."
       }
     },
     {
-      "name": "--lr-spinner-track-width",
+      "name": "--lr-table-resize-handle-opacity",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-spinner>`** (default: `var(--lr-border-width-medium)`) — Thickness of the ring track."
+        "value": "**`<lr-table>`** (default: `0.12`) — Hover/focus opacity of the resize handle."
       }
     },
     {
-      "name": "--lr-split-overlay-color",
+      "name": "--lr-table-resize-min-width",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-split>`** (default: `var(--lr-color-overlay)`) — The `'floating'` drawer scrim's color, applied to `[part=\"backdrop\"]`."
+        "value": "**`<lr-table>`** (default: `var(--lr-size-3rem)`) — Default minimum width for a resizable column without an explicit pixel `minWidth`."
       }
     },
     {
-      "name": "--lr-stack-trace-font",
+      "name": "--lr-table-row-selected-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-stack-trace>`** (default: `var(--lr-font-mono)`) — Font family for the parsed frames and the verbatim raw fallback."
+        "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-stack-trace-max-height",
+      "name": "--lr-table-sticky-offset",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-stack-trace>`** (default: `none`) — Cap on how tall `[part=\"base\"]` grows before it scrolls internally. `none` lets the component grow with its content; the `max-height` attribute sets this token."
+        "value": "**`<lr-table>`** (default: `0`) — Distance a `sticky` column pins from the inline edge. Measured and set inline per column by the component so multiple sticky columns stack instead of overlapping; falls back to `0` for the first one, or before the first measurement pass."
       }
     },
     {
-      "name": "--lr-stream-status-dot-color",
+      "name": "--lr-tabs-hover-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-stream-status>`** (default: `var(--lr-color-text-quiet)`) — `indicator` dot color. Swapped by the reflected `phase`: `var(--lr-color-brand)` for `connecting`/`streaming`, `var(--lr-color-warning)` for `stalled`."
+        "value": "**`<lr-tabs>`** (default: `var(--lr-color-text)`) — Text color of a hovered, non-disabled tab. Independent of the selected-state props above."
       }
     },
     {
-      "name": "--lr-stream-status-dot-opacity",
+      "name": "--lr-tabs-indicator-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-stream-status>`** (default: `0.35`) — `indicator` dot opacity. Swapped by the reflected `phase`: `0.6` for `connecting`, `1` for `streaming` and `stalled`."
+        "value": "**`<lr-tabs>`** (default: `var(--lr-color-brand)`) — Color of the selected tab's underline, themeable independently of its text color."
       }
     },
     {
-      "name": "--lr-streaming-text-cursor-height",
+      "name": "--lr-tabs-selected-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-streaming-text>`** (default: `var(--lr-size-1em)`) — Height of the `cursor` bar."
+        "value": "**`<lr-tabs>`** (default: `var(--lr-color-brand)`) — Text color of the selected tab. Scoped to `[aria-selected='true']` only, so it never repaints a hovered unselected tab (which is what hijacking `--lr-color-brand` library-wide used to do)."
       }
     },
     {
-      "name": "--lr-streaming-text-cursor-width",
+      "name": "--lr-task-list-compact-body-padding",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-streaming-text>`** (default: `var(--lr-size-0-125rem)`) — Width of the `cursor` bar (also its border radius)."
+        "value": "**`<lr-task-list>`** (default: `var(--lr-space-2xs) var(--lr-space-s) var(--lr-space-s)`) — `[part=\"body\"]` padding while `compact`."
       }
     },
     {
-      "name": "--lr-svg-viewer-max-height",
+      "name": "--lr-task-list-compact-gap",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-svg-viewer>`** (default: `none`) — Maximum block size of the scrollable body before it scrolls internally. Also settable via the `max-height` property."
+        "value": "**`<lr-task-list>`** (default: `var(--lr-space-2xs)`) — Gap between `[part=\"body\"]`'s item rows while `compact`."
       }
     },
     {
-      "name": "--lr-swatch-picker-selected-blur",
+      "name": "--lr-task-list-compact-header-padding",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-swatch-picker>`** (default: `0`) — Blur radius of that same ring. 0 by default (a crisp ring); set a real length (e.g. 0.4rem) for a soft glow instead."
+        "value": "**`<lr-task-list>`** (default: `var(--lr-space-2xs) var(--lr-space-s)`) — `[part=\"header\"]` padding while `compact`."
       }
     },
     {
-      "name": "--lr-swatch-picker-selected-color",
+      "name": "--lr-task-list-spin",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-swatch-picker>`** (default: `var(--lr-color-brand)`) — Ring color drawn around the selected swatch, themeable independently of the focus ring and every other ring color."
+        "value": "**`<lr-task-list>`** (default: `1s linear`) — Running-status icon spin animation duration/timing."
       }
     },
     {
-      "name": "--lr-swatch-picker-shine-duration",
+      "name": "--lr-terminal-height",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-swatch-picker>`** (default: `0s`) — Duration of a rhythmic brighten-and-settle \"shine\" on the selected swatch. `0s` (the default) is a no-op -- today's static look for every existing consumer. Set a real duration (e.g. 1.6s) for a pulsing shine; disabled outright under `prefers-reduced-motion: reduce`. Independent of `--lr-swatch-picker-selected-blur` (a separate `filter: brightness()` animation, not `box-shadow`), so the two compose freely, and works identically for a plain color circle and an icon swatch alike."
+        "value": "**`<lr-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-switch-thumb-offset",
+      "name": "--lr-terminal-highlight-accent-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-switch>`** (default: `var(--lr-size-2px)`) — Inset of the thumb from the track's edges."
+        "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-switch-track-block-size",
+      "name": "--lr-terminal-highlight-danger-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-switch>`** (default: `var(--lr-size-1-25rem)`) — Block size of the track; the thumb's diameter is derived from it minus twice `--lr-switch-thumb-offset`."
+        "value": "**`<lr-terminal>`** (default: `var(--lr-color-danger-quiet)`) — Background of a `danger`-tone highlighted line."
       }
     },
     {
-      "name": "--lr-switch-track-inline-size",
+      "name": "--lr-terminal-highlight-neutral-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-switch>`** (default: `var(--lr-size-2-25rem)`) — Inline size of the track, and (with the block size) the distance the thumb travels when checked."
+        "value": "**`<lr-terminal>`** (default: `var(--lr-color-surface)`) — Background of a `neutral`-tone highlighted line."
       }
     },
     {
-      "name": "--lr-table-heat-t",
+      "name": "--lr-terminal-highlight-success-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-table>`** — This cell's position on the heat-tint ramp, as a percentage string. Set inline by the component on each `[data-heat]` cell; not consumer-settable."
+        "value": "**`<lr-terminal>`** (default: `var(--lr-color-success-quiet)`) — Background of a `success`-tone highlighted line."
       }
     },
     {
-      "name": "--lr-table-heat-tint-hi",
+      "name": "--lr-terminal-highlight-warning-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-table>`** (default: `var(--lr-color-brand)`) — High endpoint of the heat-tint ramp used by `heatValue` columns."
+        "value": "**`<lr-terminal>`** (default: `var(--lr-color-warning-quiet)`) — Background of a `warning`-tone highlighted line."
       }
     },
     {
-      "name": "--lr-table-heat-tint-lo",
+      "name": "--lr-test-results-filter-active-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-table>`** (default: `var(--lr-color-brand-quiet)`) — Low endpoint of the heat-tint ramp used by `heatValue` columns."
+        "value": "**`<lr-test-results>`** (default: `var(--lr-color-brand-quiet)`) — Background of a pressed (active) status filter toggle."
       }
     },
     {
-      "name": "--lr-table-max-height",
+      "name": "--lr-test-results-filter-active-border",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-table>`** (default: `none`) — Cap on the scroll container's block size, past which the table body scrolls."
+        "value": "**`<lr-test-results>`** (default: `var(--lr-color-brand)`) — Border color of a pressed (active) status filter toggle."
       }
     },
     {
-      "name": "--lr-table-resize-handle-opacity",
+      "name": "--lr-test-results-filter-active-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-table>`** (default: `0.12`) — Hover/focus opacity of the resize handle."
+        "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-table-resize-min-width",
+      "name": "--lr-textarea-max-block-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-table>`** (default: `var(--lr-size-3rem)`) — Default minimum width for a resizable column without an explicit pixel `minWidth`."
+        "value": "**`<lr-textarea>`** (default: `none`) — Maximum auto-grown block size before the textarea scrolls."
       }
     },
     {
-      "name": "--lr-table-sticky-offset",
+      "name": "--lr-thinking-panel-max-block-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-table>`** (default: `0`) — Distance a `sticky` column pins from the inline edge. Measured and set inline per column by the component so multiple sticky columns stack instead of overlapping; falls back to `0` for the first one, or before the first measurement pass."
+        "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-task-list-spin",
+      "name": "--lr-time-range-preset-active-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-task-list>`** (default: `1s linear`) — Running-status icon spin animation duration/timing."
+        "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-terminal-height",
+      "name": "--lr-time-range-preset-active-border-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-time-range>`** (default: `var(--lr-color-brand)`) — Border color of the active preset button."
       }
     },
     {
-      "name": "--lr-textarea-max-block-size",
+      "name": "--lr-time-range-preset-active-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-textarea>`** (default: `none`) — Maximum auto-grown block size before the textarea scrolls."
+        "value": "**`<lr-time-range>`** (default: `var(--lr-color-on-brand)`) — Text color of the active preset button."
       }
     },
     {
-      "name": "--lr-thinking-panel-max-block-size",
+      "name": "--lr-time-range-size-scale",
       "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: `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)."
       }
     },
     {
@@ -1947,6 +3263,34 @@
         "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-control-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-token-input>`** — Exact input-wrapper height. Unset by default, which leaves `--lr-token-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-token-input-control-min-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-token-input>`** — Input-wrapper block-size floor, scaled by `size`."
+      }
+    },
+    {
+      "name": "--lr-token-input-editor-inline-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-token-input>`** (default: `var(--lr-size-6rem)`) — Inline size of the inline token editor opened by `editable`."
+      }
+    },
+    {
+      "name": "--lr-token-input-font-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-token-input>`** — Input-wrapper/token font size, scaled by `size`."
+      }
+    },
     {
       "name": "--lr-token-input-input-inline-size",
       "description": {
@@ -1961,6 +3305,13 @@
         "value": "**`<lr-token-input>`** (default: `var(--lr-size-4rem)`) — Inline-size floor of the native text input, so it stays usable once tokens wrap."
       }
     },
+    {
+      "name": "--lr-token-input-padding",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-token-input>`** — Input-wrapper padding, scaled by `size`."
+      }
+    },
     {
       "name": "--lr-tool-approval-dialog-mono-font",
       "description": {
@@ -2038,6 +3389,13 @@
         "value": "**`<lr-tool-select-dialog>`** (default: `var(--lr-color-overlay)`) — Backdrop scrim color."
       }
     },
+    {
+      "name": "--lr-tool-timeline-denied-marker-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tool-timeline>`** (default: `var(--lr-color-warning)`) — Rail-dot color for a `status=\"denied\"` entry, decoupled from the pending-approval border below so a consumer can retint either independently."
+      }
+    },
     {
       "name": "--lr-tool-timeline-gap",
       "description": {
@@ -2052,6 +3410,13 @@
         "value": "**`<lr-tool-timeline>`** (default: `var(--lr-size-0-625rem)`) — Diameter of an entry's rail dot; also the width of the marker gutter column."
       }
     },
+    {
+      "name": "--lr-tool-timeline-pending-approval-border-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tool-timeline>`** (default: `var(--lr-color-warning)`) — Color of the entry body's leading border while `data-pending-approval=\"true\"`."
+      }
+    },
     {
       "name": "--lr-tooltip-background",
       "description": {
@@ -2087,6 +3452,13 @@
         "value": "**`<lr-tour>`** — Maximum popover inline size. Defaults to `--lr-size-22rem`."
       }
     },
+    {
+      "name": "--lr-tour-progress-dot-current-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tour>`** (default: `var(--lr-color-brand)`) — Background of `progress-dot` for the current step, without repainting every other component that reuses the shared brand token."
+      }
+    },
     {
       "name": "--lr-tour-spotlight-radius",
       "description": {
@@ -2108,6 +3480,20 @@
         "value": "**`<lr-tour>`** — Spotlight ring thickness. Defaults to `--lr-border-width-medium`."
       }
     },
+    {
+      "name": "--lr-trace-tree-row-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-trace-tree>`** (default: `var(--lr-color-brand-quiet)`) — Background of the active (`activeSpanId`) row. Shadow Parts forbids an attribute selector after `::part()`, so the active row could otherwise only be restyled by hijacking the library-wide `--lr-color-brand-quiet` token. Pairs with `--lr-trace-tree-row-active-color`: set both together, since the defaults assume the active background stays on the same side of the lightness midpoint as the ambient surface — a dark tint in light mode needs the matching text color set too, or the row's secondary text drops below the WCAG AA contrast floor."
+      }
+    },
+    {
+      "name": "--lr-trace-tree-row-active-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-trace-tree>`** (default: `var(--lr-color-text)`) — Foreground reference for the active (`activeSpanId`) row. It sets the color of that row's secondary text (`detail`, `duration`, `tokens-in`, `tokens-out`, `cost`, and the `pending` status label), which is raised from the quiet token to full-strength text so it clears WCAG AA against the active row's tint. The semantic status labels keep their own hue but are mixed 25% toward this same value, so overriding it re-aims every foreground on the row at once rather than leaving the status colors stranded. See the pairing caveat on `--lr-trace-tree-row-active-bg`."
+      }
+    },
     {
       "name": "--lr-transition-ambient",
       "description": {
@@ -2143,6 +3529,13 @@
         "value": "**`<lr-virtual-list>`** (default: `var(--lr-size-24rem)`) — The scroll viewport's height. A virtualized list needs a bounded scroll extent, so this ships a default rather than collapsing to zero when a caller does not size the host."
       }
     },
+    {
+      "name": "--lr-virtual-list-hover-outline-color",
+      "description": {
+        "kind": "markdown",
+        "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-widget-backdrop-inset",
       "description": {
@@ -2164,6 +3557,20 @@
         "value": "**`<lr-widget>`** (default: `var(--lr-color-overlay)`) — The fullscreen scrim's color, applied to `[part=\"backdrop\"]`."
       }
     },
+    {
+      "name": "--lr-widget-view-toggle-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-widget>`** (default: `var(--lr-color-brand-quiet)`) — Background of the pressed (`aria-pressed=\"true\"`) view toggle. Declared as an inline `var()` fallback (never on `:host`), so setting it on the element or an ancestor recolors only the active toggle without hijacking the library-wide `--lr-color-brand-quiet` token."
+      }
+    },
+    {
+      "name": "--lr-widget-view-toggle-active-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-widget>`** (default: `var(--lr-color-brand)`) — Text color of the pressed view toggle."
+      }
+    },
     {
       "name": "--lr-word-cloud-color-1",
       "description": {
@@ -2220,6 +3627,27 @@
         "value": "**`<lr-word-cloud>`** (default: `var(--lr-color-chart-4)`) — Eighth entry of the default categorical palette."
       }
     },
+    {
+      "name": "--lr-xml-viewer-active-match-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-xml-viewer>`** (default: `var(--lr-color-warning)`) — Outline color of the `[part=\"node\"]` holding the current search match. Scoped to the active match, so the dashed outline on the other matches keeps the shared warning token."
+      }
+    },
+    {
+      "name": "--lr-xml-viewer-match-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-xml-viewer>`** (default: `var(--lr-color-warning-quiet)`) — Background of a matching `[part=\"tag\"]`/`[part=\"attribute-value\"]`."
+      }
+    },
+    {
+      "name": "--lr-xml-viewer-match-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-xml-viewer>`** (default: `var(--lr-color-warning)`) — Outline color of a (non-active) `[part=\"node\"]` search match, and the tint source for a matching `[part=\"text\"]`'s background. Distinct from `--lr-xml-viewer-active-match-color`, so the non-active matches can be recolored without touching the active one."
+      }
+    },
     {
       "name": "--lr-xml-viewer-max-height",
       "description": {