@threadlabs/looma 0.10.0 → 0.10.2

package/vue/components.css

@@ -1,18 +1,18 @@
 
-[data-component~="ui-affordance-scope"][data-v-c1d56d8d] {
+[data-component~="ui-affordance-scope"][data-v-c9fe5e81] {
   display: contents;
   --ui-affordance-scope-engaged: 0;
 }
-[data-component~="ui-affordance-scope"][data-ui-affordance-scope-state~="engaged"][data-v-c1d56d8d] {
+[data-component~="ui-affordance-scope"][data-ui-affordance-scope-state~="engaged"][data-v-c9fe5e81] {
   --ui-affordance-scope-engaged: 1;
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-affordance-scope"][hidden][data-v-c1d56d8d] {
+[data-component~="ui-affordance-scope"][hidden][data-v-c9fe5e81] {
   display: none;
 }
 
-[data-component~="ui-avatar"][data-v-eb16b513] {
+[data-component~="ui-avatar"][data-v-f6916639] {
   display: inline-grid;
   place-items: center;
   overflow: hidden;
@@ -27,13 +27,13 @@
   font-weight: 600;
   text-transform: uppercase;
 }
-.image[data-v-eb16b513],img[data-v-eb16b513-s] {
+.image[data-v-f6916639],img[data-v-f6916639-s] {
   grid-area: 1 / 1;
   inline-size: 100%;
   block-size: 100%;
   object-fit: cover;
 }
-.fallback[data-v-eb16b513] {
+.fallback[data-v-f6916639] {
   grid-area: 1 / 1;
   display: inline-flex;
   align-items: center;
@@ -46,7 +46,7 @@
 /* Centre the glyphs, not the line box: a label without descenders otherwise reads high.
  * Trimming applies to block containers, so the box is a block with centred content. */
 @supports (text-box-trim: trim-both) {
-.fallback[data-v-eb16b513] {
+.fallback[data-v-f6916639] {
     display: block;
     text-align: center;
     align-content: center;
@@ -54,16 +54,16 @@
     text-box-edge: cap alphabetic;
 }
 }
-[hidden][data-v-eb16b513] {
+[hidden][data-v-f6916639] {
   display: none;
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-avatar"][hidden][data-v-eb16b513] {
+[data-component~="ui-avatar"][hidden][data-v-f6916639] {
   display: none;
 }
 
-[data-component~="ui-avatar-group"][data-v-9e8e1291] {
+[data-component~="ui-avatar-group"][data-v-9d727004] {
   /* Avatars separate with a tight, crisp edge, matching Looma's 1px borders rather than the
    * diffuse elevation overlays use. */
   --_overlap-shadow: -2px 0 2px -1px rgba(0, 0, 0, 0.22);
@@ -77,15 +77,15 @@
 
 /* Overlap and the separating shadow are applied by the controller: slotted avatars are nested
  * component roots outside this style scope. */
-[data-v-9e8e1291-s] {
+[data-v-9d727004-s] {
   margin-inline-start: -0.625rem;
   flex-shrink: 0;
   border-radius: 999px;
 }
-[data-v-9e8e1291-s]:first-child {
+[data-v-9d727004-s]:first-child {
   margin-inline-start: 0;
 }
-.overflow[data-v-9e8e1291] {
+.overflow[data-v-9d727004] {
   margin-inline-start: -0.625rem;
   display: inline-flex;
   align-items: center;
@@ -104,16 +104,16 @@
   font-weight: 600;
   flex-shrink: 0;
 }
-.overflow[hidden][data-v-9e8e1291] {
+.overflow[hidden][data-v-9d727004] {
   display: none;
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-avatar-group"][hidden][data-v-9e8e1291] {
+[data-component~="ui-avatar-group"][hidden][data-v-9d727004] {
   display: none;
 }
 
-[data-component~="ui-badge"][data-v-c0ffc4d8] {
+[data-component~="ui-badge"][data-v-0dbc98f0] {
   --_badge-surface: var(--ui-surface-subtle);
   --_badge-text: var(--ui-text-secondary);
   --_badge-border: color-mix(in srgb, var(--ui-text-secondary) 30%, transparent);
@@ -139,7 +139,7 @@
 /* Centre the glyphs, not the line box: a label without descenders otherwise reads high.
  * Trimming applies to block containers, so the box is a block with centred content. */
 @supports (text-box-trim: trim-both) {
-[data-component~="ui-badge"][data-v-c0ffc4d8] {
+[data-component~="ui-badge"][data-v-0dbc98f0] {
     display: block;
     min-block-size: var(--ui-badge-min-block-size, 1.5rem);
     text-align: center;
@@ -148,52 +148,52 @@
     text-box-edge: cap alphabetic;
 }
 }
-[data-component~="ui-badge"][data-ui-badge-state~="tone=accent"][data-v-c0ffc4d8] {
+[data-component~="ui-badge"][data-ui-badge-state~="tone=accent"][data-v-0dbc98f0] {
   --_badge-surface: var(--ui-accent-strong-surface, var(--ui-accent-solid));
   --_badge-border: var(--ui-accent-strong-surface, var(--ui-accent-solid));
   --_badge-text: var(--ui-accent-on-strong, var(--ui-text-on-accent));
 }
-[data-component~="ui-badge"][data-ui-badge-state~="tone=danger"][data-v-c0ffc4d8] {
+[data-component~="ui-badge"][data-ui-badge-state~="tone=danger"][data-v-0dbc98f0] {
   --_badge-surface: var(--ui-danger-strong-surface, var(--ui-danger-solid));
   --_badge-border: var(--ui-danger-strong-surface, var(--ui-danger-solid));
   --_badge-text: var(--ui-danger-on-strong, var(--ui-text-on-accent));
 }
-[data-component~="ui-badge"][data-ui-badge-state~="tone=success"][data-v-c0ffc4d8] {
+[data-component~="ui-badge"][data-ui-badge-state~="tone=success"][data-v-0dbc98f0] {
   --_badge-surface: var(--ui-success-strong-surface, var(--ui-success-solid));
   --_badge-border: var(--ui-success-strong-surface, var(--ui-success-solid));
   --_badge-text: var(--ui-success-on-strong, var(--ui-text-on-accent));
 }
-[data-component~="ui-badge"][data-ui-badge-state~="tone=warning"][data-v-c0ffc4d8] {
+[data-component~="ui-badge"][data-ui-badge-state~="tone=warning"][data-v-0dbc98f0] {
   --_badge-surface: var(--ui-warning-strong-surface, var(--ui-warning-solid));
   --_badge-border: var(--ui-warning-strong-surface, var(--ui-warning-solid));
   --_badge-text: var(--ui-warning-on-strong, var(--ui-text-on-accent));
 }
-[data-component~="ui-badge"][data-ui-badge-state~="tone=info"][data-v-c0ffc4d8] {
+[data-component~="ui-badge"][data-ui-badge-state~="tone=info"][data-v-0dbc98f0] {
   --_badge-surface: var(--ui-info-strong-surface, var(--ui-info-solid));
   --_badge-border: var(--ui-info-strong-surface, var(--ui-info-solid));
   --_badge-text: var(--ui-info-on-strong, var(--ui-text-on-accent));
 }
-[data-component~="ui-badge"][data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=accent"][data-v-c0ffc4d8] {
+[data-component~="ui-badge"][data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=accent"][data-v-0dbc98f0] {
   --_badge-surface: var(--ui-accent-soft);
   --_badge-border: var(--ui-accent-soft);
   --_badge-text: var(--ui-accent-subtle-text, var(--ui-accent-solid));
 }
-[data-component~="ui-badge"][data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=danger"][data-v-c0ffc4d8] {
+[data-component~="ui-badge"][data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=danger"][data-v-0dbc98f0] {
   --_badge-surface: var(--ui-danger-soft);
   --_badge-border: var(--ui-danger-soft);
   --_badge-text: var(--ui-danger-subtle-text, var(--ui-danger-solid));
 }
-[data-component~="ui-badge"][data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=success"][data-v-c0ffc4d8] {
+[data-component~="ui-badge"][data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=success"][data-v-0dbc98f0] {
   --_badge-surface: var(--ui-success-soft);
   --_badge-border: var(--ui-success-soft);
   --_badge-text: var(--ui-success-subtle-text, var(--ui-success-solid));
 }
-[data-component~="ui-badge"][data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=warning"][data-v-c0ffc4d8] {
+[data-component~="ui-badge"][data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=warning"][data-v-0dbc98f0] {
   --_badge-surface: var(--ui-warning-soft);
   --_badge-border: var(--ui-warning-soft);
   --_badge-text: var(--ui-warning-subtle-text, var(--ui-warning-solid));
 }
-[data-component~="ui-badge"][data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=info"][data-v-c0ffc4d8] {
+[data-component~="ui-badge"][data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=info"][data-v-0dbc98f0] {
   --_badge-surface: var(--ui-info-soft);
   --_badge-border: var(--ui-info-soft);
   --_badge-text: var(--ui-info-subtle-text, var(--ui-info-solid));
@@ -202,7 +202,7 @@
 /* A tag is flat at the start and points at the end. The point is cut from the box, so it has no
    outline to follow: the edge is the fill. The end padding grows by the point's depth so the
    label never runs into it. */
-[data-component~="ui-badge"][data-ui-badge-state~="shape=tag"][data-v-c0ffc4d8] {
+[data-component~="ui-badge"][data-ui-badge-state~="shape=tag"][data-v-0dbc98f0] {
   --_badge-point: var(--ui-badge-point, var(--ui-space-2));
 
   border-color: transparent;
@@ -216,7 +216,7 @@
     0 100%
   );
 }
-[data-component~="ui-badge"][data-ui-badge-state~="shape=tag"][data-v-c0ffc4d8]:dir(rtl) {
+[data-component~="ui-badge"][data-ui-badge-state~="shape=tag"][data-v-0dbc98f0]:dir(rtl) {
   padding-inline-end: var(--ui-badge-padding-inline, var(--ui-space-2));
   padding-inline-start: calc(
     var(--ui-badge-padding-inline, var(--ui-space-2)) + var(--_badge-point)
@@ -225,11 +225,11 @@
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-badge"][hidden][data-v-c0ffc4d8] {
+[data-component~="ui-badge"][hidden][data-v-0dbc98f0] {
   display: none;
 }
 
-[data-component~="ui-button"][data-v-1cd0b390] {
+[data-component~="ui-button"][data-v-0c121308] {
   --_hue: var(--ui-accent);
   --_hue-hover: var(--ui-accent-hover);
   --_hue-active: var(--ui-accent-active);
@@ -248,15 +248,15 @@
   vertical-align: middle;
   color: var(--_tone-text);
 }
-[data-component~="ui-button"][data-ui-button-state~="align=start"][data-v-1cd0b390] {
+[data-component~="ui-button"][data-ui-button-state~="align=start"][data-v-0c121308] {
   justify-content: flex-start;
   text-align: start;
 }
-[data-component~="ui-button"][data-ui-button-state~="stretch"][data-v-1cd0b390] {
+[data-component~="ui-button"][data-ui-button-state~="stretch"][data-v-0c121308] {
   display: flex;
   inline-size: 100%;
 }
-[data-component~="ui-button"][data-v-1cd0b390] {
+[data-component~="ui-button"][data-v-0c121308] {
   appearance: none;
   min-block-size: var(--ui-button-min-block-size, var(--ui-control-size-md));
   border-style: solid;
@@ -281,17 +281,17 @@
   margin: 0;
 }
 @supports (text-box-trim: trim-both) {
-[data-component~="ui-button"][data-v-1cd0b390] {
+[data-component~="ui-button"][data-v-0c121308] {
     text-box-trim: trim-both;
     text-box-edge: cap alphabetic;
 }
 }
-[data-component~="ui-button"][data-ui-button-state~="size=sm"][data-v-1cd0b390] {
+[data-component~="ui-button"][data-ui-button-state~="size=sm"][data-v-0c121308] {
   min-block-size: var(--ui-control-size-sm);
   padding: var(--ui-space-1) var(--ui-space-2);
   font-size: var(--ui-font-size-sm);
 }
-[data-component~="ui-button"][data-ui-button-state~="size=lg"][data-v-1cd0b390] {
+[data-component~="ui-button"][data-ui-button-state~="size=lg"][data-v-0c121308] {
   min-block-size: var(--ui-control-size-lg);
   padding: var(--ui-space-3) var(--ui-space-4);
   font-size: var(--ui-font-size-md);
@@ -299,29 +299,29 @@
 
 /* A link is never :enabled, so interactive states test "not unavailable" instead: for a button that
    is exactly :enabled, at the same specificity, and it also matches a link that can be followed. */
-[data-component~="ui-button"][data-v-1cd0b390]:hover:not(:disabled, [aria-disabled="true"]) {
+[data-component~="ui-button"][data-v-0c121308]:hover:not(:disabled, [aria-disabled="true"]) {
   border-color: var(--ui-button-hover-border, var(--_tone-hover));
   background-color: var(--ui-button-hover-surface, oklch(from var(--_tone) l c h / 12%));
 }
 
 /* Pressed reads as pressed in: the highlight goes, and the shadow moves inside. */
-[data-component~="ui-button"][data-v-1cd0b390]:active:not(:disabled, [aria-disabled="true"]) {
+[data-component~="ui-button"][data-v-0c121308]:active:not(:disabled, [aria-disabled="true"]) {
   background-color: var(--ui-button-active-surface, oklch(from var(--_tone) l c h / 18%));
   background-image: none;
   box-shadow: var(--ui-pressed);
 }
-[data-component~="ui-button"][data-ui-button-state~="variant=solid"][data-v-1cd0b390],
-[data-component~="ui-button"][data-ui-button-state~="variant=danger"][data-v-1cd0b390] {
+[data-component~="ui-button"][data-ui-button-state~="variant=solid"][data-v-0c121308],
+[data-component~="ui-button"][data-ui-button-state~="variant=danger"][data-v-0c121308] {
   border-color: var(--_tone);
   background-color: var(--_tone);
   color: var(--_on-tone);
   box-shadow: var(--ui-button-solid-shadow, var(--ui-raised));
 }
-:is([data-component~="ui-button"][data-ui-button-state~="variant=solid"][data-v-1cd0b390], [data-component~="ui-button"][data-ui-button-state~="variant=danger"][data-v-1cd0b390]):hover:not(:disabled, [aria-disabled="true"]) {
+:is([data-component~="ui-button"][data-ui-button-state~="variant=solid"][data-v-0c121308], [data-component~="ui-button"][data-ui-button-state~="variant=danger"][data-v-0c121308]):hover:not(:disabled, [aria-disabled="true"]) {
   background-color: var(--_tone-hover);
   border-color: var(--_tone-hover);
 }
-:is([data-component~="ui-button"][data-ui-button-state~="variant=solid"][data-v-1cd0b390], [data-component~="ui-button"][data-ui-button-state~="variant=danger"][data-v-1cd0b390]):active:not(:disabled, [aria-disabled="true"]) {
+:is([data-component~="ui-button"][data-ui-button-state~="variant=solid"][data-v-0c121308], [data-component~="ui-button"][data-ui-button-state~="variant=danger"][data-v-0c121308]):active:not(:disabled, [aria-disabled="true"]) {
   background-color: var(--_tone-active);
   border-color: var(--_tone-active);
   background-image: none;
@@ -330,43 +330,43 @@
 
 /* Tone is the colour, variant is the volume. Every pairing works: a danger outline is a
    destructive secondary action, not a special case. */
-[data-component~="ui-button"][data-ui-button-state~="tone=neutral"][data-v-1cd0b390] {
+[data-component~="ui-button"][data-ui-button-state~="tone=neutral"][data-v-0c121308] {
   --_hue: var(--ui-text);
   --_hue-hover: var(--ui-text);
   --_hue-active: var(--ui-text);
   --_hue-text: var(--ui-text);
   --_on-hue: var(--ui-surface);
 }
-[data-component~="ui-button"][data-ui-button-state~="tone=danger"][data-v-1cd0b390],
-[data-component~="ui-button"][data-ui-button-state~="variant=danger"][data-v-1cd0b390] {
+[data-component~="ui-button"][data-ui-button-state~="tone=danger"][data-v-0c121308],
+[data-component~="ui-button"][data-ui-button-state~="variant=danger"][data-v-0c121308] {
   --_hue: var(--ui-danger);
   --_hue-hover: var(--ui-danger-hover);
   --_hue-active: var(--ui-danger-hover);
   --_hue-text: var(--ui-danger-hover);
   --_on-hue: var(--ui-on-danger);
 }
-[data-component~="ui-button"][data-ui-button-state~="tone=success"][data-v-1cd0b390] {
+[data-component~="ui-button"][data-ui-button-state~="tone=success"][data-v-0c121308] {
   --_hue: var(--ui-success);
   --_hue-hover: color-mix(in srgb, var(--ui-success) 85%, #000);
   --_hue-active: color-mix(in srgb, var(--ui-success) 75%, #000);
   --_hue-text: color-mix(in srgb, var(--ui-success) 85%, #000);
   --_on-hue: var(--ui-surface);
 }
-[data-component~="ui-button"][data-ui-button-state~="tone=warning"][data-v-1cd0b390] {
+[data-component~="ui-button"][data-ui-button-state~="tone=warning"][data-v-0c121308] {
   --_hue: var(--ui-warning);
   --_hue-hover: color-mix(in srgb, var(--ui-warning) 85%, #000);
   --_hue-active: color-mix(in srgb, var(--ui-warning) 75%, #000);
   --_hue-text: color-mix(in srgb, var(--ui-warning) 85%, #000);
   --_on-hue: var(--ui-surface);
 }
-[data-component~="ui-button"][data-ui-button-state~="tone=info"][data-v-1cd0b390] {
+[data-component~="ui-button"][data-ui-button-state~="tone=info"][data-v-0c121308] {
   --_hue: var(--ui-info);
   --_hue-hover: color-mix(in srgb, var(--ui-info) 85%, #000);
   --_hue-active: color-mix(in srgb, var(--ui-info) 75%, #000);
   --_hue-text: color-mix(in srgb, var(--ui-info) 85%, #000);
   --_on-hue: var(--ui-surface);
 }
-[data-component~="ui-button"][data-ui-button-state~="variant=ghost"][data-v-1cd0b390] {
+[data-component~="ui-button"][data-ui-button-state~="variant=ghost"][data-v-0c121308] {
   border-color: transparent;
   background: transparent;
   box-shadow: none;
@@ -374,24 +374,24 @@
 }
 
 /* Tints derive from the text colour, not a surface token, so hover and press show on any background. */
-[data-component~="ui-button"][data-ui-button-state~="variant=ghost"][data-v-1cd0b390]:hover:not(:disabled, [aria-disabled="true"]) {
+[data-component~="ui-button"][data-ui-button-state~="variant=ghost"][data-v-0c121308]:hover:not(:disabled, [aria-disabled="true"]) {
   background-color: var(--ui-button-ghost-hover-surface, oklch(from var(--_tone) l c h / 10%));
   border-color: transparent;
 }
-[data-component~="ui-button"][data-ui-button-state~="variant=ghost"][data-v-1cd0b390]:active:not(:disabled, [aria-disabled="true"]) {
+[data-component~="ui-button"][data-ui-button-state~="variant=ghost"][data-v-0c121308]:active:not(:disabled, [aria-disabled="true"]) {
   background-color: var(--ui-button-ghost-active-surface, oklch(from var(--_tone) l c h / 16%));
   border-color: transparent;
   box-shadow: var(--ui-pressed);
 }
 
 /* A soft halo that transitions in with the other box-shadow changes, layered on the raised shadow. */
-[data-component~="ui-button"][data-v-1cd0b390]:focus-visible {
+[data-component~="ui-button"][data-v-0c121308]:focus-visible {
   outline: none;
   box-shadow:
     var(--ui-button-shadow, var(--ui-raised)),
     var(--ui-focus-halo);
 }
-[data-component~="ui-button"][data-ui-button-state~="variant=solid"][data-v-1cd0b390]:focus-visible {
+[data-component~="ui-button"][data-ui-button-state~="variant=solid"][data-v-0c121308]:focus-visible {
   box-shadow:
     var(--ui-button-solid-shadow, var(--ui-raised)),
     var(--ui-focus-halo);
@@ -401,7 +401,7 @@
    disabled outline is still an outline and a disabled ghost still has no edge. Intent goes — an
    unavailable action says "unavailable", not "unavailable, and destructive" — and so do the
    highlight and shadow, because nothing that cannot be pressed should look raised. */
-[data-component~="ui-button"][data-v-1cd0b390]:is(:disabled, [aria-disabled="true"]) {
+[data-component~="ui-button"][data-v-0c121308]:is(:disabled, [aria-disabled="true"]) {
   /* Derived from the tone itself, not from a separate disabled palette: faded toward the
      page, which desaturates it at the same time. Toward the page rather than toward white,
      so a dark theme dims where a light one lightens — the same rule, both schemes. */
@@ -418,7 +418,7 @@
 }
 
 /* A filled button keeps its fill, faded further so its text stays legible on it. */
-:is([data-component~="ui-button"][data-ui-button-state~="variant=solid"][data-v-1cd0b390], [data-component~="ui-button"][data-ui-button-state~="variant=danger"][data-v-1cd0b390]):is(:disabled, [aria-disabled="true"]) {
+:is([data-component~="ui-button"][data-ui-button-state~="variant=solid"][data-v-0c121308], [data-component~="ui-button"][data-ui-button-state~="variant=danger"][data-v-0c121308]):is(:disabled, [aria-disabled="true"]) {
   --_tone: color-mix(in oklab, var(--_hue) 34%, var(--ui-surface));
 }
 
@@ -426,19 +426,19 @@
    it takes a surface rather than reading as plain text. The surface is a wash of the faded tone,
    the way hover washes the live one, so it stays light in every tone. An opaque mix toward the
    hue came out a mid-grey slab for neutral, whose hue is the ink: louder than the enabled button. */
-[data-component~="ui-button"][data-ui-button-state~="variant=ghost"][data-v-1cd0b390]:is(:disabled, [aria-disabled="true"]) {
+[data-component~="ui-button"][data-ui-button-state~="variant=ghost"][data-v-0c121308]:is(:disabled, [aria-disabled="true"]) {
   background-color: oklch(from var(--_tone) l c h / 14%);
   border-color: transparent;
 }
 @media (pointer: coarse) {
-[data-component~="ui-button"][data-v-1cd0b390] {
+[data-component~="ui-button"][data-v-0c121308] {
     min-block-size: var(--ui-control-min-block-size);
 }
 }
 
 /* Link: an inline text action. No box, padding, or minimum height (inline targets are exempt under
    WCAG 2.5.8); the inherited font; an underline that strengthens on hover; a visible focus ring. */
-[data-component~="ui-button"][data-ui-button-state~="variant=link"][data-v-1cd0b390] {
+[data-component~="ui-button"][data-ui-button-state~="variant=link"][data-v-0c121308] {
   display: inline;
   min-block-size: 0;
   padding: 0;
@@ -456,22 +456,22 @@
     color var(--ui-motion-fast) var(--ui-motion-ease),
     text-decoration-color var(--ui-motion-fast) var(--ui-motion-ease);
 }
-[data-component~="ui-button"][data-ui-button-state~="variant=link"][data-v-1cd0b390]:hover:not(:disabled, [aria-disabled="true"]) {
+[data-component~="ui-button"][data-ui-button-state~="variant=link"][data-v-0c121308]:hover:not(:disabled, [aria-disabled="true"]) {
   color: var(--ui-button-link-hover-text, var(--ui-text-primary));
   text-decoration-color: currentColor;
   background: none;
   transform: none;
 }
-[data-component~="ui-button"][data-ui-button-state~="variant=link"][data-v-1cd0b390]:active:not(:disabled, [aria-disabled="true"]) {
+[data-component~="ui-button"][data-ui-button-state~="variant=link"][data-v-0c121308]:active:not(:disabled, [aria-disabled="true"]) {
   background: none;
   transform: none;
 }
-[data-component~="ui-button"][data-ui-button-state~="variant=link"][data-v-1cd0b390]:is(:disabled, [aria-disabled="true"]) {
+[data-component~="ui-button"][data-ui-button-state~="variant=link"][data-v-0c121308]:is(:disabled, [aria-disabled="true"]) {
   background: none;
   border-color: transparent;
   color: var(--ui-button-disabled-text, var(--ui-disabled-text));
 }
-[data-component~="ui-button"][data-ui-button-state~="variant=link"][data-v-1cd0b390]:focus-visible {
+[data-component~="ui-button"][data-ui-button-state~="variant=link"][data-v-0c121308]:focus-visible {
   box-shadow: none;
   /* Fallback keeps the ring if the token is missing: an unresolved var() would void the outline. */
   outline: 2px solid var(--ui-focus-ring);
@@ -479,11 +479,11 @@
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-button"][hidden][data-v-1cd0b390] {
+[data-component~="ui-button"][hidden][data-v-0c121308] {
   display: none;
 }
 
-[data-component~="ui-callout"][data-v-c6e92976] {
+[data-component~="ui-callout"][data-v-2fd6ab30] {
   --_callout-surface: var(--ui-info-soft);
   --_callout-border: var(--ui-info-solid);
   --_callout-icon: var(--ui-info-solid);
@@ -509,47 +509,47 @@
 }
 
 /* One line box tall, so the icon centres on the first line of text. */
-.icon[data-v-c6e92976] {
+.icon[data-v-2fd6ab30] {
   display: grid;
   place-items: center;
   inline-size: var(--ui-callout-icon-column, 1.125rem);
   block-size: 1lh;
   color: var(--ui-callout-icon, var(--_callout-icon));
 }
-.icon svg[data-v-c6e92976] {
+.icon svg[data-v-2fd6ab30] {
   inline-size: var(--ui-callout-icon-size, 1.125rem);
   block-size: var(--ui-callout-icon-size, 1.125rem);
 }
-.content[data-v-c6e92976] {
+.content[data-v-2fd6ab30] {
   min-inline-size: 0;
 }
-[data-component~="ui-callout"][data-ui-callout-state~="tone=note"][data-v-c6e92976] {
+[data-component~="ui-callout"][data-ui-callout-state~="tone=note"][data-v-2fd6ab30] {
   --_callout-surface: var(--ui-surface-muted);
   --_callout-border: var(--ui-border-strong);
   --_callout-icon: var(--ui-text-secondary);
 }
-[data-component~="ui-callout"][data-ui-callout-state~="tone=warning"][data-v-c6e92976] {
+[data-component~="ui-callout"][data-ui-callout-state~="tone=warning"][data-v-2fd6ab30] {
   --_callout-surface: var(--ui-warning-soft);
   --_callout-border: var(--ui-warning-solid);
   --_callout-icon: var(--ui-warning-solid);
 }
-[data-component~="ui-callout"][data-ui-callout-state~="tone=success"][data-v-c6e92976] {
+[data-component~="ui-callout"][data-ui-callout-state~="tone=success"][data-v-2fd6ab30] {
   --_callout-surface: var(--ui-success-soft);
   --_callout-border: var(--ui-success-solid);
   --_callout-icon: var(--ui-success-solid);
 }
-[data-component~="ui-callout"][data-ui-callout-state~="tone=danger"][data-v-c6e92976] {
+[data-component~="ui-callout"][data-ui-callout-state~="tone=danger"][data-v-2fd6ab30] {
   --_callout-surface: var(--ui-danger-soft);
   --_callout-border: var(--ui-danger-solid);
   --_callout-icon: var(--ui-danger-solid);
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-callout"][hidden][data-v-c6e92976] {
+[data-component~="ui-callout"][hidden][data-v-2fd6ab30] {
   display: none;
 }
 
-[data-component~="ui-checkbox"][data-v-44d93832] {
+[data-component~="ui-checkbox"][data-v-9c9d1eaa] {
   display: inline-flex;
   align-items: flex-start;
   gap: var(--ui-checkbox-gap, var(--ui-space-2));
@@ -557,11 +557,11 @@
   color: var(--ui-text-primary);
   cursor: pointer;
 }
-.label[data-v-44d93832] {
+.label[data-v-9c9d1eaa] {
   min-inline-size: 0;
   line-height: var(--ui-line-height-md);
 }
-input[data-v-44d93832] {
+input[data-v-9c9d1eaa] {
   appearance: none;
   -webkit-appearance: none;
   position: relative;
@@ -579,20 +579,20 @@ input[data-v-44d93832] {
     border-color var(--ui-motion-fast) var(--ui-motion-ease),
     box-shadow var(--ui-motion-fast) var(--ui-motion-ease);
 }
-input[data-v-44d93832]::after {
+input[data-v-9c9d1eaa]::after {
   content: "";
   position: absolute;
   opacity: 0;
 }
-input[data-v-44d93832]:checked,
-input[data-v-44d93832]:indeterminate {
+input[data-v-9c9d1eaa]:checked,
+input[data-v-9c9d1eaa]:indeterminate {
   border-color: var(--ui-accent-solid);
   background: var(--ui-accent-solid);
   box-shadow: inset 0 1px 2px color-mix(in srgb, #000 16%, transparent);
 }
 
 /* Centre the tick's box, then lift it: a rotated L's ink sits ~0.11rem below its box centre. */
-input[data-v-44d93832]:checked::after {
+input[data-v-9c9d1eaa]:checked::after {
   inset: 0;
   margin: auto;
   inline-size: 0.32rem;
@@ -605,7 +605,7 @@ input[data-v-44d93832]:checked::after {
   opacity: 1;
   transform: translateY(-0.11rem) rotate(45deg);
 }
-input[data-v-44d93832]:indeterminate::after {
+input[data-v-9c9d1eaa]:indeterminate::after {
   inset: 50% 0.23rem auto;
   block-size: 0.125rem;
   border-radius: var(--ui-radius-round);
@@ -613,29 +613,29 @@ input[data-v-44d93832]:indeterminate::after {
   opacity: 1;
   transform: translateY(-50%);
 }
-input[data-v-44d93832]:hover:enabled {
+input[data-v-9c9d1eaa]:hover:enabled {
   border-color: var(--ui-accent-solid);
 }
-input[data-v-44d93832]:focus-visible {
+input[data-v-9c9d1eaa]:focus-visible {
   outline: 2px solid var(--ui-focus-ring, var(--ui-accent-solid));
   outline-offset: 2px;
 }
-[data-component~="ui-checkbox"][data-ui-checkbox-state~="disabled"][data-v-44d93832] {
+[data-component~="ui-checkbox"][data-ui-checkbox-state~="disabled"][data-v-9c9d1eaa] {
   color: var(--ui-text-muted);
   cursor: not-allowed;
 }
-[data-component~="ui-checkbox"][data-ui-checkbox-state~="disabled"] input[data-v-44d93832] {
+[data-component~="ui-checkbox"][data-ui-checkbox-state~="disabled"] input[data-v-9c9d1eaa] {
   border-color: var(--ui-border-default);
   background: var(--ui-control-surface-disabled, var(--ui-surface-muted));
   cursor: not-allowed;
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-checkbox"][hidden][data-v-44d93832] {
+[data-component~="ui-checkbox"][hidden][data-v-9c9d1eaa] {
   display: none;
 }
 
-[data-component~="ui-cluster"][data-v-9a0304f1] {
+[data-component~="ui-cluster"][data-v-c4f9b76d] {
   --_layout-gap: var(--ui-space-3);
   display: flex;
   flex-wrap: wrap;
@@ -645,37 +645,37 @@ input[data-v-44d93832]:focus-visible {
   max-inline-size: 100%;
   margin: 0;
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="gap=xs"][data-v-9a0304f1] {
+[data-component~="ui-cluster"][data-ui-cluster-state~="gap=xs"][data-v-c4f9b76d] {
   --_layout-gap: var(--ui-space-2);
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="gap=s"][data-v-9a0304f1] {
+[data-component~="ui-cluster"][data-ui-cluster-state~="gap=s"][data-v-c4f9b76d] {
   --_layout-gap: var(--ui-space-3);
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="gap=m"][data-v-9a0304f1] {
+[data-component~="ui-cluster"][data-ui-cluster-state~="gap=m"][data-v-c4f9b76d] {
   --_layout-gap: var(--ui-space-4);
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="gap=l"][data-v-9a0304f1] {
+[data-component~="ui-cluster"][data-ui-cluster-state~="gap=l"][data-v-c4f9b76d] {
   --_layout-gap: var(--ui-space-5);
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="gap=xl"][data-v-9a0304f1] {
+[data-component~="ui-cluster"][data-ui-cluster-state~="gap=xl"][data-v-c4f9b76d] {
   --_layout-gap: var(--ui-space-6);
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="align=start"][data-v-9a0304f1] {
+[data-component~="ui-cluster"][data-ui-cluster-state~="align=start"][data-v-c4f9b76d] {
   align-items: flex-start;
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="align=end"][data-v-9a0304f1] {
+[data-component~="ui-cluster"][data-ui-cluster-state~="align=end"][data-v-c4f9b76d] {
   align-items: flex-end;
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="align=stretch"][data-v-9a0304f1] {
+[data-component~="ui-cluster"][data-ui-cluster-state~="align=stretch"][data-v-c4f9b76d] {
   align-items: stretch;
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-cluster"][hidden][data-v-9a0304f1] {
+[data-component~="ui-cluster"][hidden][data-v-c4f9b76d] {
   display: none;
 }
 
-[data-component~="ui-tooltip"][data-v-5952fbd4] {
+[data-component~="ui-tooltip"][data-v-c4cff7e8] {
   position: fixed;
   inset: auto;
   margin: 0;
@@ -696,7 +696,7 @@ input[data-v-44d93832]:focus-visible {
     display var(--ui-motion-fast) allow-discrete,
     overlay var(--ui-motion-fast) allow-discrete;
 }
-.surface[data-v-5952fbd4] {
+.surface[data-v-c4cff7e8] {
   --_tooltip-line: var(--ui-tooltip-border, var(--ui-border-default));
   position: relative;
   box-sizing: border-box;
@@ -711,7 +711,7 @@ input[data-v-44d93832]:focus-visible {
   line-height: var(--ui-line-height-tight);
   box-shadow: var(--ui-tooltip-shadow, var(--ui-elevation-tooltip, var(--ui-shadow-md)));
 }
-[data-component~="ui-tooltip"][data-ui-tooltip-state~="inverse"] .surface[data-v-5952fbd4] {
+[data-component~="ui-tooltip"][data-ui-tooltip-state~="inverse"] .surface[data-v-c4cff7e8] {
   --_tooltip-line: var(--ui-tooltip-inverse-surface, var(--ui-text-primary));
   background: var(--ui-tooltip-inverse-surface, var(--ui-text-primary));
   color: var(--ui-tooltip-inverse-text, var(--ui-surface-default));
@@ -719,7 +719,7 @@ input[data-v-44d93832]:focus-visible {
 
 /* A rotated square shares the surface fill and draws the two outward border edges. Its centre sits on
  * the surface border line, so the fill covers that stretch of border and the outline runs unbroken. */
-.surface[data-v-5952fbd4]::after {
+.surface[data-v-c4cff7e8]::after {
   content: "";
   position: absolute;
   z-index: 1;
@@ -736,7 +736,7 @@ input[data-v-44d93832]:focus-visible {
   transform: rotate(45deg);
 }
 :is([data-component~="ui-tooltip"][data-ui-tooltip-state~="placement=bottom"], [data-component~="ui-tooltip"][data-ui-tooltip-state~="placement=bottom-start"], [data-component~="ui-tooltip"][data-ui-tooltip-state~="placement=bottom-end"])
-  .surface[data-v-5952fbd4]::after {
+  .surface[data-v-c4cff7e8]::after {
   inset-block-start: calc(var(--ui-tooltip-arrow-size, 0.5rem) / -2 - 0.5px);
   inset-block-end: auto;
   border-inline-end-width: 0;
@@ -747,50 +747,50 @@ input[data-v-44d93832]:focus-visible {
   border-start-start-radius: 1px;
 }
 :is([data-component~="ui-tooltip"][data-ui-tooltip-state~="placement=top-end"], [data-component~="ui-tooltip"][data-ui-tooltip-state~="placement=bottom-end"])
-  .surface[data-v-5952fbd4]::after {
+  .surface[data-v-c4cff7e8]::after {
   inset-inline-start: auto;
   inset-inline-end: var(--ui-space-3);
 }
-[data-component~="ui-tooltip"][data-v-5952fbd4]:popover-open {
+[data-component~="ui-tooltip"][data-v-c4cff7e8]:popover-open {
   opacity: 1;
   transform: translateY(0);
 }
 @starting-style {
-[data-component~="ui-tooltip"][data-v-5952fbd4]:popover-open {
+[data-component~="ui-tooltip"][data-v-c4cff7e8]:popover-open {
     opacity: 0;
     transform: translateY(4px);
 }
 }
-[data-component~="ui-tooltip"][hidden][data-v-5952fbd4] {
+[data-component~="ui-tooltip"][hidden][data-v-c4cff7e8] {
   display: none;
 }
 @media (prefers-reduced-motion: reduce) {
-[data-component~="ui-tooltip"][data-v-5952fbd4] {
+[data-component~="ui-tooltip"][data-v-c4cff7e8] {
     transition: none;
 }
 }
 
-[data-component~="ui-combobox"][data-v-cd33b9b7] {
+[data-component~="ui-combobox"][data-v-0bd7ecc4] {
   display: grid;
   gap: var(--ui-space-1);
   min-inline-size: 0;
   color: var(--ui-text-primary);
   font: inherit;
 }
-label[data-v-cd33b9b7] {
+label[data-v-0bd7ecc4] {
   color: var(--ui-combobox-label-text, var(--ui-text-primary));
   font-size: var(--ui-combobox-label-font-size, var(--ui-font-size-sm));
   font-weight: 500;
 }
 /* The field and anything that annotates it sit on one row; the help button is beside the box,
    not inside it, because a control's box holds its value. */
-.control[data-v-cd33b9b7] {
+.control[data-v-0bd7ecc4] {
   display: flex;
   align-items: center;
   gap: var(--ui-space-2);
   min-inline-size: 0;
 }
-.field[data-v-cd33b9b7] {
+.field[data-v-0bd7ecc4] {
   flex: 1 1 auto;
   display: flex;
   min-inline-size: 0;
@@ -802,14 +802,14 @@ label[data-v-cd33b9b7] {
     border-color var(--ui-motion-fast) var(--ui-motion-ease),
     box-shadow var(--ui-motion-fast) var(--ui-motion-ease);
 }
-.field[data-v-cd33b9b7]:focus-within {
+.field[data-v-0bd7ecc4]:focus-within {
   border-color: var(--ui-control-focus, var(--ui-accent-solid));
   box-shadow:
     var(--ui-control-inset),
     var(--ui-control-focus-halo-shadow);
 }
 /* A ghost icon button: the affordance is the mark, not a box around it. */
-.help[data-v-cd33b9b7] {
+.help[data-v-0bd7ecc4] {
   flex: none;
   display: inline-flex;
   align-items: center;
@@ -826,28 +826,28 @@ label[data-v-cd33b9b7] {
     background-color var(--ui-motion-fast) var(--ui-motion-ease),
     color var(--ui-motion-fast) var(--ui-motion-ease);
 }
-.help[data-v-cd33b9b7]:hover:enabled,
-.help[aria-expanded="true"][data-v-cd33b9b7] {
+.help[data-v-0bd7ecc4]:hover:enabled,
+.help[aria-expanded="true"][data-v-0bd7ecc4] {
   background: color-mix(in srgb, currentColor 8%, transparent);
   color: var(--ui-text-primary);
 }
-.help[data-v-cd33b9b7]:focus-visible {
+.help[data-v-0bd7ecc4]:focus-visible {
   outline: none;
   box-shadow: var(--ui-focus-halo);
 }
-.help[data-v-cd33b9b7]:disabled {
+.help[data-v-0bd7ecc4]:disabled {
   color: var(--ui-disabled-text);
   cursor: not-allowed;
 }
-.help-icon[data-v-cd33b9b7] {
+.help-icon[data-v-0bd7ecc4] {
   inline-size: var(--ui-icon-size-sm);
   block-size: var(--ui-icon-size-sm);
 }
-input[data-v-cd33b9b7]::selection {
+input[data-v-0bd7ecc4]::selection {
   background: color-mix(in srgb, var(--ui-accent-solid) 20%, transparent);
   color: inherit;
 }
-input[data-v-cd33b9b7] {
+input[data-v-0bd7ecc4] {
   appearance: none;
   width: 100%;
   min-inline-size: 0;
@@ -863,11 +863,11 @@ input[data-v-cd33b9b7] {
   margin: 0;
   outline: none;
 }
-[data-component~="ui-combobox"][data-ui-combobox-state~="size=sm"] input[data-v-cd33b9b7] {
+[data-component~="ui-combobox"][data-ui-combobox-state~="size=sm"] input[data-v-0bd7ecc4] {
   min-block-size: calc(var(--ui-control-size-sm) - 2px);
   padding: var(--ui-space-1) var(--ui-space-2);
 }
-button[data-v-cd33b9b7] {
+button[data-v-0bd7ecc4] {
   appearance: none;
   display: inline-grid;
   place-items: center;
@@ -882,31 +882,31 @@ button[data-v-cd33b9b7] {
   padding: 0 var(--ui-space-1);
   cursor: pointer;
 }
-.affordance-icon[data-v-cd33b9b7] {
+.affordance-icon[data-v-0bd7ecc4] {
   display: block;
   inline-size: var(--ui-icon-size-sm);
   block-size: var(--ui-icon-size-sm);
 }
-button[data-v-cd33b9b7]:hover:enabled {
+button[data-v-0bd7ecc4]:hover:enabled {
   background: var(--ui-surface-muted);
   color: var(--ui-text-primary);
 }
-button[data-v-cd33b9b7]:focus-visible {
+button[data-v-0bd7ecc4]:focus-visible {
   outline: none;
   background: var(--ui-surface-muted);
   box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--ui-focus-ring) 45%, transparent);
 }
-input[data-v-cd33b9b7]:disabled, button[data-v-cd33b9b7]:disabled {
+input[data-v-0bd7ecc4]:disabled, button[data-v-0bd7ecc4]:disabled {
   color: var(--ui-text-muted);
   cursor: not-allowed;
 }
-.field[data-v-cd33b9b7]:has(input:disabled) {
+.field[data-v-0bd7ecc4]:has(input:disabled) {
   background: var(--ui-control-surface-disabled, var(--ui-surface-muted));
 }
-[data-component~="ui-combobox"][data-ui-combobox-state~="validationStatus=error"] .field[data-v-cd33b9b7] {
+[data-component~="ui-combobox"][data-ui-combobox-state~="validationStatus=error"] .field[data-v-0bd7ecc4] {
   border-color: var(--ui-danger-solid, var(--ui-accent-active));
 }
-.popup[data-v-cd33b9b7] {
+.popup[data-v-0bd7ecc4] {
   box-sizing: border-box;
   min-inline-size: 12rem;
   max-inline-size: calc(100vw - 1rem);
@@ -920,40 +920,40 @@ input[data-v-cd33b9b7]:disabled, button[data-v-cd33b9b7]:disabled {
   color: var(--ui-text-primary);
   box-shadow: var(--ui-elevation-overlay, var(--ui-shadow-lg));
 }
-[hidden][data-v-cd33b9b7] {
+[hidden][data-v-0bd7ecc4] {
   display: none;
 }
-.option[data-v-cd33b9b7] {
+.option[data-v-0bd7ecc4] {
   padding: var(--ui-space-2) var(--ui-space-3);
   border-radius: var(--ui-radius-sm);
   cursor: pointer;
   overflow-wrap: anywhere;
 }
-.option[data-v-cd33b9b7]:hover, .option.active[data-v-cd33b9b7] {
+.option[data-v-0bd7ecc4]:hover, .option.active[data-v-0bd7ecc4] {
   background: var(--ui-surface-muted);
   outline: 1px solid var(--ui-focus-ring);
   outline-offset: -1px;
 }
-.option[aria-disabled="true"][data-v-cd33b9b7] {
+.option[aria-disabled="true"][data-v-0bd7ecc4] {
   color: var(--ui-text-muted);
   cursor: not-allowed;
 }
-.primary[data-v-cd33b9b7] {
+.primary[data-v-0bd7ecc4] {
   display: block;
   color: var(--ui-combobox-option-text, var(--ui-text-primary));
   font-weight: 500;
 }
-.message[data-v-cd33b9b7], .group[data-v-cd33b9b7] {
+.message[data-v-0bd7ecc4], .group[data-v-0bd7ecc4] {
   color: var(--ui-combobox-message-text, var(--ui-text-secondary));
   font-weight: 400;
   font-size: var(--ui-font-size-sm);
   line-height: var(--ui-line-height-md);
   overflow-wrap: anywhere;
 }
-.group[data-v-cd33b9b7], .popup .message[data-v-cd33b9b7] {
+.group[data-v-0bd7ecc4], .popup .message[data-v-0bd7ecc4] {
   padding: var(--ui-space-2) var(--ui-space-3);
 }
-.sr-only[data-v-cd33b9b7] {
+.sr-only[data-v-0bd7ecc4] {
   position: absolute;
   inline-size: 1px;
   block-size: 1px;
@@ -962,16 +962,16 @@ input[data-v-cd33b9b7]:disabled, button[data-v-cd33b9b7]:disabled {
   white-space: nowrap;
 }
 @media (pointer: coarse) {
-button[data-v-cd33b9b7] {
+button[data-v-0bd7ecc4] {
     min-inline-size: 2.75rem;
     min-block-size: 2.75rem;
 }
 }
 @media (forced-colors: active) {
-.field[data-v-cd33b9b7], .popup[data-v-cd33b9b7] {
+.field[data-v-0bd7ecc4], .popup[data-v-0bd7ecc4] {
     border-color: CanvasText;
 }
-.option.active[data-v-cd33b9b7] {
+.option.active[data-v-0bd7ecc4] {
     outline-color: Highlight;
 }
 }
@@ -979,12 +979,12 @@ button[data-v-cd33b9b7] {
 /* Multiple mode: every option carries a checkbox, so a list that takes several answers says so
    before anything is picked. aria-selected is the state; this draws it.
    Longhands, not shorthands: lowering drops a shorthand that omits a component. */
-[data-component~="ui-combobox"][data-ui-combobox-state~="multiple"] .option[data-v-cd33b9b7] {
+[data-component~="ui-combobox"][data-ui-combobox-state~="multiple"] .option[data-v-0bd7ecc4] {
   display: flex;
   gap: var(--ui-space-2);
   align-items: center;
 }
-[data-component~="ui-combobox"][data-ui-combobox-state~="multiple"] .option[data-v-cd33b9b7]::before {
+[data-component~="ui-combobox"][data-ui-combobox-state~="multiple"] .option[data-v-0bd7ecc4]::before {
   content: "";
   flex: none;
   inline-size: 1.125rem;
@@ -999,7 +999,7 @@ button[data-v-cd33b9b7] {
   background-size: 0.7rem;
 }
 [data-component~="ui-combobox"][data-ui-combobox-state~="multiple"]
-  .option[aria-selected="true"][data-v-cd33b9b7]::before {
+  .option[aria-selected="true"][data-v-0bd7ecc4]::before {
   border-color: var(--ui-accent-solid);
   background-color: var(--ui-accent-solid);
   background-image: var(
@@ -1009,20 +1009,20 @@ button[data-v-cd33b9b7] {
 }
 
 /* Multiple mode: chips wrap before the cursor on one flexible field line. */
-[data-component~="ui-combobox"][data-ui-combobox-state~="multiple"] .field[data-v-cd33b9b7] {
+[data-component~="ui-combobox"][data-ui-combobox-state~="multiple"] .field[data-v-0bd7ecc4] {
   flex-wrap: wrap;
   align-items: center;
   gap: var(--ui-space-1);
   min-block-size: var(--ui-combobox-item-min-block-size, 2.5rem);
   padding: var(--ui-space-1);
 }
-[data-component~="ui-combobox"][data-ui-combobox-state~="multiple"] input[data-v-cd33b9b7] {
+[data-component~="ui-combobox"][data-ui-combobox-state~="multiple"] input[data-v-0bd7ecc4] {
   flex: 1 0 var(--ui-combobox-item-input-min-inline-size, 5rem);
   width: auto;
   min-block-size: 1.75rem;
   padding: var(--ui-space-0-5) var(--ui-space-1);
 }
-.item[data-v-cd33b9b7] {
+.item[data-v-0bd7ecc4] {
   appearance: none;
   display: inline-flex;
   min-inline-size: 0;
@@ -1036,20 +1036,20 @@ button[data-v-cd33b9b7] {
   font: inherit;
   cursor: default;
 }
-.item[data-v-cd33b9b7]:focus-visible {
+.item[data-v-0bd7ecc4]:focus-visible {
   outline: 2px solid var(--ui-focus-ring);
   outline-offset: 1px;
 }
-.item[data-v-cd33b9b7]:disabled {
+.item[data-v-0bd7ecc4]:disabled {
   opacity: 0.6;
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-combobox"][hidden][data-v-cd33b9b7] {
+[data-component~="ui-combobox"][hidden][data-v-0bd7ecc4] {
   display: none;
 }
 
-[data-component~="ui-container"][data-v-89d8ad17] {
+[data-component~="ui-container"][data-v-b1605eab] {
   --_container-measure: 65ch;
   --_container-gutters: var(--ui-space-4);
   display: block;
@@ -1058,31 +1058,31 @@ button[data-v-cd33b9b7] {
   margin-inline: auto;
   padding-inline: var(--ui-container-gutters, var(--_container-gutters));
 }
-[data-component~="ui-container"][data-ui-container-state~="measure=narrow"][data-v-89d8ad17] {
+[data-component~="ui-container"][data-ui-container-state~="measure=narrow"][data-v-b1605eab] {
   --_container-measure: 45ch;
 }
-[data-component~="ui-container"][data-ui-container-state~="measure=wide"][data-v-89d8ad17] {
+[data-component~="ui-container"][data-ui-container-state~="measure=wide"][data-v-b1605eab] {
   --_container-measure: 80ch;
 }
-[data-component~="ui-container"][data-ui-container-state~="gutters=s"][data-v-89d8ad17] {
+[data-component~="ui-container"][data-ui-container-state~="gutters=s"][data-v-b1605eab] {
   --_container-gutters: var(--ui-space-3);
 }
-[data-component~="ui-container"][data-ui-container-state~="gutters=m"][data-v-89d8ad17] {
+[data-component~="ui-container"][data-ui-container-state~="gutters=m"][data-v-b1605eab] {
   --_container-gutters: var(--ui-space-4);
 }
-[data-component~="ui-container"][data-ui-container-state~="gutters=l"][data-v-89d8ad17] {
+[data-component~="ui-container"][data-ui-container-state~="gutters=l"][data-v-b1605eab] {
   --_container-gutters: var(--ui-space-5);
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-container"][hidden][data-v-89d8ad17] {
+[data-component~="ui-container"][hidden][data-v-b1605eab] {
   display: none;
 }
 
-[data-component~="ui-context-menu"][data-v-607c2847] {
+[data-component~="ui-context-menu"][data-v-06309584] {
   display: contents;
 }
-.menu[data-v-607c2847] {
+.menu[data-v-06309584] {
   position: fixed;
   inset: auto;
   margin: 0;
@@ -1106,32 +1106,32 @@ button[data-v-cd33b9b7] {
     display var(--ui-motion-fast) allow-discrete,
     overlay var(--ui-motion-fast) allow-discrete;
 }
-.menu[data-v-607c2847]:popover-open {
+.menu[data-v-06309584]:popover-open {
   opacity: 1;
   transform: translateY(0) scale(1);
 }
 @starting-style {
-.menu[data-v-607c2847]:popover-open {
+.menu[data-v-06309584]:popover-open {
     opacity: 0;
     transform: translateY(-4px) scale(0.99);
 }
 }
-.menu[hidden][data-v-607c2847],
-.menu[popover][data-v-607c2847]:not(:popover-open) {
+.menu[hidden][data-v-06309584],
+.menu[popover][data-v-06309584]:not(:popover-open) {
   display: none;
 }
 @media (prefers-reduced-motion: reduce) {
-.menu[data-v-607c2847] {
+.menu[data-v-06309584] {
     transition: none;
 }
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-context-menu"][hidden][data-v-607c2847] {
+[data-component~="ui-context-menu"][hidden][data-v-06309584] {
   display: none;
 }
 
-[data-component~="ui-dialog"][data-v-cac753c9] {
+[data-component~="ui-dialog"][data-v-d43d3a22] {
   position: fixed;
   inset: 0;
   box-sizing: border-box;
@@ -1160,17 +1160,17 @@ button[data-v-cd33b9b7] {
     display var(--ui-dialog-duration, var(--ui-motion-base)) var(--ui-motion-ease) allow-discrete,
     overlay var(--ui-dialog-duration, var(--ui-motion-base)) var(--ui-motion-ease) allow-discrete;
 }
-[data-component~="ui-dialog"][open][data-v-cac753c9] {
+[data-component~="ui-dialog"][open][data-v-d43d3a22] {
   display: flex;
   visibility: visible;
   pointer-events: auto;
   opacity: 1;
   transform: scale(1);
-  animation: ui-dialog-enter-cac753c9 var(--ui-dialog-duration, var(--ui-motion-base)) var(--ui-motion-ease);
+  animation: ui-dialog-enter-d43d3a22 var(--ui-dialog-duration, var(--ui-motion-base)) var(--ui-motion-ease);
 }
 
 /* Header and actions stay pinned; only the body scrolls when content is long. */
-header[data-v-cac753c9] {
+header[data-v-d43d3a22] {
   display: flex;
   align-items: center;
   gap: var(--ui-space-3);
@@ -1180,7 +1180,7 @@ header[data-v-cac753c9] {
 }
 
 /* :host-qualified so page heading rules that reach in cannot outrank the dialog chrome. */
-[data-component~="ui-dialog"] .title[data-v-cac753c9] {
+[data-component~="ui-dialog"] .title[data-v-d43d3a22] {
   flex: 1;
   min-inline-size: 0;
   margin: 0;
@@ -1192,7 +1192,7 @@ header[data-v-cac753c9] {
   font-weight: var(--ui-font-semibold);
   line-height: var(--ui-line-height-tight);
 }
-.close[data-v-cac753c9] {
+.close[data-v-d43d3a22] {
   display: inline-grid;
   place-items: center;
   flex: none;
@@ -1211,8 +1211,8 @@ header[data-v-cac753c9] {
 }
 
 /* A CSS-drawn X. */
-.close[data-v-cac753c9]::before,
-.close[data-v-cac753c9]::after {
+.close[data-v-d43d3a22]::before,
+.close[data-v-d43d3a22]::after {
   content: "";
   grid-area: 1 / 1;
   inline-size: 0.875rem;
@@ -1221,37 +1221,37 @@ header[data-v-cac753c9] {
   background: currentColor;
   transform: rotate(45deg);
 }
-.close[data-v-cac753c9]::after {
+.close[data-v-d43d3a22]::after {
   transform: rotate(-45deg);
 }
-.close[data-v-cac753c9]:hover {
+.close[data-v-d43d3a22]:hover {
   background: var(--ui-surface-muted);
   color: var(--ui-text-primary);
 }
-.close[data-v-cac753c9]:focus-visible {
+.close[data-v-d43d3a22]:focus-visible {
   outline: 2px solid var(--ui-focus-ring);
   outline-offset: 2px;
 }
 
 /* A touch target, like Button on coarse pointers. */
 @media (pointer: coarse) {
-.close[data-v-cac753c9] {
+.close[data-v-d43d3a22] {
     inline-size: var(--ui-control-min-block-size);
     block-size: var(--ui-control-min-block-size);
 }
 }
-html[data-ui-input-modality="touch"] [data-component~="ui-dialog"] .close[data-v-cac753c9] {
+html[data-ui-input-modality="touch"] [data-component~="ui-dialog"] .close[data-v-d43d3a22] {
   inline-size: var(--ui-control-min-block-size);
   block-size: var(--ui-control-min-block-size);
 }
-.body[data-v-cac753c9] {
+.body[data-v-d43d3a22] {
   flex: 1 1 auto;
   min-block-size: 0;
   overflow: auto;
   overscroll-behavior: contain;
   padding: var(--ui-space-5);
 }
-footer[data-v-cac753c9] {
+footer[data-v-d43d3a22] {
   display: flex;
   flex: none;
   flex-wrap: wrap;
@@ -1260,40 +1260,40 @@ footer[data-v-cac753c9] {
   padding: var(--ui-space-3) var(--ui-space-5);
   border-block-start: 1px solid var(--ui-border-default);
 }
-footer[data-v-cac753c9]:empty {
+footer[data-v-d43d3a22]:empty {
   display: none;
 }
-@keyframes ui-dialog-enter-cac753c9 {
+@keyframes ui-dialog-enter-d43d3a22 {
 from {
     opacity: 0;
     transform: scale(0.96);
 }
 }
-[data-component~="ui-dialog"][data-v-cac753c9]::backdrop {
+[data-component~="ui-dialog"][data-v-d43d3a22]::backdrop {
   background-color: transparent;
   transition:
     background-color var(--ui-dialog-duration, var(--ui-motion-base)) var(--ui-motion-ease),
     display var(--ui-dialog-duration, var(--ui-motion-base)) var(--ui-motion-ease) allow-discrete,
     overlay var(--ui-dialog-duration, var(--ui-motion-base)) var(--ui-motion-ease) allow-discrete;
 }
-[data-component~="ui-dialog"][open][data-v-cac753c9]::backdrop {
+[data-component~="ui-dialog"][open][data-v-d43d3a22]::backdrop {
   background-color: var(--ui-overlay-backdrop);
-  animation: ui-dialog-backdrop-enter-cac753c9 var(--ui-dialog-duration, var(--ui-motion-base))
+  animation: ui-dialog-backdrop-enter-d43d3a22 var(--ui-dialog-duration, var(--ui-motion-base))
     var(--ui-motion-ease);
 }
-@keyframes ui-dialog-backdrop-enter-cac753c9 {
+@keyframes ui-dialog-backdrop-enter-d43d3a22 {
 from {
     background-color: transparent;
 }
 }
 
 /* Density resolves into the summary row's own values; the public tokens still override them. */
-[data-component~="ui-disclosure"][data-v-20cbcb83] {
+[data-component~="ui-disclosure"][data-v-54a22a7e] {
   --_trigger-min-block-size: var(--ui-control-size);
   --_trigger-padding-block: var(--ui-space-2);
   --_trigger-padding-inline: var(--ui-space-3);
 }
-[data-component~="ui-disclosure"][data-ui-disclosure-state~="density=compact"][data-v-20cbcb83] {
+[data-component~="ui-disclosure"][data-ui-disclosure-state~="density=compact"][data-v-54a22a7e] {
   --_trigger-min-block-size: var(--ui-control-size-sm);
   --_trigger-padding-block: var(--ui-space-1);
   --_trigger-padding-inline: var(--ui-space-2);
@@ -1301,14 +1301,14 @@ from {
 
 /* An accordion row, not a field: no enclosing box, just a divider, so it never reads as a
  * select or combobox. Stacked disclosures share their dividers. */
-[data-component~="ui-disclosure"][data-v-20cbcb83] {
+[data-component~="ui-disclosure"][data-v-54a22a7e] {
   display: block;
   inline-size: 100%;
   overflow: clip;
   border-block-end: 1px solid var(--ui-border-default);
   color: var(--ui-text-primary);
 }
-.trigger[data-v-20cbcb83] {
+.trigger[data-v-54a22a7e] {
   display: grid;
   grid-template-columns: minmax(0, 1fr) auto;
   gap: var(--ui-space-3);
@@ -1327,18 +1327,18 @@ from {
   border-radius: var(--ui-radius-sm);
   transition: background-color var(--ui-motion-fast) var(--ui-motion-ease);
 }
-.trigger[data-v-20cbcb83]:hover:not(:disabled) {
+.trigger[data-v-54a22a7e]:hover:not(:disabled) {
   background: var(--ui-surface-muted);
 }
-.trigger[data-v-20cbcb83]:focus-visible {
+.trigger[data-v-54a22a7e]:focus-visible {
   outline: none;
   box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--ui-focus-ring) 45%, transparent);
 }
-.trigger[data-v-20cbcb83]:disabled {
+.trigger[data-v-54a22a7e]:disabled {
   color: var(--ui-text-muted);
   cursor: not-allowed;
 }
-.chevron[data-v-20cbcb83] {
+.chevron[data-v-54a22a7e] {
   inline-size: 0.5rem;
   block-size: 0.5rem;
   border-inline-end: 2px solid currentColor;
@@ -1346,39 +1346,39 @@ from {
   transform: rotate(45deg) translate(-1px, -1px);
   transition: transform var(--ui-motion-fast) var(--ui-motion-ease);
 }
-.panel[data-v-20cbcb83] {
+.panel[data-v-54a22a7e] {
   display: grid;
   grid-template-rows: 0fr;
   transition: grid-template-rows var(--ui-motion-fast)
     var(--ui-motion-ease-out, var(--ui-motion-ease));
 }
-.panel-inner[data-v-20cbcb83] {
+.panel-inner[data-v-54a22a7e] {
   min-block-size: 0;
   overflow: hidden;
   padding-inline: var(--ui-space-3);
 }
-[data-component~="ui-disclosure"][data-ui-disclosure-state~="internalOpen"] .panel[data-v-20cbcb83] {
+[data-component~="ui-disclosure"][data-ui-disclosure-state~="internalOpen"] .panel[data-v-54a22a7e] {
   grid-template-rows: 1fr;
 }
-[data-component~="ui-disclosure"][data-ui-disclosure-state~="internalOpen"] .panel-inner[data-v-20cbcb83] {
+[data-component~="ui-disclosure"][data-ui-disclosure-state~="internalOpen"] .panel-inner[data-v-54a22a7e] {
   padding-block: 0 var(--ui-space-3);
 }
-[data-component~="ui-disclosure"][data-ui-disclosure-state~="internalOpen"] .chevron[data-v-20cbcb83] {
+[data-component~="ui-disclosure"][data-ui-disclosure-state~="internalOpen"] .chevron[data-v-54a22a7e] {
   transform: rotate(225deg) translate(-1px, -1px);
 }
 @media (prefers-reduced-motion: reduce) {
-.panel[data-v-20cbcb83],
-  .chevron[data-v-20cbcb83] {
+.panel[data-v-54a22a7e],
+  .chevron[data-v-54a22a7e] {
     transition: none;
 }
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-disclosure"][hidden][data-v-20cbcb83] {
+[data-component~="ui-disclosure"][hidden][data-v-54a22a7e] {
   display: none;
 }
 
-[data-component~="ui-editable"][data-v-c1b523c6] {
+[data-component~="ui-editable"][data-v-8fe1c571] {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
@@ -1389,13 +1389,13 @@ from {
 
 /* The value and the input share one grid cell with identical box metrics, so switching between
  * display and edit never changes the control's size or moves the text. */
-.field[data-v-c1b523c6] {
+.field[data-v-8fe1c571] {
   display: inline-grid;
   min-inline-size: 8rem;
   max-inline-size: 100%;
 }
-.preview[data-v-c1b523c6],
-.input[data-v-c1b523c6] {
+.preview[data-v-8fe1c571],
+.input[data-v-8fe1c571] {
   grid-area: 1 / 1;
   box-sizing: border-box;
   min-block-size: var(--ui-control-size-sm);
@@ -1411,7 +1411,7 @@ from {
     border-color var(--ui-motion-fast) var(--ui-motion-ease),
     box-shadow var(--ui-motion-fast) var(--ui-motion-ease);
 }
-.preview[data-v-c1b523c6] {
+.preview[data-v-8fe1c571] {
   display: inline-flex;
   gap: var(--ui-space-2);
   align-items: center;
@@ -1419,50 +1419,50 @@ from {
   text-align: start;
   cursor: pointer;
 }
-.preview[data-v-c1b523c6]:hover:not(:disabled) {
+.preview[data-v-8fe1c571]:hover:not(:disabled) {
   background: var(--ui-surface-muted);
 }
-.preview[data-v-c1b523c6]:focus-visible {
+.preview[data-v-8fe1c571]:focus-visible {
   outline: none;
   box-shadow: var(--ui-focus-halo);
 }
-.hint[data-v-c1b523c6] {
+.hint[data-v-8fe1c571] {
   color: var(--ui-text-secondary);
   font-size: var(--ui-font-size-sm);
 }
 
 /* Contained so it takes the value's width instead of its own default input width. */
-.input[data-v-c1b523c6] {
+.input[data-v-8fe1c571] {
   contain: inline-size;
   inline-size: 100%;
   min-inline-size: 0;
   visibility: hidden;
   background: var(--ui-control-surface, var(--ui-surface-elevated));
 }
-.input[data-v-c1b523c6]:focus {
+.input[data-v-8fe1c571]:focus {
   outline: none;
   border-color: var(--ui-control-focus, var(--ui-accent-solid));
   box-shadow:
     var(--ui-control-inset),
     var(--ui-control-focus-halo-shadow);
 }
-.input[data-v-c1b523c6]::selection {
+.input[data-v-8fe1c571]::selection {
   background: color-mix(in srgb, var(--ui-accent-solid) 20%, transparent);
 }
-[data-component~="ui-editable"][data-ui-editable-state~="internalEdit"] .preview[data-v-c1b523c6] {
+[data-component~="ui-editable"][data-ui-editable-state~="internalEdit"] .preview[data-v-8fe1c571] {
   visibility: hidden;
 }
-[data-component~="ui-editable"][data-ui-editable-state~="internalEdit"] .input[data-v-c1b523c6] {
+[data-component~="ui-editable"][data-ui-editable-state~="internalEdit"] .input[data-v-8fe1c571] {
   visibility: visible;
 }
-.actions[data-v-c1b523c6] {
+.actions[data-v-8fe1c571] {
   display: none;
   gap: var(--ui-space-1);
 }
-[data-component~="ui-editable"][data-ui-editable-state~="internalEdit"] .actions[data-v-c1b523c6] {
+[data-component~="ui-editable"][data-ui-editable-state~="internalEdit"] .actions[data-v-8fe1c571] {
   display: inline-flex;
 }
-.actions button[data-v-c1b523c6] {
+.actions button[data-v-8fe1c571] {
   min-block-size: var(--ui-control-size-sm);
   padding: 0 var(--ui-space-3);
   border: 1px solid var(--ui-border-strong);
@@ -1475,45 +1475,45 @@ from {
   font-size: var(--ui-font-size-sm);
   cursor: pointer;
 }
-.actions .save[data-v-c1b523c6] {
+.actions .save[data-v-8fe1c571] {
   border-color: var(--ui-accent-solid);
   background: var(--ui-accent-solid);
   color: var(--ui-text-on-accent);
 }
-.actions button[data-v-c1b523c6]:focus-visible {
+.actions button[data-v-8fe1c571]:focus-visible {
   outline: none;
   box-shadow: var(--ui-focus-halo);
 }
-[data-component~="ui-editable"][data-ui-editable-state~="disabled"] .preview[data-v-c1b523c6] {
+[data-component~="ui-editable"][data-ui-editable-state~="disabled"] .preview[data-v-8fe1c571] {
   color: var(--ui-text-muted);
   cursor: not-allowed;
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-editable"][hidden][data-v-c1b523c6] {
+[data-component~="ui-editable"][hidden][data-v-8fe1c571] {
   display: none;
 }
 
-[data-component~="ui-editor-insert-table-grid"][data-v-7b1e476f] {
+[data-component~="ui-editor-insert-table-grid"][data-v-fd963634] {
   padding: var(--ui-space-3);
   background: var(--ui-surface);
   border: 1px solid var(--ui-border);
   border-radius: var(--ui-radius-md);
   box-shadow: var(--ui-shadow-lg, 0 10px 15px -3px rgb(0 0 0 / 0.1));
 }
-.hint[data-v-7b1e476f] {
+.hint[data-v-fd963634] {
   margin: 0 0 var(--ui-space-2);
   font-size: var(--ui-font-size-sm);
   color: var(--ui-text-muted);
 }
-.grid[data-v-7b1e476f] {
+.grid[data-v-fd963634] {
   display: grid;
   grid-template-columns: repeat(var(--_cols, 8), 1.25rem);
   grid-template-rows: repeat(var(--_rows, 8), 1.25rem);
   gap: 2px;
   margin-bottom: var(--ui-space-2);
 }
-.cell[data-v-7b1e476f] {
+.cell[data-v-fd963634] {
   width: 1.25rem;
   height: 1.25rem;
   padding: 0;
@@ -1522,17 +1522,17 @@ from {
   background: var(--ui-surface);
   cursor: pointer;
 }
-.cell.selected[data-v-7b1e476f] {
+.cell.selected[data-v-fd963634] {
   background: var(--ui-accent-solid, var(--ui-accent));
   border-color: var(--ui-accent-solid, var(--ui-accent));
 }
-.header[data-v-7b1e476f] {
+.header[data-v-fd963634] {
   display: block;
   margin-bottom: var(--ui-space-2);
   font-size: var(--ui-font-size-sm);
   cursor: pointer;
 }
-[data-component~="ui-editor-insert-table-grid"] .insert[data-v-7b1e476f] {
+[data-component~="ui-editor-insert-table-grid"] .insert[data-v-fd963634] {
   width: 100%;
   padding: var(--ui-space-2) var(--ui-space-3);
   border: 1px solid var(--ui-border);
@@ -1542,17 +1542,17 @@ from {
   font-size: var(--ui-font-size-sm);
   cursor: pointer;
 }
-[data-component~="ui-editor-insert-table-grid"] .insert[data-v-7b1e476f]:hover {
+[data-component~="ui-editor-insert-table-grid"] .insert[data-v-fd963634]:hover {
   filter: brightness(1.05);
 }
-[data-component~="ui-editor-insert-table-grid"][hidden][data-v-7b1e476f] {
+[data-component~="ui-editor-insert-table-grid"][hidden][data-v-fd963634] {
   display: none;
 }
 
-[data-component~="ui-editor-mention-menu"][data-v-78edc5f6] {
+[data-component~="ui-editor-mention-menu"][data-v-9c76e661] {
   user-select: none;
 }
-[data-component~="ui-editor-mention-menu"][data-v-78edc5f6] {
+[data-component~="ui-editor-mention-menu"][data-v-9c76e661] {
   display: flex;
   overflow: hidden;
   flex-direction: column;
@@ -1561,7 +1561,7 @@ from {
   border-radius: var(--ui-radius-dialog);
   box-shadow: var(--ui-shadow-lg, 0 8px 24px rgb(0 0 0 / 0.12));
 }
-.header[data-v-78edc5f6] {
+.header[data-v-9c76e661] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1572,14 +1572,14 @@ from {
   font-size: var(--ui-font-size-xs);
   font-weight: var(--ui-font-semibold);
 }
-.hint[data-v-78edc5f6] {
+.hint[data-v-9c76e661] {
   overflow: hidden;
   color: var(--ui-text-muted);
   font-weight: var(--ui-font-normal);
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.list[data-v-78edc5f6] {
+.list[data-v-9c76e661] {
   max-height: 280px;
   padding: var(--ui-space-1) 0;
   margin: 0;
@@ -1587,7 +1587,7 @@ from {
   overscroll-behavior: contain;
   list-style: none;
 }
-.item[data-v-78edc5f6] {
+.item[data-v-9c76e661] {
   display: flex;
   align-items: center;
   min-height: 44px;
@@ -1595,10 +1595,10 @@ from {
   gap: var(--ui-space-3);
   cursor: pointer;
 }
-.item.active[data-v-78edc5f6] {
+.item.active[data-v-9c76e661] {
   background: var(--ui-accent-subtle, rgb(59 130 246 / 0.1));
 }
-.avatar[data-v-78edc5f6] {
+.avatar[data-v-9c76e661] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1611,65 +1611,65 @@ from {
   font-size: var(--ui-font-size-xs);
   font-weight: var(--ui-font-semibold);
 }
-.body[data-v-78edc5f6] {
+.body[data-v-9c76e661] {
   display: flex;
   min-width: 0;
   flex-direction: column;
 }
-.label[data-v-78edc5f6],
-.detail[data-v-78edc5f6] {
+.label[data-v-9c76e661],
+.detail[data-v-9c76e661] {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.label[data-v-78edc5f6] {
+.label[data-v-9c76e661] {
   color: var(--ui-text-primary);
   font-size: var(--ui-font-size-sm);
   font-weight: var(--ui-font-medium);
 }
-.detail[data-v-78edc5f6],
-.loading[data-v-78edc5f6] {
+.detail[data-v-9c76e661],
+.loading[data-v-9c76e661] {
   color: var(--ui-text-muted);
   font-size: var(--ui-font-size-xs);
 }
-.loading[data-v-78edc5f6] {
+.loading[data-v-9c76e661] {
   min-height: 44px;
   padding: var(--ui-space-3);
 }
 @media (max-width: 767px) {
-[data-component~="ui-editor-mention-menu"][data-v-78edc5f6] {
+[data-component~="ui-editor-mention-menu"][data-v-9c76e661] {
     border-bottom: 0;
     border-radius: var(--ui-radius-dialog) var(--ui-radius-dialog) 0 0;
 }
-.list[data-v-78edc5f6] {
+.list[data-v-9c76e661] {
     max-height: calc(60dvh - 48px);
 }
 }
-[data-component~="ui-editor-mention-menu"][hidden][data-v-78edc5f6] {
+[data-component~="ui-editor-mention-menu"][hidden][data-v-9c76e661] {
   display: none;
 }
 
-[data-component~="ui-icon"][data-v-7b1048a0] {
+[data-component~="ui-icon"][data-v-3d48bd86] {
   display: inline-flex;
   flex: none;
   inline-size: var(--ui-icon-size, 1em);
   block-size: var(--ui-icon-size, 1em);
 }
-svg[data-v-7b1048a0] {
+svg[data-v-3d48bd86] {
   inline-size: 100%;
   block-size: 100%;
   stroke-width: var(--ui-icon-stroke-width, 2);
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-icon"][hidden][data-v-7b1048a0] {
+[data-component~="ui-icon"][hidden][data-v-3d48bd86] {
   display: none;
 }
 
-[data-component~="ui-editor-slash-menu"][data-v-e7d0f904] {
+[data-component~="ui-editor-slash-menu"][data-v-afcbaee6] {
   user-select: none;
 }
-[data-component~="ui-editor-slash-menu"][data-v-e7d0f904] {
+[data-component~="ui-editor-slash-menu"][data-v-afcbaee6] {
   background: var(--ui-surface);
   border: 1px solid var(--ui-border);
   border-radius: var(--ui-radius-dialog);
@@ -1679,12 +1679,12 @@ svg[data-v-7b1048a0] {
   flex-direction: column;
 }
 @media (max-width: 767px) {
-[data-component~="ui-editor-slash-menu"][data-v-e7d0f904] {
+[data-component~="ui-editor-slash-menu"][data-v-afcbaee6] {
     border-radius: var(--ui-radius-dialog) var(--ui-radius-dialog) 0 0;
     border-bottom: none;
 }
 }
-.header[data-v-e7d0f904] {
+.header[data-v-afcbaee6] {
   display: none;
   align-items: center;
   gap: var(--ui-space-2);
@@ -1697,11 +1697,11 @@ svg[data-v-7b1048a0] {
   letter-spacing: 0.05em;
 }
 @media (max-width: 767px) {
-.header[data-v-e7d0f904] {
+.header[data-v-afcbaee6] {
     display: flex;
 }
 }
-.header-query[data-v-e7d0f904] {
+.header-query[data-v-afcbaee6] {
   background: var(--ui-surface-hover);
   border-radius: var(--ui-radius-sm);
   padding: 0.1em 0.4em;
@@ -1711,7 +1711,7 @@ svg[data-v-7b1048a0] {
   text-transform: none;
   letter-spacing: 0;
 }
-.list[data-v-e7d0f904] {
+.list[data-v-afcbaee6] {
   list-style: none;
   margin: 0;
   padding: var(--ui-space-1) 0;
@@ -1720,12 +1720,12 @@ svg[data-v-7b1048a0] {
   overscroll-behavior: contain;
 }
 @media (max-width: 767px) {
-.list[data-v-e7d0f904] {
+.list[data-v-afcbaee6] {
     max-height: calc(60dvh - 80px);
     padding: var(--ui-space-1) 0 var(--ui-space-2);
 }
 }
-.item[data-v-e7d0f904] {
+.item[data-v-afcbaee6] {
   display: flex;
   align-items: center;
   gap: var(--ui-space-3);
@@ -1734,10 +1734,10 @@ svg[data-v-7b1048a0] {
   cursor: pointer;
   transition: background-color 120ms ease;
 }
-.item.active[data-v-e7d0f904] {
+.item.active[data-v-afcbaee6] {
   background: var(--ui-accent-subtle, rgb(59 130 246 / 0.1));
 }
-.icon[data-v-e7d0f904] {
+.icon[data-v-afcbaee6] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1753,22 +1753,22 @@ svg[data-v-7b1048a0] {
   flex-shrink: 0;
   line-height: 1;
 }
-.item.active .icon[data-v-e7d0f904] {
+.item.active .icon[data-v-afcbaee6] {
   background: var(--ui-accent);
   border-color: var(--ui-accent);
   color: var(--ui-accent-contrast);
 }
-.icon[data-v-e7d0f904] {
+.icon[data-v-afcbaee6] {
   --ui-icon-size: 1rem;
   --ui-icon-stroke-width: var(--ui-editor-toolbar-icon-stroke-width, 1.75);
 }
-.body[data-v-e7d0f904] {
+.body[data-v-afcbaee6] {
   display: flex;
   min-width: 0;
   flex-direction: column;
   gap: 1px;
 }
-.title[data-v-e7d0f904] {
+.title[data-v-afcbaee6] {
   font-size: var(--ui-font-size-sm);
   font-weight: var(--ui-font-medium);
   color: var(--ui-text);
@@ -1776,14 +1776,14 @@ svg[data-v-7b1048a0] {
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.description[data-v-e7d0f904] {
+.description[data-v-afcbaee6] {
   font-size: var(--ui-font-size-xs);
   color: var(--ui-text-muted);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.footer[data-v-e7d0f904] {
+.footer[data-v-afcbaee6] {
   display: none;
   padding: var(--ui-space-2) var(--ui-space-3);
   border-top: 1px solid var(--ui-border);
@@ -1791,11 +1791,11 @@ svg[data-v-7b1048a0] {
   color: var(--ui-text-muted);
 }
 @media (min-width: 768px) {
-.footer[data-v-e7d0f904] {
+.footer[data-v-afcbaee6] {
     display: block;
 }
 }
-[data-component~="ui-editor-slash-menu"] kbd[data-v-e7d0f904] {
+[data-component~="ui-editor-slash-menu"] kbd[data-v-afcbaee6] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1807,11 +1807,11 @@ svg[data-v-7b1048a0] {
   padding: 0 3px;
   color: var(--ui-text-secondary);
 }
-[data-component~="ui-editor-slash-menu"][hidden][data-v-e7d0f904] {
+[data-component~="ui-editor-slash-menu"][hidden][data-v-afcbaee6] {
   display: none;
 }
 
-[data-component~="ui-editor-table-context-menu"][data-v-2d9eb67c] {
+[data-component~="ui-editor-table-context-menu"][data-v-64488d5e] {
   /* The max-width is a promise about the menu's footprint, so it counts padding and border. */
   box-sizing: border-box;
   min-width: 14rem;
@@ -1829,12 +1829,12 @@ svg[data-v-7b1048a0] {
   overscroll-behavior: contain;
   scrollbar-width: thin;
 }
-.section[data-v-2d9eb67c] {
+.section[data-v-64488d5e] {
   display: flex;
   flex-direction: column;
   gap: 3px;
 }
-[data-component~="ui-editor-table-context-menu"] button[data-v-2d9eb67c] {
+[data-component~="ui-editor-table-context-menu"] button[data-v-64488d5e] {
   display: flex;
   align-items: center;
   gap: var(--ui-space-2);
@@ -1849,30 +1849,30 @@ svg[data-v-7b1048a0] {
   cursor: pointer;
   color: var(--ui-text);
 }
-[data-component~="ui-editor-table-context-menu"] button[data-v-2d9eb67c] {
+[data-component~="ui-editor-table-context-menu"] button[data-v-64488d5e] {
   --ui-icon-size: 1rem;
   --ui-icon-stroke-width: var(--ui-editor-toolbar-icon-stroke-width, 1.75);
 }
-[data-component~="ui-editor-table-context-menu"] button[data-v-2d9eb67c]:hover:not(:disabled) {
+[data-component~="ui-editor-table-context-menu"] button[data-v-64488d5e]:hover:not(:disabled) {
   background: var(--ui-surface-hover);
 }
-[data-component~="ui-editor-table-context-menu"] button.selected[data-v-2d9eb67c] {
+[data-component~="ui-editor-table-context-menu"] button.selected[data-v-64488d5e] {
   background: var(--ui-accent-subtle, rgb(59 130 246 / 0.1));
 }
-[data-component~="ui-editor-table-context-menu"] button.danger[data-v-2d9eb67c] {
+[data-component~="ui-editor-table-context-menu"] button.danger[data-v-64488d5e] {
   color: var(--ui-danger);
 }
-.swatches[data-v-2d9eb67c] {
+.swatches[data-v-64488d5e] {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 3px;
 }
-.swatch-button[data-v-2d9eb67c] {
+.swatch-button[data-v-64488d5e] {
   display: inline-flex;
   align-items: center;
   gap: var(--ui-space-2);
 }
-.swatch[data-v-2d9eb67c] {
+.swatch[data-v-64488d5e] {
   display: inline-flex;
   width: 1rem;
   height: 1rem;
@@ -1882,7 +1882,7 @@ svg[data-v-7b1048a0] {
   box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.35);
   flex-shrink: 0;
 }
-.swatch.default[data-v-2d9eb67c] {
+.swatch.default[data-v-64488d5e] {
   position: relative;
   background:
     linear-gradient(
@@ -1894,11 +1894,11 @@ svg[data-v-7b1048a0] {
     ),
     var(--ui-surface);
 }
-.swatch-label[data-v-2d9eb67c] {
+.swatch-label[data-v-64488d5e] {
   min-width: 0;
   white-space: nowrap;
 }
-.heading[data-v-2d9eb67c] {
+.heading[data-v-64488d5e] {
   padding: var(--ui-space-1) var(--ui-space-2);
   font-size: var(--ui-font-size-2xs);
   font-weight: 700;
@@ -1906,48 +1906,48 @@ svg[data-v-7b1048a0] {
   text-transform: uppercase;
   color: var(--ui-text-muted);
 }
-.sep[data-v-2d9eb67c] {
+.sep[data-v-64488d5e] {
   height: 1px;
   background: var(--ui-border);
   margin: var(--ui-space-1) 0;
 }
-[data-component~="ui-editor-table-context-menu"][hidden][data-v-2d9eb67c] {
+[data-component~="ui-editor-table-context-menu"][hidden][data-v-64488d5e] {
   display: none;
 }
 
-[data-component~="ui-editor-table-overlay"][data-v-61a70a30] {
+[data-component~="ui-editor-table-overlay"][data-v-fed0c263] {
   display: block;
   width: 100%;
   height: 100%;
   overflow: visible;
   pointer-events: none;
 }
-[data-component~="ui-editor-table-overlay"][data-v-61a70a30] {
+[data-component~="ui-editor-table-overlay"][data-v-fed0c263] {
   position: relative;
   width: 100%;
   height: 100%;
   overflow: visible;
   pointer-events: none;
 }
-.rows[data-v-61a70a30],
-.cols[data-v-61a70a30] {
+.rows[data-v-fed0c263],
+.cols[data-v-fed0c263] {
   pointer-events: none;
   position: absolute;
 }
-.rows[data-v-61a70a30] {
+.rows[data-v-fed0c263] {
   inset: 0;
   width: 100%;
 }
-.cols[data-v-61a70a30] {
+.cols[data-v-fed0c263] {
   inset: 0;
   height: 100%;
 }
-.control[data-v-61a70a30] {
+.control[data-v-fed0c263] {
   position: absolute;
   z-index: 1;
   pointer-events: none;
 }
-.handle[data-v-61a70a30] {
+.handle[data-v-fed0c263] {
   position: absolute;
   display: inline-flex;
   align-items: center;
@@ -1974,65 +1974,65 @@ svg[data-v-7b1048a0] {
   pointer-events: auto;
   cursor: pointer;
 }
-.handle[data-v-61a70a30] {
+.handle[data-v-fed0c263] {
   --ui-icon-size: 14px;
   --ui-icon-stroke-width: 2;
 }
-.handle[data-ui-proximity="near"][data-v-61a70a30],
-.control.active .handle[data-v-61a70a30],
-.handle[data-v-61a70a30]:focus-visible {
+.handle[data-ui-proximity="near"][data-v-fed0c263],
+.control.active .handle[data-v-fed0c263],
+.handle[data-v-fed0c263]:focus-visible {
   opacity: 1;
   scale: 1;
 }
-.control.active .handle[data-v-61a70a30],
-.handle[data-v-61a70a30]:focus-visible {
+.control.active .handle[data-v-fed0c263],
+.handle[data-v-fed0c263]:focus-visible {
   border-color: var(--ui-affordance-direct-color, var(--ui-accent-solid));
   background: var(--ui-affordance-direct-color, var(--ui-accent-solid));
   color: var(--ui-text-on-accent);
   box-shadow: var(--ui-shadow-sm, 0 1px 3px rgb(0 0 0 / 0.1));
 }
-.handle[data-v-61a70a30]:focus-visible,
-.selector[data-v-61a70a30]:focus-visible,
-.cell-menu[data-v-61a70a30]:focus-visible {
+.handle[data-v-fed0c263]:focus-visible,
+.selector[data-v-fed0c263]:focus-visible,
+.cell-menu[data-v-fed0c263]:focus-visible {
   outline: 2px solid var(--ui-focus-ring);
   outline-offset: 2px;
 }
-.control.row[data-v-61a70a30] {
+.control.row[data-v-fed0c263] {
   left: 0;
   width: 100%;
   height: 0;
 }
-.control.row .handle[data-v-61a70a30] {
+.control.row .handle[data-v-fed0c263] {
   top: -12px;
   left: -30px;
 }
-.control.col[data-v-61a70a30] {
+.control.col[data-v-fed0c263] {
   top: 0;
   width: 0;
   height: 100%;
 }
-.control.col .handle[data-v-61a70a30] {
+.control.col .handle[data-v-fed0c263] {
   top: -30px;
   left: -12px;
 }
-.line[data-v-61a70a30] {
+.line[data-v-fed0c263] {
   position: absolute;
   background: var(--ui-affordance-direct-color, var(--ui-accent-solid));
   opacity: 0;
   transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
 }
-.control.row .line[data-v-61a70a30] {
+.control.row .line[data-v-fed0c263] {
   inset: -1px 0 auto;
   height: 2px;
 }
-.control.col .line[data-v-61a70a30] {
+.control.col .line[data-v-fed0c263] {
   inset: 0 auto 0 -1px;
   width: 2px;
 }
-.control.active .line[data-v-61a70a30] {
+.control.active .line[data-v-fed0c263] {
   opacity: 0.8;
 }
-.guide[data-v-61a70a30] {
+.guide[data-v-fed0c263] {
   position: absolute;
   width: var(--ui-affordance-guide-size);
   height: var(--ui-affordance-guide-size);
@@ -2041,19 +2041,19 @@ svg[data-v-7b1048a0] {
   opacity: var(--ui-affordance-guide-opacity);
   transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
 }
-.control.row .guide[data-v-61a70a30] {
+.control.row .guide[data-v-fed0c263] {
   left: -10px;
   top: -2px;
 }
-.control.col .guide[data-v-61a70a30] {
+.control.col .guide[data-v-fed0c263] {
   left: -2px;
   top: -10px;
 }
-.control:has(.handle[data-ui-proximity="near"]) .guide[data-v-61a70a30],
-.control.active .guide[data-v-61a70a30] {
+.control:has(.handle[data-ui-proximity="near"]) .guide[data-v-fed0c263],
+.control.active .guide[data-v-fed0c263] {
   opacity: 0;
 }
-.tooltip[data-v-61a70a30] {
+.tooltip[data-v-fed0c263] {
   position: absolute;
   z-index: 2;
   top: calc(100% + 6px);
@@ -2072,18 +2072,18 @@ svg[data-v-7b1048a0] {
   transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
   pointer-events: none;
 }
-.control.row .tooltip[data-v-61a70a30] {
+.control.row .tooltip[data-v-fed0c263] {
   top: 50%;
   left: auto;
   right: calc(100% + 8px);
   transform: translateY(-50%);
 }
-.control.active .tooltip[data-v-61a70a30],
-.handle:focus-visible .tooltip[data-v-61a70a30] {
+.control.active .tooltip[data-v-fed0c263],
+.handle:focus-visible .tooltip[data-v-fed0c263] {
   opacity: 1;
 }
-.selector[data-v-61a70a30],
-.cell-menu[data-v-61a70a30] {
+.selector[data-v-fed0c263],
+.cell-menu[data-v-fed0c263] {
   position: absolute;
   z-index: 2;
   display: inline-flex;
@@ -2102,16 +2102,16 @@ svg[data-v-7b1048a0] {
     border-color var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease),
     box-shadow var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
 }
-.selector[data-v-61a70a30]:hover,
-.cell-menu[data-v-61a70a30]:hover {
+.selector[data-v-fed0c263]:hover,
+.cell-menu[data-v-fed0c263]:hover {
   background: var(--ui-icon-button-hover-surface, var(--ui-surface-muted));
   color: var(--ui-icon-button-hover-text, var(--ui-text-primary));
   box-shadow: var(--ui-shadow-xs, 0 1px 2px rgb(0 0 0 / 0.05));
 }
-.selector[data-v-61a70a30] {
+.selector[data-v-fed0c263] {
   border-radius: var(--ui-radius-round);
 }
-.selector[data-v-61a70a30]::before {
+.selector[data-v-fed0c263]::before {
   content: "";
   position: absolute;
   inset: 50% auto auto 50%;
@@ -2122,7 +2122,7 @@ svg[data-v-7b1048a0] {
   transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
   pointer-events: none;
 }
-.selector .glyph[data-v-61a70a30] {
+.selector .glyph[data-v-fed0c263] {
   display: block;
   width: 14px;
   height: 14px;
@@ -2134,59 +2134,59 @@ svg[data-v-7b1048a0] {
     opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease),
     transform var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
 }
-.selector[data-v-61a70a30]:hover::before,
-.selector[data-v-61a70a30]:focus-visible::before {
+.selector[data-v-fed0c263]:hover::before,
+.selector[data-v-fed0c263]:focus-visible::before {
   opacity: 0;
 }
-.selector:hover .glyph[data-v-61a70a30],
-.selector:focus-visible .glyph[data-v-61a70a30] {
+.selector:hover .glyph[data-v-fed0c263],
+.selector:focus-visible .glyph[data-v-fed0c263] {
   opacity: 1;
   transform: scale(1);
 }
-.selector.row[data-v-61a70a30] {
+.selector.row[data-v-fed0c263] {
   left: -9px;
   width: 18px;
   height: 32px;
   transform: translateY(-50%);
 }
-.selector.row[data-v-61a70a30]::before {
+.selector.row[data-v-fed0c263]::before {
   width: 2px;
   height: 16px;
 }
-.selector.column[data-v-61a70a30] {
+.selector.column[data-v-fed0c263] {
   top: -9px;
   width: 32px;
   height: 18px;
   transform: translateX(-50%);
 }
-.selector.column[data-v-61a70a30]::before {
+.selector.column[data-v-fed0c263]::before {
   width: 16px;
   height: 2px;
 }
 @media (hover: none), (pointer: coarse) {
-.selector[data-v-61a70a30]::before {
+.selector[data-v-fed0c263]::before {
     opacity: 0;
 }
-.selector .glyph[data-v-61a70a30] {
+.selector .glyph[data-v-fed0c263] {
     opacity: 1;
     transform: none;
 }
 }
-.cell-menu[data-v-61a70a30] {
+.cell-menu[data-v-fed0c263] {
   width: 24px;
   height: 24px;
   border-radius: var(--ui-radius-sm);
   background: color-mix(in srgb, var(--ui-surface-muted) 78%, transparent);
 }
-.cell-menu[data-v-61a70a30] {
+.cell-menu[data-v-fed0c263] {
   --ui-icon-size: 15px;
   --ui-icon-stroke-width: 2;
 }
-[data-component~="ui-editor-table-overlay"][hidden][data-v-61a70a30] {
+[data-component~="ui-editor-table-overlay"][hidden][data-v-fed0c263] {
   display: none;
 }
 
-.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"][data-v-1b253cb1] {
+.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"][data-v-fdb800d4] {
   min-width: max-content;
   min-height: 100%;
   padding: 0;
@@ -2196,15 +2196,15 @@ svg[data-v-7b1048a0] {
   box-shadow: none;
   backdrop-filter: none;
 }
-.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] button[data-v-1b253cb1] {
+.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] button[data-v-fdb800d4] {
   min-height: 44px;
   background: transparent;
 }
-.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] button.active[data-v-1b253cb1],
-.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] button.selected[data-v-1b253cb1] {
+.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] button.active[data-v-fdb800d4],
+.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] button.selected[data-v-fdb800d4] {
   background: var(--ui-accent-soft, var(--ui-accent-subtle));
 }
-.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] .menu[data-v-1b253cb1] {
+.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] .menu[data-v-fdb800d4] {
   top: auto;
   right: 0;
   bottom: calc(100% + var(--ui-space-2));
@@ -2212,7 +2212,7 @@ svg[data-v-7b1048a0] {
   overflow-y: auto;
   overscroll-behavior: contain;
 }
-[data-component~="ui-editor-table-toolbar"][data-v-1b253cb1] {
+[data-component~="ui-editor-table-toolbar"][data-v-fdb800d4] {
   display: inline-flex;
   align-items: center;
   gap: var(--ui-space-1);
@@ -2223,21 +2223,21 @@ svg[data-v-7b1048a0] {
   box-shadow: var(--ui-shadow-lg, 0 10px 15px -3px rgb(0 0 0 / 0.1));
   backdrop-filter: blur(10px);
 }
-.group[data-v-1b253cb1] {
+.group[data-v-fdb800d4] {
   display: inline-flex;
   align-items: center;
   gap: 2px;
   overflow: hidden;
 }
-.sep[data-v-1b253cb1] {
+.sep[data-v-fdb800d4] {
   width: 1px;
   align-self: stretch;
   background: var(--ui-border);
 }
-.overflow[data-v-1b253cb1] {
+.overflow[data-v-fdb800d4] {
   position: relative;
 }
-[data-component~="ui-editor-table-toolbar"] button[data-v-1b253cb1] {
+[data-component~="ui-editor-table-toolbar"] button[data-v-fdb800d4] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -2254,39 +2254,39 @@ svg[data-v-7b1048a0] {
   padding: var(--ui-space-2) var(--ui-space-2);
   white-space: nowrap;
 }
-[data-component~="ui-editor-table-toolbar"] button[data-v-1b253cb1]:hover {
+[data-component~="ui-editor-table-toolbar"] button[data-v-fdb800d4]:hover {
   background: var(--ui-surface-hover);
 }
-[data-component~="ui-editor-table-toolbar"] button.active[data-v-1b253cb1] {
+[data-component~="ui-editor-table-toolbar"] button.active[data-v-fdb800d4] {
   background: var(--ui-accent-soft, var(--ui-accent-subtle));
   color: var(--ui-accent-active);
 }
-.group button[data-v-1b253cb1] {
+.group button[data-v-fdb800d4] {
   border-radius: var(--ui-radius-sm);
 }
-.group button + button[data-v-1b253cb1] {
+.group button + button[data-v-fdb800d4] {
   border-left: 0;
 }
-[data-component~="ui-editor-table-toolbar"] .more[data-v-1b253cb1] {
+[data-component~="ui-editor-table-toolbar"] .more[data-v-fdb800d4] {
   border: 0;
   border-radius: var(--ui-radius-sm);
 }
-[data-component~="ui-editor-table-toolbar"] button.danger[data-v-1b253cb1] {
+[data-component~="ui-editor-table-toolbar"] button.danger[data-v-fdb800d4] {
   color: var(--ui-danger);
 }
-[data-component~="ui-editor-table-toolbar"][data-v-1b253cb1] {
+[data-component~="ui-editor-table-toolbar"][data-v-fdb800d4] {
   --ui-icon-size: var(--ui-editor-toolbar-icon-size, 1rem);
   --ui-icon-stroke-width: var(--ui-editor-toolbar-icon-stroke-width, 1.75);
 }
-.chevron[data-v-1b253cb1] {
+.chevron[data-v-fdb800d4] {
   display: inline-flex;
   --ui-icon-size: 0.875rem;
 }
-[data-component~="ui-editor-table-toolbar"] .icon-button[data-v-1b253cb1] {
+[data-component~="ui-editor-table-toolbar"] .icon-button[data-v-fdb800d4] {
   width: 32px;
   padding-inline: 0;
 }
-.menu[data-v-1b253cb1] {
+.menu[data-v-fdb800d4] {
   position: absolute;
   top: calc(100% + var(--ui-space-2));
   right: 0;
@@ -2301,12 +2301,12 @@ svg[data-v-7b1048a0] {
   gap: 2px;
   z-index: 2;
 }
-.menu-section + .menu-section[data-v-1b253cb1] {
+.menu-section + .menu-section[data-v-fdb800d4] {
   margin-top: var(--ui-space-1);
   padding-top: var(--ui-space-1);
   border-top: 1px solid color-mix(in srgb, var(--ui-border) 80%, transparent);
 }
-.menu-heading[data-v-1b253cb1] {
+.menu-heading[data-v-fdb800d4] {
   padding: var(--ui-space-1) var(--ui-space-2);
   font-size: var(--ui-font-size-2xs);
   font-weight: 700;
@@ -2314,22 +2314,22 @@ svg[data-v-7b1048a0] {
   text-transform: uppercase;
   color: var(--ui-text-muted);
 }
-.menu button[data-v-1b253cb1] {
+.menu button[data-v-fdb800d4] {
   display: flex;
   justify-content: flex-start;
   width: 100%;
   text-align: left;
 }
-.swatches[data-v-1b253cb1] {
+.swatches[data-v-fdb800d4] {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 2px;
 }
-[data-component~="ui-editor-table-toolbar"] .swatch-button[data-v-1b253cb1] {
+[data-component~="ui-editor-table-toolbar"] .swatch-button[data-v-fdb800d4] {
   gap: var(--ui-space-1);
   justify-content: flex-start;
 }
-.swatch[data-v-1b253cb1] {
+.swatch[data-v-fdb800d4] {
   width: 14px;
   height: 14px;
   flex: 0 0 14px;
@@ -2337,58 +2337,100 @@ svg[data-v-7b1048a0] {
   border-radius: 3px;
   background: var(--_swatch);
 }
-.swatch.default[data-v-1b253cb1] {
+.swatch.default[data-v-fdb800d4] {
   background:
     linear-gradient(135deg, transparent 44%, var(--ui-danger) 46% 54%, transparent 56%),
     var(--ui-surface);
 }
-.swatch-button.selected[data-v-1b253cb1] {
+.swatch-button.selected[data-v-fdb800d4] {
   background: var(--ui-accent-soft, var(--ui-accent-subtle));
 }
-[data-component~="ui-editor-table-toolbar"][hidden][data-v-1b253cb1] {
+[data-component~="ui-editor-table-toolbar"][hidden][data-v-fdb800d4] {
   display: none;
 }
 
-[data-component~="ui-editor-toolbar"][data-v-b71db5ba] {
+[data-component~="ui-editor-toolbar"][data-v-8f7cefb2] {
+  /* The colour the edge fades blend into: whatever the toolbar is painted with. */
+  --_matte: var(--ui-editor-toolbar-surface, var(--ui-surface));
+
   position: sticky;
   top: 0;
   z-index: var(--ui-editor-toolbar-z-index, 10);
   display: flex;
   align-items: center;
-  justify-content: flex-start;
-  gap: var(--ui-editor-toolbar-gap, 2px);
   padding: var(--ui-editor-toolbar-padding-block, 6px)
     var(--ui-editor-toolbar-padding-inline, 12px);
   min-height: var(--ui-editor-toolbar-min-height, 48px);
-  /* More controls than the column is wide is normal at a readable measure, so the row wraps.
-     Scrolling hid the tail behind an invisible scrollbar. */
-  flex-wrap: wrap;
-  row-gap: var(--ui-editor-toolbar-row-gap, var(--ui-editor-toolbar-gap, 2px));
   background: var(--ui-editor-toolbar-surface, var(--ui-surface));
   border-bottom: 1px solid var(--ui-editor-toolbar-border, var(--ui-border));
 }
-[data-component~="ui-editor-toolbar"][data-v-b71db5ba]::-webkit-scrollbar {
+
+/* One row, always. When the controls outgrow the space, the row scrolls sideways rather than
+   wrapping into several lines, and a fade at each edge that has more to show says so. */
+.strip[data-v-8f7cefb2] {
+  display: flex;
+  flex: 1 1 auto;
+  align-items: center;
+  justify-content: flex-start;
+  gap: var(--ui-editor-toolbar-gap, 2px);
+  min-width: 0;
+  overflow-x: auto;
+  overflow-y: hidden;
+  overscroll-behavior-inline: contain;
+  scrollbar-width: none;
+}
+.strip[data-v-8f7cefb2]::-webkit-scrollbar {
   display: none;
 }
-[data-component~="ui-editor-toolbar"] > [data-v-b71db5ba-s] {
+.strip > [data-v-8f7cefb2-s] {
   flex: 0 0 auto;
 }
-.divider[data-v-b71db5ba-s] {
+
+/* The fades are mattes laid over the strip in the toolbar's own colour, not a mask, so a floating
+   toolbar's border and shadow stay whole. Each appears only while that edge hides controls. */
+[data-component~="ui-editor-toolbar"][data-v-8f7cefb2]::before,
+[data-component~="ui-editor-toolbar"][data-v-8f7cefb2]::after {
+  position: absolute;
+  z-index: 1;
+  inset-block: 0;
+  inline-size: var(--ui-editor-toolbar-fade-size, 32px);
+  content: "";
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity var(--ui-motion-fast, 120ms) var(--ui-motion-ease, ease);
+}
+[data-component~="ui-editor-toolbar"][data-v-8f7cefb2]::before {
+  inset-inline-start: 0;
+  background: linear-gradient(to right, var(--_matte), transparent);
+}
+[data-component~="ui-editor-toolbar"][data-v-8f7cefb2]::after {
+  inset-inline-end: 0;
+  background: linear-gradient(to left, var(--_matte), transparent);
+}
+[data-component~="ui-editor-toolbar"][data-v-8f7cefb2]:dir(rtl)::before {
+  background: linear-gradient(to left, var(--_matte), transparent);
+}
+[data-component~="ui-editor-toolbar"][data-v-8f7cefb2]:dir(rtl)::after {
+  background: linear-gradient(to right, var(--_matte), transparent);
+}
+[data-component~="ui-editor-toolbar"][data-ui-editor-toolbar-state~="overflowStart"][data-v-8f7cefb2]::before,
+[data-component~="ui-editor-toolbar"][data-ui-editor-toolbar-state~="overflowEnd"][data-v-8f7cefb2]::after {
+  opacity: 1;
+}
+.divider[data-v-8f7cefb2-s] {
   width: 1px;
   height: 20px;
   background: var(--ui-editor-toolbar-divider, var(--ui-border));
   flex-shrink: 0;
   margin: 0 var(--ui-editor-toolbar-divider-margin, 4px);
 }
-[data-component~="ui-editor-toolbar"][data-ui-editor-toolbar-state~="floating"][data-v-b71db5ba] {
-  flex-wrap: nowrap;
-  position: static;
+[data-component~="ui-editor-toolbar"][data-ui-editor-toolbar-state~="floating"][data-v-8f7cefb2] {
+  position: relative;
   top: auto;
   width: max-content;
   max-width: min(calc(100vw - 24px), 100%);
   min-height: auto;
   padding: var(--ui-editor-toolbar-floating-padding, 4px);
-  overflow-x: visible;
   background: color-mix(
     in srgb,
     var(--ui-editor-toolbar-surface, var(--ui-surface)) 96%,
@@ -2403,7 +2445,7 @@ svg[data-v-7b1048a0] {
   backdrop-filter: blur(10px);
 }
 @media (max-width: 767px) {
-[data-component~="ui-editor-toolbar"][data-v-b71db5ba] {
+[data-component~="ui-editor-toolbar"][data-v-8f7cefb2] {
     position: fixed;
     top: auto;
     bottom: env(safe-area-inset-bottom);
@@ -2414,8 +2456,8 @@ svg[data-v-7b1048a0] {
     border-bottom: none;
     box-shadow: var(--ui-editor-toolbar-mobile-shadow, 0 -2px 8px rgb(0 0 0 / 0.06));
 }
-[data-component~="ui-editor-toolbar"][data-ui-editor-toolbar-state~="floating"][data-v-b71db5ba] {
-    position: static;
+[data-component~="ui-editor-toolbar"][data-ui-editor-toolbar-state~="floating"][data-v-8f7cefb2] {
+    position: relative;
     inset: auto;
     min-height: auto;
     border: 1px solid var(--ui-editor-toolbar-border, var(--ui-border));
@@ -2428,10 +2470,11 @@ svg[data-v-7b1048a0] {
 }
 
 /* Inside LoomaEditor's sticky shell, the shell is the sticky surface. */
-.looma-editor__sticky-toolbar-shell [data-component~="ui-editor-toolbar"][data-v-b71db5ba] {
-  position: static;
+.looma-editor__sticky-toolbar-shell [data-component~="ui-editor-toolbar"][data-v-8f7cefb2] {
+  --_matte: var(--ui-editor-toolbar-surface, var(--ui-surface));
+
+  position: relative;
   min-height: var(--ui-editor-toolbar-min-height, 48px);
-  overscroll-behavior-inline: contain;
   background: transparent;
   border: 0;
   box-shadow: none;
@@ -2439,28 +2482,29 @@ svg[data-v-7b1048a0] {
 
 /* Inside LoomaEditor's mobile shell, the toolbar is a scroll-snapping strip. */
 .looma-editor__mobile-toolbar-shell
-  [data-component~="ui-editor-toolbar"][data-ui-editor-toolbar-state~="floating"][data-v-b71db5ba] {
+  [data-component~="ui-editor-toolbar"][data-ui-editor-toolbar-state~="floating"][data-v-8f7cefb2] {
   width: 100%;
   max-width: none;
   min-height: 100%;
   padding: 0;
-  overflow-x: auto;
-  overflow-y: hidden;
-  overscroll-behavior-inline: contain;
-  scroll-snap-type: x mandatory;
   background: transparent;
   border: 0;
   border-radius: 0;
   box-shadow: none;
   backdrop-filter: none;
 }
+.looma-editor__mobile-toolbar-shell
+  [data-component~="ui-editor-toolbar"][data-ui-editor-toolbar-state~="floating"]
+  .strip[data-v-8f7cefb2] {
+  scroll-snap-type: x mandatory;
+}
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-editor-toolbar"][hidden][data-v-b71db5ba] {
+[data-component~="ui-editor-toolbar"][hidden][data-v-8f7cefb2] {
   display: none;
 }
 
-[data-component~="ui-floating-action-button"][data-v-62b77471] {
+[data-component~="ui-floating-action-button"][data-v-dc9b5621] {
   position: fixed;
   inset-block-end: calc(
     var(--ui-floating-action-button-inset-block-end, var(--ui-space-6)) +
@@ -2475,7 +2519,7 @@ svg[data-v-7b1048a0] {
   display: inline-flex;
   z-index: var(--ui-floating-action-button-z-index, 100);
 }
-[data-component~="ui-floating-action-button"][data-v-62b77471] {
+[data-component~="ui-floating-action-button"][data-v-dc9b5621] {
   appearance: none;
   border: none;
   border-radius: 999px;
@@ -2493,38 +2537,38 @@ svg[data-v-7b1048a0] {
     transform var(--ui-motion-fast) var(--ui-motion-ease),
     box-shadow var(--ui-motion-fast) var(--ui-motion-ease);
 }
-[data-component~="ui-floating-action-button"][data-v-62b77471]:hover:enabled {
+[data-component~="ui-floating-action-button"][data-v-dc9b5621]:hover:enabled {
   background: var(--ui-accent-hover);
   box-shadow: 0 6px 16px color-mix(in srgb, var(--ui-accent) 50%, transparent);
 }
-[data-component~="ui-floating-action-button"][data-v-62b77471]:active:enabled {
+[data-component~="ui-floating-action-button"][data-v-dc9b5621]:active:enabled {
   transform: scale(0.94);
 }
-[data-component~="ui-floating-action-button"][data-v-62b77471]:focus-visible {
+[data-component~="ui-floating-action-button"][data-v-dc9b5621]:focus-visible {
   outline: 2px solid var(--ui-focus-ring);
   outline-offset: 2px;
 }
-[data-component~="ui-floating-action-button"][data-v-62b77471]:disabled {
+[data-component~="ui-floating-action-button"][data-v-dc9b5621]:disabled {
   opacity: 0.6;
   cursor: not-allowed;
 }
-svg[data-v-62b77471-s] {
+svg[data-v-dc9b5621-s] {
   inline-size: var(--ui-icon-size-lg);
   block-size: var(--ui-icon-size-lg);
   flex-shrink: 0;
 }
 @media (min-width: 768px) {
-[data-component~="ui-floating-action-button"][data-ui-floating-action-button-state~="mobileOnly"][data-v-62b77471] {
+[data-component~="ui-floating-action-button"][data-ui-floating-action-button-state~="mobileOnly"][data-v-dc9b5621] {
     display: none;
 }
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-floating-action-button"][hidden][data-v-62b77471] {
+[data-component~="ui-floating-action-button"][hidden][data-v-dc9b5621] {
   display: none;
 }
 
-[data-component~="ui-form-field"][data-v-13b85af2] {
+[data-component~="ui-form-field"][data-v-eba1e76b] {
   display: grid;
   gap: var(--ui-space-2);
   min-inline-size: 0;
@@ -2534,34 +2578,34 @@ svg[data-v-62b77471-s] {
 
 /* Each named region styles whatever fills it, however it was slotted (slot="…" in HTML, #label
    in Vue), and generates no box of its own, so an empty region adds no gap. */
-.label[data-v-13b85af2],
-.help[data-v-13b85af2],
-.error[data-v-13b85af2] {
+.label[data-v-eba1e76b],
+.help[data-v-eba1e76b],
+.error[data-v-eba1e76b] {
   display: contents;
 }
-.label[data-v-13b85af2] {
+.label[data-v-eba1e76b] {
   color: var(--ui-text-secondary);
   font-size: var(--ui-font-size-sm);
 }
-.help[data-v-13b85af2] {
+.help[data-v-eba1e76b] {
   color: var(--ui-text-muted);
   font-size: var(--ui-font-size-sm);
   line-height: var(--ui-line-height-md);
 }
-.help > [data-v-13b85af2-s] {
+.help > [data-v-eba1e76b-s] {
   min-block-size: var(--ui-form-field-help-min-block-size, 0);
 }
-.error[data-v-13b85af2],[role="alert"][data-v-13b85af2-s] {
+.error[data-v-eba1e76b],[role="alert"][data-v-eba1e76b-s] {
   color: var(--ui-accent-active);
   font-size: var(--ui-font-size-sm);
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-form-field"][hidden][data-v-13b85af2] {
+[data-component~="ui-form-field"][hidden][data-v-eba1e76b] {
   display: none;
 }
 
-[data-component~="ui-grid"][data-v-9635be0b] {
+[data-component~="ui-grid"][data-v-84466559] {
   --_grid-gap: var(--ui-space-4);
   --_grid-min: 12rem;
   display: grid;
@@ -2572,41 +2616,41 @@ svg[data-v-62b77471-s] {
   max-inline-size: 100%;
   margin: 0;
 }
-[data-component~="ui-grid"][data-ui-grid-state~="gap=xs"][data-v-9635be0b] {
+[data-component~="ui-grid"][data-ui-grid-state~="gap=xs"][data-v-84466559] {
   --_grid-gap: var(--ui-space-2);
 }
-[data-component~="ui-grid"][data-ui-grid-state~="gap=s"][data-v-9635be0b] {
+[data-component~="ui-grid"][data-ui-grid-state~="gap=s"][data-v-84466559] {
   --_grid-gap: var(--ui-space-3);
 }
-[data-component~="ui-grid"][data-ui-grid-state~="gap=m"][data-v-9635be0b] {
+[data-component~="ui-grid"][data-ui-grid-state~="gap=m"][data-v-84466559] {
   --_grid-gap: var(--ui-space-4);
 }
-[data-component~="ui-grid"][data-ui-grid-state~="gap=l"][data-v-9635be0b] {
+[data-component~="ui-grid"][data-ui-grid-state~="gap=l"][data-v-84466559] {
   --_grid-gap: var(--ui-space-5);
 }
-[data-component~="ui-grid"][data-ui-grid-state~="gap=xl"][data-v-9635be0b] {
+[data-component~="ui-grid"][data-ui-grid-state~="gap=xl"][data-v-84466559] {
   --_grid-gap: var(--ui-space-6);
 }
-[data-component~="ui-grid"][data-ui-grid-state~="min=md"][data-v-9635be0b] {
+[data-component~="ui-grid"][data-ui-grid-state~="min=md"][data-v-84466559] {
   --_grid-min: 16rem;
 }
-[data-component~="ui-grid"][data-ui-grid-state~="min=lg"][data-v-9635be0b] {
+[data-component~="ui-grid"][data-ui-grid-state~="min=lg"][data-v-84466559] {
   --_grid-min: 20rem;
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-grid"][hidden][data-v-9635be0b] {
+[data-component~="ui-grid"][hidden][data-v-84466559] {
   display: none;
 }
 
-[data-component~="ui-icon-button"][data-v-23aa723d] {
+[data-component~="ui-icon-button"][data-v-bcedd63e] {
   display: inline-flex;
   color: var(--ui-text-secondary);
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-23aa723d] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-bcedd63e] {
   position: relative;
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-23aa723d]::before {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-bcedd63e]::before {
   content: "";
   position: absolute;
   inset: 50% auto auto 50%;
@@ -2625,17 +2669,17 @@ svg[data-v-62b77471-s] {
  * surface and icon. The root is the native button, so hiding it outright would hide the dot
  * too, and slotted icons sit outside this scope; `color: transparent` hides currentColor icons. */
 @media (hover: hover) and (pointer: fine) {
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-23aa723d]:not([data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"], [data-ui-proximity="near"], :hover, :focus-visible) {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-bcedd63e]:not([data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"], [data-ui-proximity="near"], :hover, :focus-visible) {
     border-color: transparent;
     background: transparent;
     box-shadow: none;
     color: transparent;
 }
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-23aa723d]:is([data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"], [data-ui-proximity="near"], :hover, :focus-visible)::before {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-bcedd63e]:is([data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"], [data-ui-proximity="near"], :hover, :focus-visible)::before {
   opacity: 0;
 }
-[data-component~="ui-icon-button"][data-v-23aa723d] {
+[data-component~="ui-icon-button"][data-v-bcedd63e] {
   /* The size prop resolves here; --ui-icon-button-size overrides it on an element. */
   --_size: 2rem;
   appearance: none;
@@ -2661,7 +2705,7 @@ svg[data-v-62b77471-s] {
     transform var(--ui-motion-fast) var(--ui-motion-ease);
 }
 @media (hover: none), (pointer: coarse) {
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-23aa723d]::before {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-bcedd63e]::before {
     opacity: 0;
 }
 }
@@ -2669,10 +2713,10 @@ svg[data-v-62b77471-s] {
 /* A touch target without a bigger button: an invisible hit area, at least the control
    minimum, centred on the button (::before is the anticipatory guide). */
 @media (pointer: coarse) {
-[data-component~="ui-icon-button"][data-v-23aa723d] {
+[data-component~="ui-icon-button"][data-v-bcedd63e] {
     position: relative;
 }
-[data-component~="ui-icon-button"][data-v-23aa723d]::after {
+[data-component~="ui-icon-button"][data-v-bcedd63e]::after {
     content: "";
     position: absolute;
     inset: 50% auto auto 50%;
@@ -2681,10 +2725,10 @@ svg[data-v-62b77471-s] {
     transform: translate(-50%, -50%);
 }
 }
-html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-23aa723d] {
+html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-bcedd63e] {
   position: relative;
 }
-html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-23aa723d]::after {
+html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-bcedd63e]::after {
   content: "";
   position: absolute;
   inset: 50% auto auto 50%;
@@ -2692,29 +2736,29 @@ html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-2
   block-size: max(100%, var(--ui-control-min-block-size));
   transform: translate(-50%, -50%);
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="size=sm"][data-v-23aa723d] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="size=sm"][data-v-bcedd63e] {
   --_size: 1.75rem;
   inline-size: var(--ui-icon-button-size, var(--_size));
   block-size: var(--ui-icon-button-size, var(--_size));
   min-inline-size: var(--ui-icon-button-size, var(--_size));
   min-block-size: var(--ui-icon-button-size, var(--_size));
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="size=lg"][data-v-23aa723d] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="size=lg"][data-v-bcedd63e] {
   --_size: 2.5rem;
   inline-size: var(--ui-icon-button-size, var(--_size));
   block-size: var(--ui-icon-button-size, var(--_size));
   min-inline-size: var(--ui-icon-button-size, var(--_size));
   min-block-size: var(--ui-icon-button-size, var(--_size));
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="round"][data-v-23aa723d] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="round"][data-v-bcedd63e] {
   border-radius: var(--ui-radius-round);
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][data-v-23aa723d] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][data-v-bcedd63e] {
   border-color: var(--ui-icon-button-border, var(--ui-border-default));
   background: var(--ui-icon-button-outline-surface, var(--ui-surface-default));
   color: var(--ui-icon-button-outline-text, var(--ui-text-primary));
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"][data-v-23aa723d] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"][data-v-bcedd63e] {
   background: var(--ui-icon-button-solid-surface, var(--ui-accent-solid));
   color: var(--ui-icon-button-solid-text, var(--ui-text-on-accent));
   box-shadow: var(
@@ -2722,51 +2766,51 @@ html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-2
     0 1px 2px color-mix(in srgb, var(--ui-accent-solid) 18%, transparent)
   );
 }
-[data-component~="ui-icon-button"][data-v-23aa723d]:hover:enabled {
+[data-component~="ui-icon-button"][data-v-bcedd63e]:hover:enabled {
   /* Derived from the text colour so the ghost hover shows on any background. */
   background: var(--ui-icon-button-hover-surface, color-mix(in srgb, currentColor 8%, transparent));
   color: var(--ui-icon-button-hover-text, var(--ui-text-primary));
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][data-v-23aa723d]:hover:enabled {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][data-v-bcedd63e]:hover:enabled {
   border-color: var(--ui-icon-button-hover-border, var(--ui-border-strong));
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"][data-v-23aa723d]:hover:enabled {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"][data-v-bcedd63e]:hover:enabled {
   background: var(--ui-icon-button-solid-hover-surface, var(--ui-accent-hover));
 }
-[data-component~="ui-icon-button"][data-v-23aa723d]:active:enabled {
+[data-component~="ui-icon-button"][data-v-bcedd63e]:active:enabled {
   transform: scale(var(--ui-icon-button-active-scale, 0.96));
 }
-[data-component~="ui-icon-button"][data-v-23aa723d]:focus-visible {
+[data-component~="ui-icon-button"][data-v-bcedd63e]:focus-visible {
   outline: none;
   box-shadow: var(--ui-focus-halo);
 }
 
 /* Disabled colours fall back to each variant's own; ghost takes only the icon colour. */
-[data-component~="ui-icon-button"][data-v-23aa723d]:disabled {
+[data-component~="ui-icon-button"][data-v-bcedd63e]:disabled {
   opacity: var(--ui-icon-button-disabled-opacity, 1);
   color: var(--ui-icon-button-disabled-text, var(--ui-disabled-text));
   cursor: not-allowed;
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][data-v-23aa723d]:disabled {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][data-v-bcedd63e]:disabled {
   border-color: var(--ui-icon-button-disabled-border, var(--ui-border));
   background-color: var(--ui-icon-button-disabled-surface, var(--ui-disabled-surface));
   color: var(--ui-icon-button-disabled-text, var(--ui-disabled-text));
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"][data-v-23aa723d]:disabled {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"][data-v-bcedd63e]:disabled {
   border-color: var(--ui-icon-button-disabled-border, var(--ui-border));
   background-color: var(--ui-icon-button-disabled-surface, var(--ui-disabled-surface));
   color: var(--ui-icon-button-disabled-text, var(--ui-disabled-text));
 }
-[data-component~="ui-icon-button"][data-v-23aa723d] {
+[data-component~="ui-icon-button"][data-v-bcedd63e] {
   --_icon-button-icon-default: var(--ui-icon-size-md);
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="size=sm"][data-v-23aa723d] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="size=sm"][data-v-bcedd63e] {
   --_icon-button-icon-default: var(--ui-icon-size-sm);
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="size=lg"][data-v-23aa723d] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="size=lg"][data-v-bcedd63e] {
   --_icon-button-icon-default: var(--ui-icon-size-lg);
 }
-svg[data-v-23aa723d-s] {
+svg[data-v-bcedd63e-s] {
   inline-size: var(--ui-icon-button-icon-size, var(--_icon-button-icon-default));
   block-size: var(--ui-icon-button-icon-size, var(--_icon-button-icon-default));
   flex-shrink: 0;
@@ -2774,11 +2818,11 @@ svg[data-v-23aa723d-s] {
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-icon-button"][hidden][data-v-23aa723d] {
+[data-component~="ui-icon-button"][hidden][data-v-bcedd63e] {
   display: none;
 }
 
-[data-component~="ui-input"][data-v-0c0dde58] {
+[data-component~="ui-input"][data-v-f84acfe8] {
   box-sizing: border-box;
   display: inline-block;
   inline-size: 100%;
@@ -2801,18 +2845,18 @@ svg[data-v-23aa723d-s] {
 }
 
 /* Tabbing into a field selects its text; tint that selection softly instead of the page highlight. */
-[data-component~="ui-input"][data-v-0c0dde58]::selection {
+[data-component~="ui-input"][data-v-f84acfe8]::selection {
   background: color-mix(in srgb, var(--ui-accent-solid) 20%, transparent);
   color: inherit;
 }
-[data-component~="ui-input"][data-v-0c0dde58]::placeholder {
+[data-component~="ui-input"][data-v-f84acfe8]::placeholder {
   color: var(--ui-control-placeholder, var(--ui-text-secondary));
   opacity: 1;
 }
-[data-component~="ui-input"][data-v-0c0dde58]:hover:not(:focus):not(:disabled) {
+[data-component~="ui-input"][data-v-f84acfe8]:hover:not(:focus):not(:disabled) {
   border-color: var(--ui-control-border-hover, var(--ui-text-secondary));
 }
-[data-component~="ui-input"][data-v-0c0dde58]:focus-visible {
+[data-component~="ui-input"][data-v-f84acfe8]:focus-visible {
   border-color: var(--ui-control-focus, var(--ui-accent-solid));
   outline: none;
   box-shadow: var(
@@ -2823,16 +2867,16 @@ svg[data-v-23aa723d-s] {
 }
 
 /* The app's invalid flag, or the browser's own verdict once the user has left an invalid field. */
-[data-component~="ui-input"][aria-invalid="true"][data-v-0c0dde58],
-[data-component~="ui-input"][data-v-0c0dde58]:is(:user-invalid, [data-user-invalid]) {
+[data-component~="ui-input"][aria-invalid="true"][data-v-f84acfe8],
+[data-component~="ui-input"][data-v-f84acfe8]:is(:user-invalid, [data-user-invalid]) {
   border-color: var(--ui-danger-solid);
 }
-[data-component~="ui-input"][data-v-0c0dde58]:is([aria-invalid="true"], :is(:user-invalid, [data-user-invalid])):focus-visible {
+[data-component~="ui-input"][data-v-f84acfe8]:is([aria-invalid="true"], :is(:user-invalid, [data-user-invalid])):focus-visible {
   box-shadow:
     var(--ui-control-inset),
     0 0 0 3px color-mix(in srgb, var(--ui-danger-solid) 22%, transparent);
 }
-[data-component~="ui-input"][data-v-0c0dde58]:disabled {
+[data-component~="ui-input"][data-v-f84acfe8]:disabled {
   background: var(--ui-control-surface-disabled, var(--ui-surface-muted));
   color: var(--ui-text-muted);
   box-shadow: none;
@@ -2843,12 +2887,12 @@ svg[data-v-23aa723d-s] {
  * scroll vertically inside the field. Native inputs already center their single line. */
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-input"][hidden][data-v-0c0dde58] {
+[data-component~="ui-input"][hidden][data-v-f84acfe8] {
   display: none;
 }
 
 /* Compact sets the part tokens its items read, so nothing has to rescale a global. */
-[data-component~="ui-menu"][data-ui-menu-state~="density=compact"][data-v-e8df970a] {
+[data-component~="ui-menu"][data-ui-menu-state~="density=compact"][data-v-ad1dce95] {
   --ui-menu-item-padding-block: var(--ui-space-1);
   --ui-menu-item-padding-inline: var(--ui-space-2);
   --ui-menu-item-font-size: var(--ui-font-size-sm);
@@ -2856,7 +2900,7 @@ svg[data-v-23aa723d-s] {
   padding: var(--ui-space-1);
   gap: 0;
 }
-[data-component~="ui-menu"][data-v-e8df970a] {
+[data-component~="ui-menu"][data-v-ad1dce95] {
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
@@ -2871,7 +2915,7 @@ svg[data-v-23aa723d-s] {
   box-shadow: none;
   overflow: visible;
 }
-.surface[data-v-e8df970a] {
+.surface[data-v-ad1dce95] {
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
@@ -2884,10 +2928,10 @@ svg[data-v-23aa723d-s] {
   max-block-size: inherit;
   overflow: auto;
 }
-[data-component~="ui-menu"][data-v-e8df970a]:not([data-component~="ui-menu"][data-ui-menu-state~="internalOpen"]) {
+[data-component~="ui-menu"][data-v-ad1dce95]:not([data-component~="ui-menu"][data-ui-menu-state~="internalOpen"]) {
   display: none;
 }
-[data-component~="ui-menu"][popover][data-v-e8df970a] {
+[data-component~="ui-menu"][popover][data-v-ad1dce95] {
   position: fixed;
   inset: auto;
   margin: 0;
@@ -2901,26 +2945,26 @@ svg[data-v-23aa723d-s] {
     display var(--ui-motion-fast) allow-discrete,
     overlay var(--ui-motion-fast) allow-discrete;
 }
-[data-component~="ui-menu"][popover][data-v-e8df970a]:popover-open {
+[data-component~="ui-menu"][popover][data-v-ad1dce95]:popover-open {
   opacity: 1;
   transform: translateY(0) scale(1);
 }
 @starting-style {
-[data-component~="ui-menu"][popover][data-v-e8df970a]:popover-open {
+[data-component~="ui-menu"][popover][data-v-ad1dce95]:popover-open {
     opacity: 0;
     transform: translateY(-4px) scale(0.99);
 }
 }
-[data-component~="ui-menu"][hidden][data-v-e8df970a] {
+[data-component~="ui-menu"][hidden][data-v-ad1dce95] {
   display: none;
 }
 @media (prefers-reduced-motion: reduce) {
-[data-component~="ui-menu"][popover][data-v-e8df970a] {
+[data-component~="ui-menu"][popover][data-v-ad1dce95] {
     transition: none;
 }
 }
 
-[data-component~="ui-menu-item"][data-v-40124183] {
+[data-component~="ui-menu-item"][data-v-4bd9e602] {
   display: block;
   box-sizing: border-box;
   width: 100%;
@@ -2942,7 +2986,7 @@ svg[data-v-23aa723d-s] {
 /* Centre the glyphs, not the line box: a label without descenders otherwise reads high.
  * Trimming applies to block containers, so the box is a block with centred content. */
 @supports (text-box-trim: trim-both) {
-[data-component~="ui-menu-item"][data-v-40124183] {
+[data-component~="ui-menu-item"][data-v-4bd9e602] {
     display: block;
     min-block-size: var(--ui-menu-item-min-block-size, var(--ui-control-size-md, 2.5rem));
     align-content: center;
@@ -2950,20 +2994,20 @@ svg[data-v-23aa723d-s] {
     text-box-edge: cap alphabetic;
 }
 }
-[data-component~="ui-menu-item"][data-v-40124183]:is(:hover, :focus-visible):not([aria-disabled="true"]) {
+[data-component~="ui-menu-item"][data-v-4bd9e602]:is(:hover, :focus-visible):not([aria-disabled="true"]) {
   background: var(--ui-menu-item-hover-surface, var(--ui-surface-subtle));
 }
-[data-component~="ui-menu-item"][aria-disabled="true"][data-v-40124183] {
+[data-component~="ui-menu-item"][aria-disabled="true"][data-v-4bd9e602] {
   opacity: 0.6;
   cursor: not-allowed;
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-menu-item"][hidden][data-v-40124183] {
+[data-component~="ui-menu-item"][hidden][data-v-4bd9e602] {
   display: none;
 }
 
-[data-component~="ui-popover"][data-v-3675062e] {
+[data-component~="ui-popover"][data-v-00194c85] {
   box-sizing: border-box;
   max-inline-size: min(
     20rem,
@@ -2978,7 +3022,7 @@ svg[data-v-23aa723d-s] {
   background: transparent;
   box-shadow: none;
 }
-.surface[data-v-3675062e] {
+.surface[data-v-00194c85] {
   box-sizing: border-box;
   max-inline-size: inherit;
   max-block-size: inherit;
@@ -2989,10 +3033,10 @@ svg[data-v-23aa723d-s] {
   border-radius: var(--ui-radius-lg);
   box-shadow: var(--ui-elevation-overlay, var(--ui-shadow-lg));
 }
-[data-component~="ui-popover"][data-v-3675062e]:not([data-component~="ui-popover"][data-ui-popover-state~="internalOpen"]) {
+[data-component~="ui-popover"][data-v-00194c85]:not([data-component~="ui-popover"][data-ui-popover-state~="internalOpen"]) {
   display: none;
 }
-[data-component~="ui-popover"][popover][data-v-3675062e] {
+[data-component~="ui-popover"][popover][data-v-00194c85] {
   position: fixed;
   inset: auto;
   margin: 0;
@@ -3004,26 +3048,26 @@ svg[data-v-23aa723d-s] {
     display var(--ui-motion-fast) allow-discrete,
     overlay var(--ui-motion-fast) allow-discrete;
 }
-[data-component~="ui-popover"][popover][data-v-3675062e]:popover-open {
+[data-component~="ui-popover"][popover][data-v-00194c85]:popover-open {
   opacity: 1;
   transform: translateY(0) scale(1);
 }
 @starting-style {
-[data-component~="ui-popover"][popover][data-v-3675062e]:popover-open {
+[data-component~="ui-popover"][popover][data-v-00194c85]:popover-open {
     opacity: 0;
     transform: translateY(-4px) scale(0.99);
 }
 }
-[data-component~="ui-popover"][hidden][data-v-3675062e] {
+[data-component~="ui-popover"][hidden][data-v-00194c85] {
   display: none;
 }
 @media (prefers-reduced-motion: reduce) {
-[data-component~="ui-popover"][popover][data-v-3675062e] {
+[data-component~="ui-popover"][popover][data-v-00194c85] {
     transition: none;
 }
 }
 
-[data-component~="ui-radio"][data-v-2c20c2e3] {
+[data-component~="ui-radio"][data-v-e31949a7] {
   display: inline-flex;
   align-items: flex-start;
   gap: var(--ui-radio-gap, var(--ui-space-2));
@@ -3031,11 +3075,11 @@ svg[data-v-23aa723d-s] {
   color: var(--ui-text-primary);
   cursor: pointer;
 }
-.label[data-v-2c20c2e3] {
+.label[data-v-e31949a7] {
   min-inline-size: 0;
   line-height: var(--ui-line-height-md);
 }
-input[data-v-2c20c2e3] {
+input[data-v-e31949a7] {
   flex: 0 0 auto;
   inline-size: var(--ui-radio-size, 1.125rem);
   block-size: var(--ui-radio-size, 1.125rem);
@@ -3043,24 +3087,24 @@ input[data-v-2c20c2e3] {
   accent-color: var(--ui-accent-solid);
   cursor: pointer;
 }
-input[data-v-2c20c2e3]:focus-visible {
+input[data-v-e31949a7]:focus-visible {
   outline: 2px solid var(--ui-focus-ring, var(--ui-accent-solid));
   outline-offset: 2px;
 }
-[data-component~="ui-radio"][data-ui-radio-state~="disabled"][data-v-2c20c2e3] {
+[data-component~="ui-radio"][data-ui-radio-state~="disabled"][data-v-e31949a7] {
   color: var(--ui-text-muted);
   cursor: not-allowed;
 }
-[data-component~="ui-radio"][data-ui-radio-state~="disabled"] input[data-v-2c20c2e3] {
+[data-component~="ui-radio"][data-ui-radio-state~="disabled"] input[data-v-e31949a7] {
   cursor: not-allowed;
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-radio"][hidden][data-v-2c20c2e3] {
+[data-component~="ui-radio"][hidden][data-v-e31949a7] {
   display: none;
 }
 
-[data-component~="ui-radio-group"][data-v-f54344c6] {
+[data-component~="ui-radio-group"][data-v-b97195d1] {
   display: inline-flex;
   align-items: center;
   gap: var(--ui-space-2);
@@ -3069,7 +3113,7 @@ input[data-v-2c20c2e3]:focus-visible {
   padding: 0;
   border: 0;
 }
-legend[data-v-f54344c6] {
+legend[data-v-b97195d1] {
   float: inline-start;
   inline-size: 100%;
   margin: 0 0 var(--ui-space-2);
@@ -3077,20 +3121,20 @@ legend[data-v-f54344c6] {
   color: var(--ui-text-primary);
   font-weight: var(--ui-font-medium);
 }
-legend[data-v-f54344c6] + * {
+legend[data-v-b97195d1] + * {
   clear: both;
 }
-[data-component~="ui-radio-group"][data-ui-radio-group-state~="orientation=vertical"][data-v-f54344c6] {
+[data-component~="ui-radio-group"][data-ui-radio-group-state~="orientation=vertical"][data-v-b97195d1] {
   display: inline-grid;
   justify-items: start;
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-radio-group"][hidden][data-v-f54344c6] {
+[data-component~="ui-radio-group"][hidden][data-v-b97195d1] {
   display: none;
 }
 
-[data-component~="ui-reel"][data-v-0d41608a] {
+[data-component~="ui-reel"][data-v-b373e396] {
   --_reel-gap: var(--ui-space-4);
   --_reel-item-width: auto;
   display: flex;
@@ -3103,50 +3147,50 @@ legend[data-v-f54344c6] + * {
   overflow-y: hidden;
   overscroll-behavior-inline: contain;
 }
-[data-component~="ui-reel"] > [data-v-0d41608a-s] {
+[data-component~="ui-reel"] > [data-v-b373e396-s] {
   min-inline-size: 0;
   flex: 0 0 var(--ui-reel-item-width, var(--_reel-item-width));
 }
-[data-component~="ui-reel"][data-ui-reel-state~="gap=xs"][data-v-0d41608a] {
+[data-component~="ui-reel"][data-ui-reel-state~="gap=xs"][data-v-b373e396] {
   --_reel-gap: var(--ui-space-2);
 }
-[data-component~="ui-reel"][data-ui-reel-state~="gap=s"][data-v-0d41608a] {
+[data-component~="ui-reel"][data-ui-reel-state~="gap=s"][data-v-b373e396] {
   --_reel-gap: var(--ui-space-3);
 }
-[data-component~="ui-reel"][data-ui-reel-state~="gap=m"][data-v-0d41608a] {
+[data-component~="ui-reel"][data-ui-reel-state~="gap=m"][data-v-b373e396] {
   --_reel-gap: var(--ui-space-4);
 }
-[data-component~="ui-reel"][data-ui-reel-state~="gap=l"][data-v-0d41608a] {
+[data-component~="ui-reel"][data-ui-reel-state~="gap=l"][data-v-b373e396] {
   --_reel-gap: var(--ui-space-5);
 }
-[data-component~="ui-reel"][data-ui-reel-state~="gap=xl"][data-v-0d41608a] {
+[data-component~="ui-reel"][data-ui-reel-state~="gap=xl"][data-v-b373e396] {
   --_reel-gap: var(--ui-space-6);
 }
-[data-component~="ui-reel"][data-ui-reel-state~="itemWidth=sm"][data-v-0d41608a] {
+[data-component~="ui-reel"][data-ui-reel-state~="itemWidth=sm"][data-v-b373e396] {
   --_reel-item-width: 12rem;
 }
-[data-component~="ui-reel"][data-ui-reel-state~="itemWidth=md"][data-v-0d41608a] {
+[data-component~="ui-reel"][data-ui-reel-state~="itemWidth=md"][data-v-b373e396] {
   --_reel-item-width: 16rem;
 }
-[data-component~="ui-reel"][data-ui-reel-state~="itemWidth=lg"][data-v-0d41608a] {
+[data-component~="ui-reel"][data-ui-reel-state~="itemWidth=lg"][data-v-b373e396] {
   --_reel-item-width: 20rem;
 }
-[data-component~="ui-reel"][data-ui-reel-state~="snap"][data-v-0d41608a] {
+[data-component~="ui-reel"][data-ui-reel-state~="snap"][data-v-b373e396] {
   scroll-snap-type: inline mandatory;
 }
-[data-component~="ui-reel"][data-ui-reel-state~="snap=start"] > [data-v-0d41608a-s] {
+[data-component~="ui-reel"][data-ui-reel-state~="snap=start"] > [data-v-b373e396-s] {
   scroll-snap-align: start;
 }
-[data-component~="ui-reel"][data-ui-reel-state~="snap=center"] > [data-v-0d41608a-s] {
+[data-component~="ui-reel"][data-ui-reel-state~="snap=center"] > [data-v-b373e396-s] {
   scroll-snap-align: center;
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-reel"][hidden][data-v-0d41608a] {
+[data-component~="ui-reel"][hidden][data-v-b373e396] {
   display: none;
 }
 
-[data-component~="ui-search-result-row"][data-v-c2562cce] {
+[data-component~="ui-search-result-row"][data-v-b0d24e6e] {
   appearance: none;
   inline-size: 100%;
   min-block-size: var(--ui-search-result-row-min-height, 56px);
@@ -3164,69 +3208,69 @@ legend[data-v-f54344c6] + * {
   text-align: left;
   transition: background-color var(--ui-motion-fast) var(--ui-motion-ease);
 }
-[data-component~="ui-search-result-row"][data-v-c2562cce]:last-child {
+[data-component~="ui-search-result-row"][data-v-b0d24e6e]:last-child {
   border-block-end: none;
 }
-[data-component~="ui-search-result-row"][data-v-c2562cce]:hover:enabled {
+[data-component~="ui-search-result-row"][data-v-b0d24e6e]:hover:enabled {
   background: var(
     --ui-search-result-row-hover-surface,
     color-mix(in srgb, var(--ui-surface) 85%, black 3%)
   );
 }
-[data-component~="ui-search-result-row"][data-ui-search-result-row-state~="selected"][data-v-c2562cce] {
+[data-component~="ui-search-result-row"][data-ui-search-result-row-state~="selected"][data-v-b0d24e6e] {
   background: var(
     --ui-search-result-row-selected-bg,
     var(--ui-search-result-row-hover-surface, color-mix(in srgb, var(--ui-surface) 85%, black 3%))
   );
 }
-[data-component~="ui-search-result-row"][data-v-c2562cce]:focus-visible {
+[data-component~="ui-search-result-row"][data-v-b0d24e6e]:focus-visible {
   outline: 2px solid var(--ui-focus-ring);
   outline-offset: -2px;
 }
-[data-component~="ui-search-result-row"][data-v-c2562cce]:disabled {
+[data-component~="ui-search-result-row"][data-v-b0d24e6e]:disabled {
   opacity: 0.6;
   cursor: not-allowed;
 }
-.leading[data-v-c2562cce],
-.trailing[data-v-c2562cce] {
+.leading[data-v-b0d24e6e],
+.trailing[data-v-b0d24e6e] {
   display: inline-flex;
   align-items: flex-start;
   flex-shrink: 0;
 }
-.content[data-v-c2562cce] {
+.content[data-v-b0d24e6e] {
   min-inline-size: 0;
   flex: 1;
   display: flex;
   flex-direction: column;
 }
-.title[data-v-c2562cce],
-.meta[data-v-c2562cce],
-.excerpt[data-v-c2562cce] {
+.title[data-v-b0d24e6e],
+.meta[data-v-b0d24e6e],
+.excerpt[data-v-b0d24e6e] {
   display: block;
   min-inline-size: 0;
 }
 
 /* An unused region takes no space. */
-.leading[data-v-c2562cce]:empty,
-.meta[data-v-c2562cce]:empty,
-.excerpt[data-v-c2562cce]:empty,
-.trailing[data-v-c2562cce]:empty {
+.leading[data-v-b0d24e6e]:empty,
+.meta[data-v-b0d24e6e]:empty,
+.excerpt[data-v-b0d24e6e]:empty,
+.trailing[data-v-b0d24e6e]:empty {
   display: none;
 }
-[slot="title"][data-v-c2562cce-s],[slot="meta"][data-v-c2562cce-s],[slot="excerpt"][data-v-c2562cce-s] {
+[slot="title"][data-v-b0d24e6e-s],[slot="meta"][data-v-b0d24e6e-s],[slot="excerpt"][data-v-b0d24e6e-s] {
   display: block;
   margin: 0;
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-search-result-row"][hidden][data-v-c2562cce] {
+[data-component~="ui-search-result-row"][hidden][data-v-b0d24e6e] {
   display: none;
 }
 
-[data-component~="ui-search-shell"][data-v-d27d0d8a] {
+[data-component~="ui-search-shell"][data-v-d749a869] {
   display: contents;
 }
-dialog[data-v-d27d0d8a] {
+dialog[data-v-d749a869] {
   position: fixed;
   inset: 0;
   z-index: var(--ui-search-shell-z-index, 400);
@@ -3244,10 +3288,10 @@ dialog[data-v-d27d0d8a] {
   background: var(--ui-overlay-backdrop);
   color: var(--ui-text-primary);
 }
-dialog[data-v-d27d0d8a]::backdrop {
+dialog[data-v-d749a869]::backdrop {
   background: var(--ui-overlay-backdrop);
 }
-.panel[data-v-d27d0d8a] {
+.panel[data-v-d749a869] {
   position: relative;
   display: flex;
   flex-direction: column;
@@ -3260,7 +3304,7 @@ dialog[data-v-d27d0d8a]::backdrop {
   border-radius: var(--ui-search-shell-radius, var(--ui-radius-dialog));
   box-shadow: var(--ui-search-shell-shadow, var(--ui-elevation-dialog, var(--ui-shadow-xl)));
 }
-.search[data-v-d27d0d8a] {
+.search[data-v-d749a869] {
   padding: var(--ui-space-3);
   border-block-end: 1px solid var(--ui-border-default);
   transition:
@@ -3269,11 +3313,11 @@ dialog[data-v-d27d0d8a]::backdrop {
 }
 
 /* The search region shows where typing goes, whatever the author put in it. */
-.search[data-v-d27d0d8a]:focus-within {
+.search[data-v-d749a869]:focus-within {
   border-block-end-color: var(--ui-search-shell-focus-color, var(--ui-control-focus));
   box-shadow: inset 0 -1px 0 var(--ui-search-shell-focus-color, var(--ui-control-focus));
 }
-input[slot="search"][data-v-d27d0d8a-s] {
+input[slot="search"][data-v-d749a869-s] {
   box-sizing: border-box;
   inline-size: 100%;
   min-block-size: var(--ui-control-min-block-size);
@@ -3285,24 +3329,24 @@ input[slot="search"][data-v-d27d0d8a-s] {
   font: inherit;
   box-shadow: var(--ui-shadow-xs);
 }
-input[slot="search"][data-v-d27d0d8a-s]:focus-visible {
+input[slot="search"][data-v-d749a869-s]:focus-visible {
   border-color: var(--ui-control-focus);
   outline: 2px solid var(--ui-focus-ring);
   outline-offset: 2px;
 }
-.status[data-v-d27d0d8a],
-.footer[data-v-d27d0d8a] {
+.status[data-v-d749a869],
+.footer[data-v-d749a869] {
   flex-shrink: 0;
   padding: var(--ui-space-2) var(--ui-space-4);
   color: var(--ui-text-secondary);
   font-size: var(--ui-font-size-sm);
 }
-.status[data-v-d27d0d8a] {
+.status[data-v-d749a869] {
   border-block-end: 1px solid var(--ui-border-default);
 }
 
 /* Laid out like the dialog's action row: actions right-aligned, spaced as buttons, no fill. */
-.footer[data-v-d27d0d8a] {
+.footer[data-v-d749a869] {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
@@ -3311,21 +3355,21 @@ input[slot="search"][data-v-d27d0d8a-s]:focus-visible {
   padding: var(--ui-space-3) var(--ui-space-4);
   border-block-start: 1px solid var(--ui-border-default);
 }
-.status[data-v-d27d0d8a]:empty,
-.footer[data-v-d27d0d8a]:empty {
+.status[data-v-d749a869]:empty,
+.footer[data-v-d749a869]:empty {
   display: none;
 }
-.body[data-v-d27d0d8a] {
+.body[data-v-d749a869] {
   flex: 1;
   min-block-size: 0;
   overflow: auto;
   padding: var(--ui-space-2);
 }
 @media (max-width: 47.9375rem) {
-dialog[data-v-d27d0d8a] {
+dialog[data-v-d749a869] {
     padding: 0;
 }
-.panel[data-v-d27d0d8a] {
+.panel[data-v-d749a869] {
     inline-size: 100%;
     min-block-size: 100dvh;
     max-block-size: none;
@@ -3335,11 +3379,11 @@ dialog[data-v-d27d0d8a] {
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-search-shell"][hidden][data-v-d27d0d8a] {
+[data-component~="ui-search-shell"][hidden][data-v-d749a869] {
   display: none;
 }
 
-[data-component~="ui-select"][data-v-2a885e02] {
+[data-component~="ui-select"][data-v-f9be4ab9] {
   box-sizing: border-box;
   display: inline-block;
   inline-size: 100%;
@@ -3363,7 +3407,7 @@ dialog[data-v-d27d0d8a] {
 
 /* The select draws its own chevron: the native caret cannot be inset or sized consistently.
  * The root stays a native <s-lect>, so the icon is a background image rather than an element. */
-[data-component~="ui-select"][data-v-2a885e02] {
+[data-component~="ui-select"][data-v-f9be4ab9] {
   appearance: none;
   padding-inline-end: calc(var(--ui-space-3) + 1.5rem);
   background-image: var(
@@ -3374,10 +3418,10 @@ dialog[data-v-d27d0d8a] {
   background-position: right var(--ui-space-3) center;
   background-size: 1.125rem 1.125rem;
 }
-[data-component~="ui-select"][data-v-2a885e02]:hover:not(:focus):not(:disabled) {
+[data-component~="ui-select"][data-v-f9be4ab9]:hover:not(:focus):not(:disabled) {
   border-color: var(--ui-control-border-hover, var(--ui-text-secondary));
 }
-[data-component~="ui-select"][data-v-2a885e02]:focus-visible {
+[data-component~="ui-select"][data-v-f9be4ab9]:focus-visible {
   border-color: var(--ui-control-focus, var(--ui-accent-solid));
   outline: none;
   box-shadow: var(
@@ -3388,45 +3432,45 @@ dialog[data-v-d27d0d8a] {
 }
 
 /* The app's invalid flag, or the browser's own verdict once the user has left an invalid field. */
-[data-component~="ui-select"][aria-invalid="true"][data-v-2a885e02],
-[data-component~="ui-select"][data-v-2a885e02]:is(:user-invalid, [data-user-invalid]) {
+[data-component~="ui-select"][aria-invalid="true"][data-v-f9be4ab9],
+[data-component~="ui-select"][data-v-f9be4ab9]:is(:user-invalid, [data-user-invalid]) {
   border-color: var(--ui-danger-solid);
 }
-[data-component~="ui-select"][data-v-2a885e02]:is([aria-invalid="true"], :is(:user-invalid, [data-user-invalid])):focus-visible {
+[data-component~="ui-select"][data-v-f9be4ab9]:is([aria-invalid="true"], :is(:user-invalid, [data-user-invalid])):focus-visible {
   box-shadow:
     var(--ui-control-inset),
     0 0 0 3px color-mix(in srgb, var(--ui-danger-solid) 22%, transparent);
 }
-[data-component~="ui-select"][data-v-2a885e02]:disabled {
+[data-component~="ui-select"][data-v-f9be4ab9]:disabled {
   background-color: var(--ui-control-surface-disabled, var(--ui-surface-muted));
   color: var(--ui-text-muted);
   box-shadow: none;
   cursor: not-allowed;
 }
-[data-component~="ui-select"][size][data-v-2a885e02]:not([size="1"]) {
+[data-component~="ui-select"][size][data-v-f9be4ab9]:not([size="1"]) {
   min-block-size: 7rem;
   padding: var(--ui-space-2);
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-select"][hidden][data-v-2a885e02] {
+[data-component~="ui-select"][hidden][data-v-f9be4ab9] {
   display: none;
 }
 
-hr[data-v-f07c3800] {
+hr[data-v-357ad177] {
   box-sizing: border-box;
   align-self: stretch;
   margin: 0;
   border: 0;
   border-block-start: 1px solid var(--ui-separator-color, var(--ui-border-default));
 }
-hr[aria-orientation="vertical"][data-v-f07c3800] {
+hr[aria-orientation="vertical"][data-v-357ad177] {
   block-size: auto;
   border-block-start: 0;
   border-inline-start: 1px solid var(--ui-separator-color, var(--ui-border-default));
 }
 
-[data-component~="ui-sidebar"][data-v-4bcdb743] {
+[data-component~="ui-sidebar"][data-v-d5bc9278] {
   position: relative;
   box-sizing: border-box;
   display: flex;
@@ -3438,21 +3482,21 @@ hr[aria-orientation="vertical"][data-v-f07c3800] {
   background: var(--ui-sidebar-surface, var(--ui-surface-default));
   border-inline-end: 1px solid var(--ui-sidebar-border, var(--ui-border-default));
 }
-[data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"][data-v-4bcdb743] {
+[data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"][data-v-d5bc9278] {
   border-inline-end: 0;
   border-inline-start: 1px solid var(--ui-sidebar-border, var(--ui-border-default));
 }
-.content[data-v-4bcdb743] {
+.content[data-v-d5bc9278] {
   flex: 1;
   min-block-size: 0;
   overflow: auto;
 }
 
 /* Collapsed while docked. */
-[data-component~="ui-sidebar"][data-ui-sidebar-state~="internalCollapsed"][data-v-4bcdb743]:not([popover]) {
+[data-component~="ui-sidebar"][data-ui-sidebar-state~="internalCollapsed"][data-v-d5bc9278]:not([popover]) {
   display: none;
 }
-.resizer[data-v-4bcdb743] {
+.resizer[data-v-d5bc9278] {
   position: absolute;
   z-index: 1;
   inset-block: 0;
@@ -3465,15 +3509,15 @@ hr[aria-orientation="vertical"][data-v-f07c3800] {
   touch-action: none;
   outline: none;
 }
-.resizer[hidden][data-v-4bcdb743] {
+.resizer[hidden][data-v-d5bc9278] {
   display: none;
 }
-[data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"] .resizer[data-v-4bcdb743] {
+[data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"] .resizer[data-v-d5bc9278] {
   inset-inline-end: auto;
   inset-inline-start: 0;
   transform: translateX(-50%);
 }
-.resizer[data-v-4bcdb743]::after {
+.resizer[data-v-d5bc9278]::after {
   content: "";
   position: absolute;
   inset-block: 0;
@@ -3489,7 +3533,7 @@ hr[aria-orientation="vertical"][data-v-f07c3800] {
     background-color var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease),
     opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
 }
-.guide[data-v-4bcdb743] {
+.guide[data-v-d5bc9278] {
   position: absolute;
   inset-block-start: 50%;
   inset-inline-start: 50%;
@@ -3503,16 +3547,16 @@ hr[aria-orientation="vertical"][data-v-f07c3800] {
   transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
   pointer-events: none;
 }
-.resizer[data-v-4bcdb743]:is(:hover, :focus-visible)::after {
+.resizer[data-v-d5bc9278]:is(:hover, :focus-visible)::after {
   background: var(--ui-affordance-direct-color, var(--ui-accent-solid, var(--ui-focus-ring)));
   opacity: 1;
 }
-.resizer:is(:hover, :focus-visible) > .guide[data-v-4bcdb743] {
+.resizer:is(:hover, :focus-visible) > .guide[data-v-d5bc9278] {
   opacity: 1;
 }
 
 /* Drawer: a popover in the top layer, sliding in from its edge. Closed popovers are hidden by the UA. */
-[data-component~="ui-sidebar"][popover][data-v-4bcdb743] {
+[data-component~="ui-sidebar"][popover][data-v-d5bc9278] {
   position: fixed;
   inset-block: 0;
   inset-inline-start: 0;
@@ -3532,40 +3576,40 @@ hr[aria-orientation="vertical"][data-v-f07c3800] {
 }
 
 /* The author display above would otherwise override the UA rule that hides a closed popover. */
-[data-component~="ui-sidebar"][popover][data-v-4bcdb743]:not(:popover-open) {
+[data-component~="ui-sidebar"][popover][data-v-d5bc9278]:not(:popover-open) {
   display: none;
   transform: translateX(-100%);
 }
-[data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"][popover][data-v-4bcdb743] {
+[data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"][popover][data-v-d5bc9278] {
   inset-inline-start: auto;
   inset-inline-end: 0;
 }
-[data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"][popover][data-v-4bcdb743]:not(:popover-open) {
+[data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"][popover][data-v-d5bc9278]:not(:popover-open) {
   transform: translateX(100%);
 }
 @starting-style {
-[data-component~="ui-sidebar"][popover][data-v-4bcdb743]:popover-open {
+[data-component~="ui-sidebar"][popover][data-v-d5bc9278]:popover-open {
     transform: translateX(-100%);
 }
-[data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"][popover][data-v-4bcdb743]:popover-open {
+[data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"][popover][data-v-d5bc9278]:popover-open {
     transform: translateX(100%);
 }
 }
-[data-component~="ui-sidebar"][popover][data-v-4bcdb743]::backdrop {
+[data-component~="ui-sidebar"][popover][data-v-d5bc9278]::backdrop {
   background: var(--ui-sidebar-backdrop, rgb(0 0 0 / 0.32));
 }
 @media (prefers-reduced-motion: reduce) {
-[data-component~="ui-sidebar"][popover][data-v-4bcdb743] {
+[data-component~="ui-sidebar"][popover][data-v-d5bc9278] {
     transition: none;
 }
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-sidebar"][hidden][data-v-4bcdb743] {
+[data-component~="ui-sidebar"][hidden][data-v-d5bc9278] {
   display: none;
 }
 
-[data-component~="ui-stack"][data-v-43678d8b] {
+[data-component~="ui-stack"][data-v-e8d52a11] {
   --_layout-gap: var(--ui-space-4);
   display: flex;
   flex-direction: column;
@@ -3575,46 +3619,46 @@ hr[aria-orientation="vertical"][data-v-f07c3800] {
   max-inline-size: 100%;
   margin: 0;
 }
-[data-component~="ui-stack"][data-ui-stack-state~="gap=xs"][data-v-43678d8b] {
+[data-component~="ui-stack"][data-ui-stack-state~="gap=xs"][data-v-e8d52a11] {
   --_layout-gap: var(--ui-space-2);
 }
-[data-component~="ui-stack"][data-ui-stack-state~="gap=s"][data-v-43678d8b] {
+[data-component~="ui-stack"][data-ui-stack-state~="gap=s"][data-v-e8d52a11] {
   --_layout-gap: var(--ui-space-3);
 }
-[data-component~="ui-stack"][data-ui-stack-state~="gap=m"][data-v-43678d8b] {
+[data-component~="ui-stack"][data-ui-stack-state~="gap=m"][data-v-e8d52a11] {
   --_layout-gap: var(--ui-space-4);
 }
-[data-component~="ui-stack"][data-ui-stack-state~="gap=l"][data-v-43678d8b] {
+[data-component~="ui-stack"][data-ui-stack-state~="gap=l"][data-v-e8d52a11] {
   --_layout-gap: var(--ui-space-5);
 }
-[data-component~="ui-stack"][data-ui-stack-state~="gap=xl"][data-v-43678d8b] {
+[data-component~="ui-stack"][data-ui-stack-state~="gap=xl"][data-v-e8d52a11] {
   --_layout-gap: var(--ui-space-6);
 }
-[data-component~="ui-stack"][data-ui-stack-state~="align=start"][data-v-43678d8b] {
+[data-component~="ui-stack"][data-ui-stack-state~="align=start"][data-v-e8d52a11] {
   align-items: flex-start;
 }
-[data-component~="ui-stack"][data-ui-stack-state~="align=center"][data-v-43678d8b] {
+[data-component~="ui-stack"][data-ui-stack-state~="align=center"][data-v-e8d52a11] {
   align-items: center;
 }
-[data-component~="ui-stack"][data-ui-stack-state~="align=end"][data-v-43678d8b] {
+[data-component~="ui-stack"][data-ui-stack-state~="align=end"][data-v-e8d52a11] {
   align-items: flex-end;
 }
-[data-component~="ui-stack"][data-ui-stack-state~="justify=center"][data-v-43678d8b] {
+[data-component~="ui-stack"][data-ui-stack-state~="justify=center"][data-v-e8d52a11] {
   justify-content: center;
 }
-[data-component~="ui-stack"][data-ui-stack-state~="justify=end"][data-v-43678d8b] {
+[data-component~="ui-stack"][data-ui-stack-state~="justify=end"][data-v-e8d52a11] {
   justify-content: flex-end;
 }
-[data-component~="ui-stack"][data-ui-stack-state~="justify=between"][data-v-43678d8b] {
+[data-component~="ui-stack"][data-ui-stack-state~="justify=between"][data-v-e8d52a11] {
   justify-content: space-between;
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-stack"][hidden][data-v-43678d8b] {
+[data-component~="ui-stack"][hidden][data-v-e8d52a11] {
   display: none;
 }
 
-[data-component~="ui-switch"][data-v-aeb44053] {
+[data-component~="ui-switch"][data-v-26ab3add] {
   display: inline-flex;
   align-items: flex-start;
   gap: var(--ui-switch-gap, var(--ui-space-2));
@@ -3622,11 +3666,11 @@ hr[aria-orientation="vertical"][data-v-f07c3800] {
   color: var(--ui-text-primary);
   cursor: pointer;
 }
-.label[data-v-aeb44053] {
+.label[data-v-26ab3add] {
   min-inline-size: 0;
   line-height: var(--ui-line-height-md);
 }
-input[data-v-aeb44053] {
+input[data-v-26ab3add] {
   appearance: none;
   -webkit-appearance: none;
   position: relative;
@@ -3644,7 +3688,7 @@ input[data-v-aeb44053] {
     border-color var(--ui-motion-fast) var(--ui-motion-ease);
   margin: 0;
 }
-input[data-v-aeb44053]::after {
+input[data-v-26ab3add]::after {
   content: "";
   position: absolute;
   top: 3px;
@@ -3656,39 +3700,39 @@ input[data-v-aeb44053]::after {
   box-shadow: var(--ui-shadow-xs);
   transition: transform var(--ui-motion-fast) var(--ui-motion-ease);
 }
-input[data-v-aeb44053]:checked {
+input[data-v-26ab3add]:checked {
   background: var(--ui-accent-solid);
   border-color: var(--ui-accent-solid);
 }
-input[data-v-aeb44053]:checked::after {
+input[data-v-26ab3add]:checked::after {
   transform: translateX(1rem);
   background: var(--ui-text-on-accent);
 }
-input[data-v-aeb44053]:focus-visible {
+input[data-v-26ab3add]:focus-visible {
   outline: 2px solid var(--ui-focus-ring, var(--ui-accent-solid));
   outline-offset: 2px;
 }
-[data-component~="ui-switch"][data-ui-switch-state~="disabled"][data-v-aeb44053] {
+[data-component~="ui-switch"][data-ui-switch-state~="disabled"][data-v-26ab3add] {
   color: var(--ui-text-muted);
   cursor: not-allowed;
 }
-[data-component~="ui-switch"][data-ui-switch-state~="disabled"] input[data-v-aeb44053] {
+[data-component~="ui-switch"][data-ui-switch-state~="disabled"] input[data-v-26ab3add] {
   border-color: var(--ui-border-default);
   background: var(--ui-control-surface-disabled, var(--ui-surface-muted));
   cursor: not-allowed;
 }
 @media (prefers-reduced-motion: reduce) {
-input[data-v-aeb44053], input[data-v-aeb44053]::after {
+input[data-v-26ab3add], input[data-v-26ab3add]::after {
     transition: none;
 }
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-switch"][hidden][data-v-aeb44053] {
+[data-component~="ui-switch"][hidden][data-v-26ab3add] {
   display: none;
 }
 
-[data-component~="ui-switcher"][data-v-3ed2c685] {
+[data-component~="ui-switcher"][data-v-e00fcda9] {
   --_switcher-gap: var(--ui-space-4);
   display: flex;
   flex-wrap: wrap;
@@ -3697,68 +3741,68 @@ input[data-v-aeb44053], input[data-v-aeb44053]::after {
   max-inline-size: 100%;
   margin: 0;
 }
-[data-component~="ui-switcher"] > [data-v-3ed2c685-s] {
+[data-component~="ui-switcher"] > [data-v-e00fcda9-s] {
   min-inline-size: 0;
   flex-grow: 1;
   /* The large multiplier makes the basis flip as a group at the intrinsic threshold. */
   flex-basis: calc((var(--ui-switcher-threshold, 30rem) - 100%) * 999);
 }
-[data-component~="ui-switcher"][data-ui-switcher-state~="gap=xs"][data-v-3ed2c685] {
+[data-component~="ui-switcher"][data-ui-switcher-state~="gap=xs"][data-v-e00fcda9] {
   --_switcher-gap: var(--ui-space-2);
 }
-[data-component~="ui-switcher"][data-ui-switcher-state~="gap=s"][data-v-3ed2c685] {
+[data-component~="ui-switcher"][data-ui-switcher-state~="gap=s"][data-v-e00fcda9] {
   --_switcher-gap: var(--ui-space-3);
 }
-[data-component~="ui-switcher"][data-ui-switcher-state~="gap=m"][data-v-3ed2c685] {
+[data-component~="ui-switcher"][data-ui-switcher-state~="gap=m"][data-v-e00fcda9] {
   --_switcher-gap: var(--ui-space-4);
 }
-[data-component~="ui-switcher"][data-ui-switcher-state~="gap=l"][data-v-3ed2c685] {
+[data-component~="ui-switcher"][data-ui-switcher-state~="gap=l"][data-v-e00fcda9] {
   --_switcher-gap: var(--ui-space-5);
 }
-[data-component~="ui-switcher"][data-ui-switcher-state~="gap=xl"][data-v-3ed2c685] {
+[data-component~="ui-switcher"][data-ui-switcher-state~="gap=xl"][data-v-e00fcda9] {
   --_switcher-gap: var(--ui-space-6);
 }
-[data-component~="ui-switcher"][data-ui-switcher-state~="threshold=xs"] > [data-v-3ed2c685-s] {
+[data-component~="ui-switcher"][data-ui-switcher-state~="threshold=xs"] > [data-v-e00fcda9-s] {
   flex-basis: calc((var(--ui-switcher-threshold, 20rem) - 100%) * 999);
 }
-[data-component~="ui-switcher"][data-ui-switcher-state~="threshold=md"] > [data-v-3ed2c685-s] {
+[data-component~="ui-switcher"][data-ui-switcher-state~="threshold=md"] > [data-v-e00fcda9-s] {
   flex-basis: calc((var(--ui-switcher-threshold, 45rem) - 100%) * 999);
 }
-[data-component~="ui-switcher"][data-ui-switcher-state~="threshold=lg"] > [data-v-3ed2c685-s] {
+[data-component~="ui-switcher"][data-ui-switcher-state~="threshold=lg"] > [data-v-e00fcda9-s] {
   flex-basis: calc((var(--ui-switcher-threshold, 60rem) - 100%) * 999);
 }
-[data-component~="ui-switcher"][data-ui-switcher-state~="align=start"][data-v-3ed2c685] {
+[data-component~="ui-switcher"][data-ui-switcher-state~="align=start"][data-v-e00fcda9] {
   align-items: flex-start;
 }
-[data-component~="ui-switcher"][data-ui-switcher-state~="align=center"][data-v-3ed2c685] {
+[data-component~="ui-switcher"][data-ui-switcher-state~="align=center"][data-v-e00fcda9] {
   align-items: center;
 }
-[data-component~="ui-switcher"][data-ui-switcher-state~="align=end"][data-v-3ed2c685] {
+[data-component~="ui-switcher"][data-ui-switcher-state~="align=end"][data-v-e00fcda9] {
   align-items: flex-end;
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-switcher"][hidden][data-v-3ed2c685] {
+[data-component~="ui-switcher"][hidden][data-v-e00fcda9] {
   display: none;
 }
 
 /* Density resolves into the tab row's own values; the public tokens still override them. */
-[data-component~="ui-tabs"][data-v-f288c3b2] {
+[data-component~="ui-tabs"][data-v-cf12d253] {
   --_tab-min-block-size: var(--ui-control-size);
   --_tab-padding-block: var(--ui-space-2);
   --_tab-padding-inline: var(--ui-space-3);
 }
-[data-component~="ui-tabs"][data-ui-tabs-state~="density=compact"][data-v-f288c3b2] {
+[data-component~="ui-tabs"][data-ui-tabs-state~="density=compact"][data-v-cf12d253] {
   --_tab-min-block-size: var(--ui-control-size-sm);
   --_tab-padding-block: var(--ui-space-1);
   --_tab-padding-inline: var(--ui-space-2);
 }
-[data-component~="ui-tabs"][data-v-f288c3b2] {
+[data-component~="ui-tabs"][data-v-cf12d253] {
   display: grid;
   inline-size: 100%;
   min-inline-size: 0;
 }
-.list[data-v-f288c3b2] {
+.list[data-v-cf12d253] {
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: max-content;
@@ -3774,7 +3818,7 @@ input[data-v-aeb44053], input[data-v-aeb44053]::after {
   scrollbar-width: thin;
   border-block-end: 1px solid var(--ui-border-default);
 }
-.list button[data-v-f288c3b2] {
+.list button[data-v-cf12d253] {
   min-block-size: var(--ui-tabs-tab-min-block-size, var(--_tab-min-block-size));
   margin: 0 0 -1px;
   padding: var(--ui-tabs-tab-padding-block, var(--_tab-padding-block))
@@ -3797,7 +3841,7 @@ input[data-v-aeb44053], input[data-v-aeb44053]::after {
 /* Centre the glyphs, not the line box: a label without descenders otherwise reads high.
  * Trimming applies to block containers, so the box is a block with centred content. */
 @supports (text-box-trim: trim-both) {
-.list button[data-v-f288c3b2] {
+.list button[data-v-cf12d253] {
     display: block;
     text-align: center;
     align-content: center;
@@ -3805,43 +3849,43 @@ input[data-v-aeb44053], input[data-v-aeb44053]::after {
     text-box-edge: cap alphabetic;
 }
 }
-[data-component~="ui-tabs"][data-ui-tabs-state~="stretch"] .list[data-v-f288c3b2] {
+[data-component~="ui-tabs"][data-ui-tabs-state~="stretch"] .list[data-v-cf12d253] {
   grid-auto-columns: minmax(max-content, 1fr);
 }
-.list button[data-v-f288c3b2] {
+.list button[data-v-cf12d253] {
   white-space: nowrap;
 }
-.list button[data-v-f288c3b2]:hover {
+.list button[data-v-cf12d253]:hover {
   color: var(--ui-text-primary);
   background: var(--ui-surface-muted);
 }
-.list button[aria-selected="true"][data-v-f288c3b2] {
+.list button[aria-selected="true"][data-v-cf12d253] {
   color: var(--ui-accent-solid);
   border-block-end-color: var(--ui-accent-solid);
 }
-.list button[data-v-f288c3b2]:focus-visible {
+.list button[data-v-cf12d253]:focus-visible {
   position: relative;
   outline: none;
   box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--ui-focus-ring) 45%, transparent);
   border-radius: var(--ui-radius-sm);
 }
-.panels[data-v-f288c3b2] {
+.panels[data-v-cf12d253] {
   min-inline-size: 0;
 }
-[data-v-f288c3b2-s] {
+[data-v-cf12d253-s] {
   padding: var(--ui-space-4);
 }
-[data-component~="ui-tabs"][data-ui-tabs-state~="orientation=vertical"][data-v-f288c3b2] {
+[data-component~="ui-tabs"][data-ui-tabs-state~="orientation=vertical"][data-v-cf12d253] {
   grid-template-columns: max-content minmax(0, 1fr);
   align-items: start;
 }
-[data-component~="ui-tabs"][data-ui-tabs-state~="orientation=vertical"] .list[data-v-f288c3b2] {
+[data-component~="ui-tabs"][data-ui-tabs-state~="orientation=vertical"] .list[data-v-cf12d253] {
   grid-auto-flow: row;
   grid-auto-columns: auto;
   border-block-end: 0;
   border-inline-end: 1px solid var(--ui-border-default);
 }
-[data-component~="ui-tabs"][data-ui-tabs-state~="orientation=vertical"] .list button[data-v-f288c3b2] {
+[data-component~="ui-tabs"][data-ui-tabs-state~="orientation=vertical"] .list button[data-v-cf12d253] {
   margin: 0 -1px 0 0;
   border-block-end: 0;
   border-inline-end: 2px solid transparent;
@@ -3849,21 +3893,21 @@ input[data-v-aeb44053], input[data-v-aeb44053]::after {
 }
 [data-component~="ui-tabs"][data-ui-tabs-state~="orientation=vertical"]
   .list
-  button[aria-selected="true"][data-v-f288c3b2] {
+  button[aria-selected="true"][data-v-cf12d253] {
   border-inline-end-color: var(--ui-accent-solid);
 }
 @media (prefers-reduced-motion: reduce) {
-.list button[data-v-f288c3b2] {
+.list button[data-v-cf12d253] {
     transition: none;
 }
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-tabs"][hidden][data-v-f288c3b2] {
+[data-component~="ui-tabs"][hidden][data-v-cf12d253] {
   display: none;
 }
 
-[data-component~="ui-textarea"][data-v-fd749c95] {
+[data-component~="ui-textarea"][data-v-0352d397] {
   box-sizing: border-box;
   display: inline-block;
   inline-size: 100%;
@@ -3887,18 +3931,18 @@ input[data-v-aeb44053], input[data-v-aeb44053]::after {
 }
 
 /* Tabbing into a field selects its text; tint that selection softly instead of the page highlight. */
-[data-component~="ui-textarea"][data-v-fd749c95]::selection {
+[data-component~="ui-textarea"][data-v-0352d397]::selection {
   background: color-mix(in srgb, var(--ui-accent-solid) 20%, transparent);
   color: inherit;
 }
-[data-component~="ui-textarea"][data-v-fd749c95]::placeholder {
+[data-component~="ui-textarea"][data-v-0352d397]::placeholder {
   color: var(--ui-control-placeholder, var(--ui-text-secondary));
   opacity: 1;
 }
-[data-component~="ui-textarea"][data-v-fd749c95]:hover:not(:focus):not(:disabled) {
+[data-component~="ui-textarea"][data-v-0352d397]:hover:not(:focus):not(:disabled) {
   border-color: var(--ui-control-border-hover, var(--ui-text-secondary));
 }
-[data-component~="ui-textarea"][data-v-fd749c95]:focus-visible {
+[data-component~="ui-textarea"][data-v-0352d397]:focus-visible {
   border-color: var(--ui-control-focus, var(--ui-accent-solid));
   outline: none;
   box-shadow: var(
@@ -3909,16 +3953,16 @@ input[data-v-aeb44053], input[data-v-aeb44053]::after {
 }
 
 /* The app's invalid flag, or the browser's own verdict once the user has left an invalid field. */
-[data-component~="ui-textarea"][aria-invalid="true"][data-v-fd749c95],
-[data-component~="ui-textarea"][data-v-fd749c95]:is(:user-invalid, [data-user-invalid]) {
+[data-component~="ui-textarea"][aria-invalid="true"][data-v-0352d397],
+[data-component~="ui-textarea"][data-v-0352d397]:is(:user-invalid, [data-user-invalid]) {
   border-color: var(--ui-danger-solid);
 }
-[data-component~="ui-textarea"][data-v-fd749c95]:is([aria-invalid="true"], :is(:user-invalid, [data-user-invalid])):focus-visible {
+[data-component~="ui-textarea"][data-v-0352d397]:is([aria-invalid="true"], :is(:user-invalid, [data-user-invalid])):focus-visible {
   box-shadow:
     var(--ui-control-inset),
     0 0 0 3px color-mix(in srgb, var(--ui-danger-solid) 22%, transparent);
 }
-[data-component~="ui-textarea"][data-v-fd749c95]:disabled {
+[data-component~="ui-textarea"][data-v-0352d397]:disabled {
   background: var(--ui-control-surface-disabled, var(--ui-surface-muted));
   color: var(--ui-text-muted);
   box-shadow: none;
@@ -3926,11 +3970,11 @@ input[data-v-aeb44053], input[data-v-aeb44053]::after {
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-textarea"][hidden][data-v-fd749c95] {
+[data-component~="ui-textarea"][hidden][data-v-0352d397] {
   display: none;
 }
 
-[data-component~="ui-toast-region"][data-v-925e00c2] {
+[data-component~="ui-toast-region"][data-v-94472df4] {
   position: fixed;
   top: calc(var(--ui-space-4) + env(safe-area-inset-top));
   right: auto;
@@ -3952,14 +3996,14 @@ input[data-v-aeb44053], input[data-v-aeb44053]::after {
   box-shadow: none;
   pointer-events: none;
 }
-[data-component~="ui-toast-region"][data-v-925e00c2]:not(:popover-open) {
+[data-component~="ui-toast-region"][data-v-94472df4]:not(:popover-open) {
   display: none;
 }
-[data-component~="ui-toast-region"] > .toast[data-v-925e00c2],
-[data-component~="ui-toast-region"] > [data-v-925e00c2-s] {
+[data-component~="ui-toast-region"] > .toast[data-v-94472df4],
+[data-component~="ui-toast-region"] > [data-v-94472df4-s] {
   pointer-events: auto;
 }
-.toast[data-v-925e00c2] {
+.toast[data-v-94472df4] {
   display: grid;
   grid-template-columns: 1fr auto;
   gap: var(--ui-space-2);
@@ -3970,16 +4014,16 @@ input[data-v-aeb44053], input[data-v-aeb44053]::after {
   background: var(--ui-surface-elevated);
   color: var(--ui-text-primary);
   box-shadow: var(--ui-elevation-overlay, var(--ui-shadow-lg));
-  animation: ui-toast-enter-925e00c2 var(--ui-toast-region-enter-duration, 0.32s)
+  animation: ui-toast-enter-94472df4 var(--ui-toast-region-enter-duration, 0.32s)
     var(--ui-motion-ease-out, cubic-bezier(0.16, 1, 0.3, 1)) both;
 }
 
 /* Leaving slides on down and fades; the controller removes the toast when this ends. */
-.toast.closing[data-v-925e00c2] {
-  animation: ui-toast-exit-925e00c2 var(--ui-toast-region-exit-duration, 0.22s) var(--ui-motion-ease) both;
+.toast.closing[data-v-94472df4] {
+  animation: ui-toast-exit-94472df4 var(--ui-toast-region-exit-duration, 0.22s) var(--ui-motion-ease) both;
   pointer-events: none;
 }
-@keyframes ui-toast-enter-925e00c2 {
+@keyframes ui-toast-enter-94472df4 {
 from {
     opacity: 0;
     transform: translateY(-1rem);
@@ -3989,7 +4033,7 @@ to {
     transform: translateY(0);
 }
 }
-@keyframes ui-toast-exit-925e00c2 {
+@keyframes ui-toast-exit-94472df4 {
 from {
     opacity: 1;
     transform: translateY(0);
@@ -4000,25 +4044,25 @@ to {
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.toast[data-v-925e00c2], .toast.closing[data-v-925e00c2] {
+.toast[data-v-94472df4], .toast.closing[data-v-94472df4] {
     animation: none;
 }
 }
-.message[data-v-925e00c2] {
+.message[data-v-94472df4] {
   min-inline-size: 0;
   align-self: center;
 }
-.dismiss[data-v-925e00c2] {
+.dismiss[data-v-94472df4] {
   align-self: center;
   margin-inline-end: calc(var(--ui-space-2) * -1);
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-toast-region"][hidden][data-v-925e00c2] {
+[data-component~="ui-toast-region"][hidden][data-v-94472df4] {
   display: none;
 }
 
-[data-component~="ui-top-bar"][data-v-d08120f9] {
+[data-component~="ui-top-bar"][data-v-72f788b1] {
   position: sticky;
   inset-block-start: 0;
   z-index: var(--ui-top-bar-z-index, 100);
@@ -4038,50 +4082,50 @@ to {
   background: var(--ui-top-bar-surface, var(--ui-surface-elevated));
   border-block-end: 1px solid var(--ui-top-bar-border, var(--ui-border-default));
 }
-.leading[data-v-d08120f9],
-.search[data-v-d08120f9],
-.actions[data-v-d08120f9] {
+.leading[data-v-72f788b1],
+.search[data-v-72f788b1],
+.actions[data-v-72f788b1] {
   display: flex;
   align-items: center;
   flex-shrink: 0;
 }
-.actions[data-v-d08120f9] {
+.actions[data-v-72f788b1] {
   gap: var(--ui-top-bar-actions-gap, var(--ui-space-1));
 }
-.title[data-v-d08120f9] {
+.title[data-v-72f788b1] {
   min-inline-size: 0;
   flex: 1;
 }
 
 /* An unused region takes no space, so it adds no gap. */
-.leading[data-v-d08120f9]:empty,
-.search[data-v-d08120f9]:empty,
-.actions[data-v-d08120f9]:empty {
+.leading[data-v-72f788b1]:empty,
+.search[data-v-72f788b1]:empty,
+.actions[data-v-72f788b1]:empty {
   display: none;
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-top-bar"][hidden][data-v-d08120f9] {
+[data-component~="ui-top-bar"][hidden][data-v-72f788b1] {
   display: none;
 }
 
-[data-component~="ui-tree"][data-ui-tree-state~="density=compact"][data-v-89a4437c] {
+[data-component~="ui-tree"][data-ui-tree-state~="density=compact"][data-v-a2bb2dca] {
   --ui-tree-item-min-block-size: var(--ui-control-size-sm);
   --ui-tree-item-font-size: var(--ui-font-size-sm);
   --ui-tree-item-label-padding-block: 0;
 }
-[data-component~="ui-tree"][data-v-89a4437c] {
+[data-component~="ui-tree"][data-v-a2bb2dca] {
   display: block;
   min-inline-size: 0;
   padding-inline-start: var(--ui-tree-gutter, 0px);
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-tree"][hidden][data-v-89a4437c] {
+[data-component~="ui-tree"][hidden][data-v-a2bb2dca] {
   display: none;
 }
 
-[data-component~="ui-tree-item"][data-v-d093d318] {
+[data-component~="ui-tree-item"][data-v-48465a46] {
   --_tree-row-min-height: 32px;
   --_tree-disclosure-size: 16px;
 
@@ -4090,7 +4134,7 @@ to {
   min-inline-size: 0;
   margin-inline-start: calc(var(--ui-tree-item-depth, 0) * var(--ui-tree-indent, 16px));
 }
-.row[data-v-d093d318] {
+.row[data-v-48465a46] {
   position: relative;
   display: grid;
   grid-template-columns: var(--_tree-disclosure-size) auto minmax(0, 1fr);
@@ -4107,38 +4151,38 @@ to {
     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),
     min-block-size var(--ui-motion-base) var(--ui-motion-ease);
 }
-.row[data-v-d093d318]:hover,
-[data-component~="ui-tree-item"][data-ui-tree-item-state~="selected"] .row[data-v-d093d318],
-.row[data-v-d093d318]:focus-within {
+.row[data-v-48465a46]:hover,
+[data-component~="ui-tree-item"][data-ui-tree-item-state~="selected"] .row[data-v-48465a46],
+.row[data-v-48465a46]:focus-within {
   color: var(--ui-text-primary);
   background: var(--ui-surface-muted);
 }
-[data-component~="ui-tree-item"][data-ui-tree-item-state~="disabled"] .row[data-v-d093d318] {
+[data-component~="ui-tree-item"][data-ui-tree-item-state~="disabled"] .row[data-v-48465a46] {
   opacity: 0.55;
 }
-[data-component~="ui-tree-item"][data-dragging] .row[data-v-d093d318] {
+[data-component~="ui-tree-item"][data-dragging] .row[data-v-48465a46] {
   opacity: 0.42;
 }
-[data-component~="ui-tree-item"][data-v-d093d318]:focus {
+[data-component~="ui-tree-item"][data-v-48465a46]:focus {
   outline: none;
 }
-[data-component~="ui-tree-item"]:focus-visible .row[data-v-d093d318] {
+[data-component~="ui-tree-item"]:focus-visible .row[data-v-48465a46] {
   box-shadow: 0 0 0 2px var(--ui-focus-ring);
 }
 
 /* Child combinators: drop feedback belongs to this item's own row, not the rows nested in it. */
-[data-component~="ui-tree-item"][data-drop-position="inside"] > .row[data-v-d093d318] {
+[data-component~="ui-tree-item"][data-drop-position="inside"] > .row[data-v-48465a46] {
   background: var(--ui-accent-subtle);
   box-shadow: inset 0 0 0 1px var(--ui-tree-drop-color, var(--ui-accent-solid));
 }
-.disclosure[data-v-d093d318],
-.disclosure-spacer[data-v-d093d318] {
+.disclosure[data-v-48465a46],
+.disclosure-spacer[data-v-48465a46] {
   grid-column: 1;
   grid-row: 1;
   inline-size: var(--_tree-disclosure-size);
   block-size: 28px;
 }
-.disclosure[data-v-d093d318] {
+.disclosure[data-v-48465a46] {
   display: grid;
   /* Start-aligned: the chevron's ink, not its hit area, aligns with the content above it. */
   place-items: center start;
@@ -4149,14 +4193,14 @@ to {
   border-radius: var(--ui-radius-sm);
   cursor: pointer;
 }
-.disclosure[hidden][data-v-d093d318] {
+.disclosure[hidden][data-v-48465a46] {
   display: none;
 }
-.disclosure[data-v-d093d318]:hover {
+.disclosure[data-v-48465a46]:hover {
   color: var(--ui-text-primary);
   background: var(--ui-surface-elevated);
 }
-.disclosure-icon[data-v-d093d318] {
+.disclosure-icon[data-v-48465a46] {
   display: grid;
   place-items: center;
   inline-size: 12px;
@@ -4164,7 +4208,7 @@ to {
   transform: rotate(-90deg);
   transition: transform var(--ui-motion-fast) var(--ui-motion-ease);
 }
-.disclosure-icon[data-v-d093d318]::before {
+.disclosure-icon[data-v-48465a46]::before {
   display: block;
   inline-size: 0.375rem;
   block-size: 0.375rem;
@@ -4174,19 +4218,19 @@ to {
   /* A chevron's ink sits below its box centre; lift it so it centres optically (in either rotation). */
   transform: translateY(-20%) rotate(45deg);
 }
-[data-component~="ui-tree-item"][aria-expanded="true"] .disclosure-icon[data-v-d093d318] {
+[data-component~="ui-tree-item"][aria-expanded="true"] .disclosure-icon[data-v-48465a46] {
   transform: rotate(0deg);
 }
 
 /* Lucide grip-vertical, filling the handle as in Looma 0.2. */
-.drag-handle svg[data-v-d093d318] {
+.drag-handle svg[data-v-48465a46] {
   display: block;
   inline-size: 100%;
   block-size: 100%;
 }
 
 /* Slotted content is outside this scope, so :has() cannot see it; hide only a truly empty slot. */
-.leading[data-v-d093d318] {
+.leading[data-v-48465a46] {
   display: inline-grid;
   place-items: center;
   grid-column: 2;
@@ -4196,12 +4240,12 @@ to {
   margin-inline-start: var(--ui-space-1);
   color: var(--ui-text-muted);
 }
-.leading[data-v-d093d318]:empty {
+.leading[data-v-48465a46]:empty {
   display: none;
 }
 
 /* Icons match the label's size (as in Knit's tree): an unsized SVG would otherwise render 300×150. */
-svg[data-v-d093d318-s],img[data-v-d093d318-s] {
+svg[data-v-48465a46-s],img[data-v-48465a46-s] {
   display: block;
   inline-size: 1em;
   block-size: 1em;
@@ -4210,7 +4254,7 @@ svg[data-v-d093d318-s],img[data-v-d093d318-s] {
 
 /* The label spans the row's height and centres its content, so slotted content (a link) can
    stretch to fill the row as its own hit area; the padding tokens remove the inset. */
-.label[data-v-d093d318] {
+.label[data-v-48465a46] {
   grid-column: 3;
   grid-row: 1;
   align-self: stretch;
@@ -4223,15 +4267,15 @@ svg[data-v-d093d318-s],img[data-v-d093d318-s] {
 
 /* Slotted label content fills the cell, so a link is the row's hit area rather than sizing to
    its own text and reading as overflow. */
-.label > [data-v-d093d318-s] {
+.label > [data-v-48465a46-s] {
   flex: 1 1 auto;
   min-inline-size: 0;
 }
 
 /* The controls sit over the label's end, so the text fades out where they begin. The fade is
    the truncation mark while it shows: an ellipsis under it would read as a second one. */
-.row:hover > .label[data-v-d093d318],
-.row:focus-within > .label[data-v-d093d318] {
+.row:hover > .label[data-v-48465a46],
+.row:focus-within > .label[data-v-48465a46] {
   text-overflow: clip;
   mask-image: linear-gradient(
     to right,
@@ -4239,19 +4283,19 @@ svg[data-v-d093d318-s],img[data-v-d093d318-s] {
     transparent calc(100% - var(--_tree-actions-width, 1.75rem))
   );
 }
-.row:hover > .label[data-v-d093d318]:dir(rtl),
-.row:focus-within > .label[data-v-d093d318]:dir(rtl) {
+.row:hover > .label[data-v-48465a46]:dir(rtl),
+.row:focus-within > .label[data-v-48465a46]:dir(rtl) {
   mask-image: linear-gradient(
     to left,
     #000 calc(100% - var(--_tree-actions-width, 1.75rem) - var(--ui-space-3)),
     transparent calc(100% - var(--_tree-actions-width, 1.75rem))
   );
 }
-.row:hover > .label > [data-v-d093d318-s],
-.row:focus-within > .label > [data-v-d093d318-s] {
+.row:hover > .label > [data-v-48465a46-s],
+.row:focus-within > .label > [data-v-48465a46-s] {
   text-overflow: clip;
 }
-.actions[data-v-d093d318] {
+.actions[data-v-48465a46] {
   position: absolute;
   z-index: 1;
   inset-block: 0;
@@ -4263,18 +4307,18 @@ svg[data-v-d093d318-s],img[data-v-d093d318-s] {
   pointer-events: none;
   transition: opacity var(--ui-motion-fast) var(--ui-motion-ease);
 }
-.row:hover > .actions[data-v-d093d318],
-.row:focus-within > .actions[data-v-d093d318] {
+.row:hover > .actions[data-v-48465a46],
+.row:focus-within > .actions[data-v-48465a46] {
   opacity: 1;
   pointer-events: auto;
 }
 
 /* Without hover there is no reveal, so the controls keep their own column. */
 @media (hover: none) {
-.row[data-v-d093d318] {
+.row[data-v-48465a46] {
     grid-template-columns: var(--_tree-disclosure-size) auto minmax(0, 1fr) auto;
 }
-.actions[data-v-d093d318] {
+.actions[data-v-48465a46] {
     position: static;
     grid-column: 4;
     grid-row: 1;
@@ -4284,7 +4328,7 @@ svg[data-v-d093d318-s],img[data-v-d093d318-s] {
     pointer-events: auto;
 }
 }
-.drag-handle[data-v-d093d318] {
+.drag-handle[data-v-48465a46] {
   position: absolute;
   z-index: 2;
   inset-block-start: 50%;
@@ -4305,16 +4349,16 @@ svg[data-v-d093d318-s],img[data-v-d093d318-s] {
   transform: translateY(-50%);
   transition: opacity var(--ui-motion-fast) var(--ui-motion-ease);
 }
-.row:hover .drag-handle[data-v-d093d318],
-.drag-handle[data-v-d093d318]:hover,
-.drag-handle[data-v-d093d318]:focus-visible,
-[data-component~="ui-tree-item"][data-dragging] > .row > .drag-handle[data-v-d093d318] {
+.row:hover .drag-handle[data-v-48465a46],
+.drag-handle[data-v-48465a46]:hover,
+.drag-handle[data-v-48465a46]:focus-visible,
+[data-component~="ui-tree-item"][data-dragging] > .row > .drag-handle[data-v-48465a46] {
   opacity: 1;
 }
-.drag-handle[data-v-d093d318]:active {
+.drag-handle[data-v-48465a46]:active {
   cursor: grabbing;
 }
-.drop-indicator[data-v-d093d318] {
+.drop-indicator[data-v-48465a46] {
   position: absolute;
   z-index: 3;
   inset-inline: 1px;
@@ -4324,8 +4368,8 @@ svg[data-v-d093d318-s],img[data-v-d093d318-s] {
   background: var(--ui-tree-drop-color, var(--ui-accent-solid));
   pointer-events: none;
 }
-.drop-indicator[data-v-d093d318]::before,
-.drop-indicator[data-v-d093d318]::after {
+.drop-indicator[data-v-48465a46]::before,
+.drop-indicator[data-v-48465a46]::after {
   content: "";
   position: absolute;
   inset-block-start: 50%;
@@ -4336,39 +4380,39 @@ svg[data-v-d093d318-s],img[data-v-d093d318-s] {
   background: var(--ui-surface-elevated);
   transform: translateY(-50%);
 }
-.drop-indicator[data-v-d093d318]::before {
+.drop-indicator[data-v-48465a46]::before {
   inset-inline-start: -1px;
 }
-.drop-indicator[data-v-d093d318]::after {
+.drop-indicator[data-v-48465a46]::after {
   inset-inline-end: -1px;
 }
-[data-component~="ui-tree-item"][data-drop-position="before"] > .row > .row-drop-indicator[data-v-d093d318] {
+[data-component~="ui-tree-item"][data-drop-position="before"] > .row > .row-drop-indicator[data-v-48465a46] {
   display: block;
   inset-block-start: -1px;
 }
-[data-component~="ui-tree-item"][data-drop-position="after"] > .subtree-drop-indicator[data-v-d093d318] {
+[data-component~="ui-tree-item"][data-drop-position="after"] > .subtree-drop-indicator[data-v-48465a46] {
   display: block;
   inset-block-end: -1px;
 }
-.children[hidden][data-v-d093d318] {
+.children[hidden][data-v-48465a46] {
   display: none;
 }
-html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"][data-v-d093d318] {
+html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"][data-v-48465a46] {
   --_tree-row-min-height: 44px;
 }
-html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .drag-handle[data-v-d093d318] {
+html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .drag-handle[data-v-48465a46] {
   display: none;
 }
 @media (prefers-reduced-motion: reduce) {
-.row[data-v-d093d318],
-  .disclosure-icon[data-v-d093d318],
-  .drag-handle[data-v-d093d318] {
+.row[data-v-48465a46],
+  .disclosure-icon[data-v-48465a46],
+  .drag-handle[data-v-48465a46] {
     transition: none;
 }
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-tree-item"][hidden][data-v-d093d318] {
+[data-component~="ui-tree-item"][hidden][data-v-48465a46] {
   display: none;
 }
 /**