@threadlabs/looma 0.6.4 → 0.7.0

package/vue/components.css

@@ -1,18 +1,18 @@
 
-[data-component~="ui-affordance-scope"][data-v-3d8ef4c3] {
+[data-component~="ui-affordance-scope"][data-v-c1d56d8d] {
   display: contents;
   --ui-affordance-scope-engaged: 0;
 }
-[data-component~="ui-affordance-scope"][data-ui-affordance-scope-state~="engaged"][data-v-3d8ef4c3] {
+[data-component~="ui-affordance-scope"][data-ui-affordance-scope-state~="engaged"][data-v-c1d56d8d] {
   --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-3d8ef4c3] {
+[data-component~="ui-affordance-scope"][hidden][data-v-c1d56d8d] {
   display: none;
 }
 
-[data-component~="ui-avatar"][data-v-3a27ff1d] {
+[data-component~="ui-avatar"][data-v-64e52bdd] {
   display: inline-grid;
   place-items: center;
   overflow: hidden;
@@ -27,13 +27,13 @@
   font-weight: 600;
   text-transform: uppercase;
 }
-.image[data-v-3a27ff1d],img[data-v-3a27ff1d-s] {
+.image[data-v-64e52bdd],img[data-v-64e52bdd-s] {
   grid-area: 1 / 1;
   inline-size: 100%;
   block-size: 100%;
   object-fit: cover;
 }
-.fallback[data-v-3a27ff1d] {
+.fallback[data-v-64e52bdd] {
   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-3a27ff1d] {
+.fallback[data-v-64e52bdd] {
     display: block;
     text-align: center;
     align-content: center;
@@ -54,16 +54,16 @@
     text-box-edge: cap alphabetic;
 }
 }
-[hidden][data-v-3a27ff1d] {
+[hidden][data-v-64e52bdd] {
   display: none;
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-avatar"][hidden][data-v-3a27ff1d] {
+[data-component~="ui-avatar"][hidden][data-v-64e52bdd] {
   display: none;
 }
 
-[data-component~="ui-avatar-group"][data-v-2ad5d86f] {
+[data-component~="ui-avatar-group"][data-v-cbb93f58] {
   /* 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-2ad5d86f-s] {
+[data-v-cbb93f58-s] {
   margin-inline-start: -0.625rem;
   flex-shrink: 0;
   border-radius: 999px;
 }
-[data-v-2ad5d86f-s]:first-child {
+[data-v-cbb93f58-s]:first-child {
   margin-inline-start: 0;
 }
-.overflow[data-v-2ad5d86f] {
+.overflow[data-v-cbb93f58] {
   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-2ad5d86f] {
+.overflow[hidden][data-v-cbb93f58] {
   display: none;
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-avatar-group"][hidden][data-v-2ad5d86f] {
+[data-component~="ui-avatar-group"][hidden][data-v-cbb93f58] {
   display: none;
 }
 
-[data-component~="ui-badge"][data-v-7e9b5784] {
+[data-component~="ui-badge"][data-v-90c7d1bb] {
   --_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-7e9b5784] {
+[data-component~="ui-badge"][data-v-90c7d1bb] {
     display: block;
     min-block-size: var(--ui-badge-min-block-size, 1.5rem);
     text-align: center;
@@ -148,253 +148,266 @@
     text-box-edge: cap alphabetic;
 }
 }
-[data-component~="ui-badge"][data-ui-badge-state~="tone=accent"][data-v-7e9b5784] {
+[data-component~="ui-badge"][data-ui-badge-state~="tone=accent"][data-v-90c7d1bb] {
   --_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-7e9b5784] {
+[data-component~="ui-badge"][data-ui-badge-state~="tone=danger"][data-v-90c7d1bb] {
   --_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-7e9b5784] {
+[data-component~="ui-badge"][data-ui-badge-state~="tone=success"][data-v-90c7d1bb] {
   --_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-7e9b5784] {
+[data-component~="ui-badge"][data-ui-badge-state~="tone=warning"][data-v-90c7d1bb] {
   --_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-7e9b5784] {
+[data-component~="ui-badge"][data-ui-badge-state~="tone=info"][data-v-90c7d1bb] {
   --_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-7e9b5784] {
+[data-component~="ui-badge"][data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=accent"][data-v-90c7d1bb] {
   --_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-7e9b5784] {
+[data-component~="ui-badge"][data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=danger"][data-v-90c7d1bb] {
   --_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-7e9b5784] {
+[data-component~="ui-badge"][data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=success"][data-v-90c7d1bb] {
   --_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-7e9b5784] {
+[data-component~="ui-badge"][data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=warning"][data-v-90c7d1bb] {
   --_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-7e9b5784] {
+[data-component~="ui-badge"][data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=info"][data-v-90c7d1bb] {
   --_badge-surface: var(--ui-info-soft);
   --_badge-border: var(--ui-info-soft);
   --_badge-text: var(--ui-info-subtle-text, var(--ui-info-solid));
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-badge"][hidden][data-v-7e9b5784] {
+[data-component~="ui-badge"][hidden][data-v-90c7d1bb] {
   display: none;
 }
 
-[data-component~="ui-button"][data-v-405b2c60] {
+[data-component~="ui-button"][data-v-8513eb5d] {
+  --_hue: var(--ui-accent);
+  --_hue-hover: var(--ui-accent-hover);
+  --_hue-active: var(--ui-accent-active);
+  --_hue-text: var(--ui-accent-active);
+  --_on-hue: var(--ui-on-accent);
+
+  --_tone: var(--_hue);
+  --_tone-hover: var(--_hue-hover);
+  --_tone-active: var(--_hue-active);
+  --_tone-text: var(--_hue-text);
+  --_on-tone: var(--_on-hue);
+
   display: inline-flex;
   align-items: center;
   justify-content: center;
   vertical-align: middle;
-  color: var(--ui-action-secondary-text, var(--ui-text-primary));
+  color: var(--_tone-text);
 }
-[data-component~="ui-button"][data-ui-button-state~="variant=solid"][data-v-405b2c60] {
-  color: var(--ui-action-primary-text, var(--ui-text-on-accent));
-}
-[data-component~="ui-button"][data-ui-button-state~="align=start"][data-v-405b2c60] {
+[data-component~="ui-button"][data-ui-button-state~="align=start"][data-v-8513eb5d] {
   justify-content: flex-start;
   text-align: start;
 }
-[data-component~="ui-button"][data-ui-button-state~="stretch"][data-v-405b2c60] {
+[data-component~="ui-button"][data-ui-button-state~="stretch"][data-v-8513eb5d] {
   display: flex;
   inline-size: 100%;
 }
-[data-component~="ui-button"][data-v-405b2c60] {
+[data-component~="ui-button"][data-v-8513eb5d] {
   appearance: none;
   min-block-size: var(--ui-button-min-block-size, var(--ui-control-size-md));
-  border: 1px solid var(--ui-button-border, var(--ui-border-strong));
+  border-style: solid;
+  border-width: 1px;
+  border-color: var(--ui-button-border, var(--_tone));
   border-radius: var(--ui-button-radius, var(--ui-radius-md));
-  background: var(--ui-button-surface, var(--ui-surface-elevated));
-  color: var(--ui-button-text, var(--ui-action-secondary-text, var(--ui-text-primary)));
+  background-color: var(--ui-button-surface, oklch(from var(--_tone) l c h / 5%));
+  color: var(--ui-button-text, var(--_tone-text));
   font: inherit;
   font-weight: var(--ui-font-medium);
   line-height: var(--ui-line-height-tight);
   padding: var(--ui-space-2) var(--ui-space-3);
   background-image: var(--ui-raised-highlight);
-  box-shadow: var(--ui-button-shadow, var(--ui-raised, var(--ui-shadow-xs)));
+  box-shadow: var(--ui-button-shadow, var(--ui-raised));
   cursor: pointer;
   transition:
     background-color var(--ui-motion-fast) var(--ui-motion-ease),
     border-color var(--ui-motion-fast) var(--ui-motion-ease),
     color var(--ui-motion-fast) var(--ui-motion-ease),
-    box-shadow var(--ui-motion-fast) var(--ui-motion-ease),
-    transform var(--ui-motion-fast) var(--ui-motion-ease);
+    box-shadow var(--ui-motion-fast) var(--ui-motion-ease);
   margin: 0;
 }
 @supports (text-box-trim: trim-both) {
-[data-component~="ui-button"][data-v-405b2c60] {
+[data-component~="ui-button"][data-v-8513eb5d] {
     text-box-trim: trim-both;
     text-box-edge: cap alphabetic;
 }
 }
-[data-component~="ui-button"][data-ui-button-state~="size=sm"][data-v-405b2c60] {
+[data-component~="ui-button"][data-ui-button-state~="size=sm"][data-v-8513eb5d] {
   min-block-size: var(--ui-control-size-sm);
   padding: var(--ui-space-1) var(--ui-space-2);
   font-size: 0.875rem;
 }
-[data-component~="ui-button"][data-ui-button-state~="size=lg"][data-v-405b2c60] {
+[data-component~="ui-button"][data-ui-button-state~="size=lg"][data-v-8513eb5d] {
   min-block-size: var(--ui-control-size-lg);
   padding: var(--ui-space-3) var(--ui-space-4);
   font-size: 1rem;
 }
-[data-component~="ui-button"][data-v-405b2c60]:hover:enabled {
-  background: var(--ui-action-secondary-surface-hover, var(--ui-surface-muted));
-  border-color: var(--ui-control-border-hover, var(--ui-border-strong));
-}
-[data-component~="ui-button"][data-v-405b2c60]:active:enabled {
-  background: var(--ui-surface-subtle);
-}
-[data-component~="ui-button"][data-ui-button-state~="variant=solid"][data-v-405b2c60] {
-  border-color: var(--ui-action-primary-surface, var(--ui-accent-solid));
-  background: var(--ui-action-primary-surface, var(--ui-accent-solid));
-  color: var(--ui-action-primary-text, var(--ui-text-on-accent));
-  box-shadow: var(
-    --ui-button-solid-shadow,
-    inset 0 1px rgb(255 255 255 / 0.16),
-    var(--ui-shadow-xs)
-  );
-}
-[data-component~="ui-button"][data-ui-button-state~="variant=solid"][data-v-405b2c60]:hover:enabled {
-  background: var(--ui-action-primary-surface-hover, var(--ui-accent-hover));
-  border-color: var(--ui-action-primary-surface-hover, var(--ui-accent-hover));
-  box-shadow: var(--ui-shadow-sm);
-  transform: translateY(-1px);
-}
-[data-component~="ui-button"][data-ui-button-state~="variant=solid"][data-v-405b2c60]:active:enabled {
-  background: var(--ui-action-primary-surface-active, var(--ui-accent-active));
-  border-color: var(--ui-action-primary-surface-active, var(--ui-accent-active));
-  box-shadow: none;
-  transform: translateY(0);
-}
-[data-component~="ui-button"][data-ui-button-state~="variant=danger"][data-v-405b2c60] {
-  border-color: var(--ui-danger-solid);
-  background: var(--ui-danger-solid);
-  color: var(--ui-text-on-accent);
-  box-shadow: var(
-    --ui-button-danger-shadow,
-    inset 0 1px rgb(255 255 255 / 0.14),
-    var(--ui-shadow-xs)
-  );
-}
-[data-component~="ui-button"][data-ui-button-state~="variant=danger"][data-v-405b2c60]:hover:enabled {
-  background: var(--ui-danger-hover);
-  border-color: var(--ui-danger-hover);
-  box-shadow: var(--ui-shadow-sm);
-  transform: translateY(-1px);
-}
-[data-component~="ui-button"][data-ui-button-state~="variant=danger"][data-v-405b2c60]:active:enabled {
-  box-shadow: none;
-  transform: translateY(0);
-}
-
-/* An accent-tinted secondary action: the outline, ghost, and link variants in the accent colour.
-   Solid and danger already carry their own intent. */
-[data-component~="ui-button"][data-ui-button-state~="tone=accent"][data-component~="ui-button"][data-ui-button-state~="variant=outline"][data-v-405b2c60] {
-  border-color: var(--ui-button-accent-border, var(--ui-accent));
-  background: var(--ui-button-accent-surface, var(--ui-accent-subtle));
-  color: var(--ui-button-accent-text, var(--ui-accent-active));
-}
-[data-component~="ui-button"][data-ui-button-state~="tone=accent"][data-component~="ui-button"][data-ui-button-state~="variant=outline"][data-v-405b2c60]:hover:enabled {
-  border-color: var(--ui-button-accent-hover-border, var(--ui-accent-hover));
-  background: var(
-    --ui-button-accent-hover-surface,
-    color-mix(in srgb, var(--ui-accent) 16%, var(--ui-surface))
-  );
-}
-[data-component~="ui-button"][data-ui-button-state~="tone=accent"][data-v-405b2c60]:is([data-component~="ui-button"][data-ui-button-state~="variant=ghost"], [data-component~="ui-button"][data-ui-button-state~="variant=link"]) {
-  color: var(--ui-button-accent-text, var(--ui-accent-active));
-}
-[data-component~="ui-button"][data-ui-button-state~="variant=ghost"][data-v-405b2c60] {
+[data-component~="ui-button"][data-v-8513eb5d]:hover:enabled {
+  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-8513eb5d]:active:enabled {
+  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-8513eb5d],
+[data-component~="ui-button"][data-ui-button-state~="variant=danger"][data-v-8513eb5d] {
+  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-8513eb5d], [data-component~="ui-button"][data-ui-button-state~="variant=danger"][data-v-8513eb5d]):hover:enabled {
+  background-color: var(--_tone-hover);
+  border-color: var(--_tone-hover);
+}
+:is([data-component~="ui-button"][data-ui-button-state~="variant=solid"][data-v-8513eb5d], [data-component~="ui-button"][data-ui-button-state~="variant=danger"][data-v-8513eb5d]):active:enabled {
+  background-color: var(--_tone-active);
+  border-color: var(--_tone-active);
+  background-image: none;
+  box-shadow: var(--ui-pressed);
+}
+
+/* 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-8513eb5d] {
+  --_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-8513eb5d],
+[data-component~="ui-button"][data-ui-button-state~="variant=danger"][data-v-8513eb5d] {
+  --_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-8513eb5d] {
+  --_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-8513eb5d] {
+  --_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-8513eb5d] {
+  --_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-8513eb5d] {
   border-color: transparent;
   background: transparent;
   box-shadow: none;
-  color: var(--ui-button-ghost-text, var(--ui-action-secondary-text, var(--ui-text-primary)));
+  color: var(--ui-button-ghost-text, var(--_tone-text));
 }
 
 /* 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-405b2c60]:hover:enabled {
-  background: var(
-    --ui-button-ghost-hover-surface,
-    color-mix(in srgb, currentColor 8%, transparent)
-  );
+[data-component~="ui-button"][data-ui-button-state~="variant=ghost"][data-v-8513eb5d]:hover:enabled {
+  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-405b2c60]:active:enabled {
-  background: var(
-    --ui-button-ghost-active-surface,
-    color-mix(in srgb, currentColor 14%, transparent)
-  );
+[data-component~="ui-button"][data-ui-button-state~="variant=ghost"][data-v-8513eb5d]:active:enabled {
+  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-405b2c60]:focus-visible {
+[data-component~="ui-button"][data-v-8513eb5d]:focus-visible {
   outline: none;
   box-shadow:
-    var(--ui-button-shadow, var(--ui-raised, var(--ui-shadow-xs))),
+    var(--ui-button-shadow, var(--ui-raised)),
     var(--ui-focus-halo);
 }
-[data-component~="ui-button"][data-ui-button-state~="variant=solid"][data-v-405b2c60]:focus-visible {
+[data-component~="ui-button"][data-ui-button-state~="variant=solid"][data-v-8513eb5d]:focus-visible {
   box-shadow:
-    var(--ui-button-solid-shadow, inset 0 1px rgb(255 255 255 / 0.16), var(--ui-shadow-xs)),
+    var(--ui-button-solid-shadow, var(--ui-raised)),
     var(--ui-focus-halo);
 }
 
-/* Disabled colours fall back to each variant's own; ghost and link take only the text colour. */
-[data-component~="ui-button"][data-v-405b2c60]:disabled {
+/* Disabled drops the tone rather than the shape: every variant keeps its own structure, so a
+   disabled outline is still an outline and a disabled ghost is still text. 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-8513eb5d]:disabled {
+  /* 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. */
+  --_tone: color-mix(in oklab, var(--_hue) 58%, var(--ui-surface));
+  --_tone-hover: var(--_tone);
+  --_tone-active: var(--_tone);
+  --_tone-text: color-mix(in oklab, var(--_hue-text) 72%, var(--ui-surface));
+  --_on-tone: var(--_tone-text);
+
   opacity: var(--ui-button-disabled-opacity, 1);
   cursor: not-allowed;
-  border-color: var(--ui-button-disabled-border, var(--ui-border));
-  background-color: var(--ui-button-disabled-surface, var(--ui-disabled-surface));
-  color: var(--ui-button-disabled-text, var(--ui-disabled-text));
-}
-[data-component~="ui-button"][data-ui-button-state~="variant=solid"][data-v-405b2c60]:disabled {
-  border-color: var(--ui-button-disabled-border, var(--ui-border));
-  background-color: var(--ui-button-disabled-surface, var(--ui-disabled-surface));
-  color: var(--ui-button-disabled-text, var(--ui-disabled-text));
+  background-image: none;
+  box-shadow: none;
 }
-[data-component~="ui-button"][data-ui-button-state~="variant=danger"][data-v-405b2c60]:disabled {
-  border-color: var(--ui-button-disabled-border, var(--ui-border));
-  background-color: var(--ui-button-disabled-surface, var(--ui-disabled-surface));
-  color: var(--ui-button-disabled-text, var(--ui-disabled-text));
+
+/* 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-8513eb5d], [data-component~="ui-button"][data-ui-button-state~="variant=danger"][data-v-8513eb5d]):disabled {
+  --_tone: color-mix(in oklab, var(--_hue) 34%, var(--ui-surface));
 }
-[data-component~="ui-button"][data-ui-button-state~="variant=ghost"][data-v-405b2c60]:disabled {
-  background: none;
+
+/* Ghost has no hover to fall back on, so disabled is the one state it has to state outright:
+   it takes a surface, light and tinted, rather than reading as plain text. */
+[data-component~="ui-button"][data-ui-button-state~="variant=ghost"][data-v-8513eb5d]:disabled {
+  background-color: color-mix(in oklab, var(--_hue) 28%, var(--ui-surface));
   border-color: transparent;
-  color: var(--ui-button-disabled-text, var(--ui-disabled-text));
 }
 @media (pointer: coarse) {
-[data-component~="ui-button"][data-v-405b2c60] {
+[data-component~="ui-button"][data-v-8513eb5d] {
     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-405b2c60] {
+[data-component~="ui-button"][data-ui-button-state~="variant=link"][data-v-8513eb5d] {
   display: inline;
   min-block-size: 0;
   padding: 0;
@@ -412,22 +425,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-405b2c60]:hover:enabled {
+[data-component~="ui-button"][data-ui-button-state~="variant=link"][data-v-8513eb5d]:hover:enabled {
   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-405b2c60]:active:enabled {
+[data-component~="ui-button"][data-ui-button-state~="variant=link"][data-v-8513eb5d]:active:enabled {
   background: none;
   transform: none;
 }
-[data-component~="ui-button"][data-ui-button-state~="variant=link"][data-v-405b2c60]:disabled {
+[data-component~="ui-button"][data-ui-button-state~="variant=link"][data-v-8513eb5d]:disabled {
   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-405b2c60]:focus-visible {
+[data-component~="ui-button"][data-ui-button-state~="variant=link"][data-v-8513eb5d]: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);
@@ -435,11 +448,11 @@
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-button"][hidden][data-v-405b2c60] {
+[data-component~="ui-button"][hidden][data-v-8513eb5d] {
   display: none;
 }
 
-[data-component~="ui-callout"][data-v-31ee6589] {
+[data-component~="ui-callout"][data-v-c6e92976] {
   --_callout-surface: var(--ui-info-soft);
   --_callout-border: var(--ui-info-solid);
   --_callout-icon: var(--ui-info-solid);
@@ -465,47 +478,47 @@
 }
 
 /* One line box tall, so the icon centres on the first line of text. */
-.icon[data-v-31ee6589] {
+.icon[data-v-c6e92976] {
   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-31ee6589] {
+.icon svg[data-v-c6e92976] {
   inline-size: var(--ui-callout-icon-size, 1.125rem);
   block-size: var(--ui-callout-icon-size, 1.125rem);
 }
-.content[data-v-31ee6589] {
+.content[data-v-c6e92976] {
   min-inline-size: 0;
 }
-[data-component~="ui-callout"][data-ui-callout-state~="tone=note"][data-v-31ee6589] {
+[data-component~="ui-callout"][data-ui-callout-state~="tone=note"][data-v-c6e92976] {
   --_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-31ee6589] {
+[data-component~="ui-callout"][data-ui-callout-state~="tone=warning"][data-v-c6e92976] {
   --_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-31ee6589] {
+[data-component~="ui-callout"][data-ui-callout-state~="tone=success"][data-v-c6e92976] {
   --_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-31ee6589] {
+[data-component~="ui-callout"][data-ui-callout-state~="tone=danger"][data-v-c6e92976] {
   --_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-31ee6589] {
+[data-component~="ui-callout"][hidden][data-v-c6e92976] {
   display: none;
 }
 
-[data-component~="ui-checkbox"][data-v-acf71232] {
+[data-component~="ui-checkbox"][data-v-964081a0] {
   display: inline-flex;
   align-items: flex-start;
   gap: var(--ui-checkbox-gap, var(--ui-space-2));
@@ -513,11 +526,11 @@
   color: var(--ui-text-primary);
   cursor: pointer;
 }
-.label[data-v-acf71232] {
+.label[data-v-964081a0] {
   min-inline-size: 0;
   line-height: var(--ui-line-height-md);
 }
-input[data-v-acf71232] {
+input[data-v-964081a0] {
   appearance: none;
   -webkit-appearance: none;
   position: relative;
@@ -535,30 +548,33 @@ input[data-v-acf71232] {
     border-color var(--ui-motion-fast) var(--ui-motion-ease),
     box-shadow var(--ui-motion-fast) var(--ui-motion-ease);
 }
-input[data-v-acf71232]::after {
+input[data-v-964081a0]::after {
   content: "";
   position: absolute;
   opacity: 0;
 }
-input[data-v-acf71232]:checked,
-input[data-v-acf71232]:indeterminate {
+input[data-v-964081a0]:checked,
+input[data-v-964081a0]: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-acf71232]:checked::after {
+input[data-v-964081a0]:checked::after {
   inset: 0;
   margin: auto;
   inline-size: 0.32rem;
   block-size: 0.58rem;
-  border: solid var(--ui-text-on-accent);
+  /* Longhands, not `border: solid var(...)`: lowering drops a shorthand that omits a
+     component, which left the tick with no style and no colour. */
+  border-style: solid;
+  border-color: var(--ui-text-on-accent);
   border-width: 0 0.125rem 0.125rem 0;
   opacity: 1;
   transform: translateY(-0.11rem) rotate(45deg);
 }
-input[data-v-acf71232]:indeterminate::after {
+input[data-v-964081a0]:indeterminate::after {
   inset: 50% 0.23rem auto;
   block-size: 0.125rem;
   border-radius: var(--ui-radius-round);
@@ -566,29 +582,29 @@ input[data-v-acf71232]:indeterminate::after {
   opacity: 1;
   transform: translateY(-50%);
 }
-input[data-v-acf71232]:hover:enabled {
+input[data-v-964081a0]:hover:enabled {
   border-color: var(--ui-accent-solid);
 }
-input[data-v-acf71232]:focus-visible {
+input[data-v-964081a0]: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-acf71232] {
+[data-component~="ui-checkbox"][data-ui-checkbox-state~="disabled"][data-v-964081a0] {
   color: var(--ui-text-muted);
   cursor: not-allowed;
 }
-[data-component~="ui-checkbox"][data-ui-checkbox-state~="disabled"] input[data-v-acf71232] {
+[data-component~="ui-checkbox"][data-ui-checkbox-state~="disabled"] input[data-v-964081a0] {
   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-acf71232] {
+[data-component~="ui-checkbox"][hidden][data-v-964081a0] {
   display: none;
 }
 
-[data-component~="ui-cluster"][data-v-6de2f2e4] {
+[data-component~="ui-cluster"][data-v-9a0304f1] {
   --_layout-gap: var(--ui-space-3);
   display: flex;
   flex-wrap: wrap;
@@ -598,37 +614,37 @@ input[data-v-acf71232]:focus-visible {
   max-inline-size: 100%;
   margin: 0;
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="gap=xs"][data-v-6de2f2e4] {
+[data-component~="ui-cluster"][data-ui-cluster-state~="gap=xs"][data-v-9a0304f1] {
   --_layout-gap: var(--ui-space-2);
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="gap=s"][data-v-6de2f2e4] {
+[data-component~="ui-cluster"][data-ui-cluster-state~="gap=s"][data-v-9a0304f1] {
   --_layout-gap: var(--ui-space-3);
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="gap=m"][data-v-6de2f2e4] {
+[data-component~="ui-cluster"][data-ui-cluster-state~="gap=m"][data-v-9a0304f1] {
   --_layout-gap: var(--ui-space-4);
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="gap=l"][data-v-6de2f2e4] {
+[data-component~="ui-cluster"][data-ui-cluster-state~="gap=l"][data-v-9a0304f1] {
   --_layout-gap: var(--ui-space-5);
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="gap=xl"][data-v-6de2f2e4] {
+[data-component~="ui-cluster"][data-ui-cluster-state~="gap=xl"][data-v-9a0304f1] {
   --_layout-gap: var(--ui-space-6);
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="align=start"][data-v-6de2f2e4] {
+[data-component~="ui-cluster"][data-ui-cluster-state~="align=start"][data-v-9a0304f1] {
   align-items: flex-start;
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="align=end"][data-v-6de2f2e4] {
+[data-component~="ui-cluster"][data-ui-cluster-state~="align=end"][data-v-9a0304f1] {
   align-items: flex-end;
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="align=stretch"][data-v-6de2f2e4] {
+[data-component~="ui-cluster"][data-ui-cluster-state~="align=stretch"][data-v-9a0304f1] {
   align-items: stretch;
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-cluster"][hidden][data-v-6de2f2e4] {
+[data-component~="ui-cluster"][hidden][data-v-9a0304f1] {
   display: none;
 }
 
-[data-component~="ui-tooltip"][data-v-3af2132e] {
+[data-component~="ui-tooltip"][data-v-5952fbd4] {
   position: fixed;
   inset: auto;
   margin: 0;
@@ -649,7 +665,7 @@ input[data-v-acf71232]:focus-visible {
     display var(--ui-motion-fast) allow-discrete,
     overlay var(--ui-motion-fast) allow-discrete;
 }
-.surface[data-v-3af2132e] {
+.surface[data-v-5952fbd4] {
   --_tooltip-line: var(--ui-tooltip-border, var(--ui-border-default));
   position: relative;
   box-sizing: border-box;
@@ -664,7 +680,7 @@ input[data-v-acf71232]: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-3af2132e] {
+[data-component~="ui-tooltip"][data-ui-tooltip-state~="inverse"] .surface[data-v-5952fbd4] {
   --_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));
@@ -672,7 +688,7 @@ input[data-v-acf71232]: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-3af2132e]::after {
+.surface[data-v-5952fbd4]::after {
   content: "";
   position: absolute;
   z-index: 1;
@@ -689,7 +705,7 @@ input[data-v-acf71232]: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-3af2132e]::after {
+  .surface[data-v-5952fbd4]::after {
   inset-block-start: calc(var(--ui-tooltip-arrow-size, 0.5rem) / -2 - 0.5px);
   inset-block-end: auto;
   border-inline-end-width: 0;
@@ -700,50 +716,50 @@ input[data-v-acf71232]: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-3af2132e]::after {
+  .surface[data-v-5952fbd4]::after {
   inset-inline-start: auto;
   inset-inline-end: var(--ui-space-3);
 }
-[data-component~="ui-tooltip"][data-v-3af2132e]:popover-open {
+[data-component~="ui-tooltip"][data-v-5952fbd4]:popover-open {
   opacity: 1;
   transform: translateY(0);
 }
 @starting-style {
-[data-component~="ui-tooltip"][data-v-3af2132e]:popover-open {
+[data-component~="ui-tooltip"][data-v-5952fbd4]:popover-open {
     opacity: 0;
     transform: translateY(4px);
 }
 }
-[data-component~="ui-tooltip"][hidden][data-v-3af2132e] {
+[data-component~="ui-tooltip"][hidden][data-v-5952fbd4] {
   display: none;
 }
 @media (prefers-reduced-motion: reduce) {
-[data-component~="ui-tooltip"][data-v-3af2132e] {
+[data-component~="ui-tooltip"][data-v-5952fbd4] {
     transition: none;
 }
 }
 
-[data-component~="ui-combobox"][data-v-f1d9bb8a] {
+[data-component~="ui-combobox"][data-v-1aba7b21] {
   display: grid;
   gap: var(--ui-space-1);
   min-inline-size: 0;
   color: var(--ui-text-primary);
   font: inherit;
 }
-label[data-v-f1d9bb8a] {
+label[data-v-1aba7b21] {
   color: var(--ui-combobox-label-text, var(--ui-text-primary));
   font-size: var(--ui-combobox-label-font-size, 0.875rem);
   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-f1d9bb8a] {
+.control[data-v-1aba7b21] {
   display: flex;
   align-items: center;
   gap: var(--ui-space-2);
   min-inline-size: 0;
 }
-.field[data-v-f1d9bb8a] {
+.field[data-v-1aba7b21] {
   flex: 1 1 auto;
   display: flex;
   min-inline-size: 0;
@@ -755,14 +771,14 @@ label[data-v-f1d9bb8a] {
     border-color var(--ui-motion-fast) var(--ui-motion-ease),
     box-shadow var(--ui-motion-fast) var(--ui-motion-ease);
 }
-.field[data-v-f1d9bb8a]:focus-within {
+.field[data-v-1aba7b21]: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-f1d9bb8a] {
+.help[data-v-1aba7b21] {
   flex: none;
   display: inline-flex;
   align-items: center;
@@ -779,28 +795,28 @@ label[data-v-f1d9bb8a] {
     background-color var(--ui-motion-fast) var(--ui-motion-ease),
     color var(--ui-motion-fast) var(--ui-motion-ease);
 }
-.help[data-v-f1d9bb8a]:hover:enabled,
-.help[aria-expanded="true"][data-v-f1d9bb8a] {
+.help[data-v-1aba7b21]:hover:enabled,
+.help[aria-expanded="true"][data-v-1aba7b21] {
   background: color-mix(in srgb, currentColor 8%, transparent);
   color: var(--ui-text-primary);
 }
-.help[data-v-f1d9bb8a]:focus-visible {
+.help[data-v-1aba7b21]:focus-visible {
   outline: none;
   box-shadow: var(--ui-focus-halo);
 }
-.help[data-v-f1d9bb8a]:disabled {
+.help[data-v-1aba7b21]:disabled {
   color: var(--ui-disabled-text);
   cursor: not-allowed;
 }
-.help-icon[data-v-f1d9bb8a] {
+.help-icon[data-v-1aba7b21] {
   inline-size: var(--ui-icon-size-sm);
   block-size: var(--ui-icon-size-sm);
 }
-input[data-v-f1d9bb8a]::selection {
+input[data-v-1aba7b21]::selection {
   background: color-mix(in srgb, var(--ui-accent-solid) 20%, transparent);
   color: inherit;
 }
-input[data-v-f1d9bb8a] {
+input[data-v-1aba7b21] {
   appearance: none;
   width: 100%;
   min-inline-size: 0;
@@ -816,11 +832,11 @@ input[data-v-f1d9bb8a] {
   margin: 0;
   outline: none;
 }
-[data-component~="ui-combobox"][data-ui-combobox-state~="size=sm"] input[data-v-f1d9bb8a] {
+[data-component~="ui-combobox"][data-ui-combobox-state~="size=sm"] input[data-v-1aba7b21] {
   min-block-size: calc(var(--ui-control-size-sm) - 2px);
   padding: var(--ui-space-1) var(--ui-space-2);
 }
-button[data-v-f1d9bb8a] {
+button[data-v-1aba7b21] {
   appearance: none;
   display: inline-grid;
   place-items: center;
@@ -835,31 +851,31 @@ button[data-v-f1d9bb8a] {
   padding: 0 var(--ui-space-1);
   cursor: pointer;
 }
-.affordance-icon[data-v-f1d9bb8a] {
+.affordance-icon[data-v-1aba7b21] {
   display: block;
   inline-size: var(--ui-icon-size-sm);
   block-size: var(--ui-icon-size-sm);
 }
-button[data-v-f1d9bb8a]:hover:enabled {
+button[data-v-1aba7b21]:hover:enabled {
   background: var(--ui-surface-muted);
   color: var(--ui-text-primary);
 }
-button[data-v-f1d9bb8a]:focus-visible {
+button[data-v-1aba7b21]: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-f1d9bb8a]:disabled, button[data-v-f1d9bb8a]:disabled {
+input[data-v-1aba7b21]:disabled, button[data-v-1aba7b21]:disabled {
   color: var(--ui-text-muted);
   cursor: not-allowed;
 }
-.field[data-v-f1d9bb8a]:has(input:disabled) {
+.field[data-v-1aba7b21]: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-f1d9bb8a] {
+[data-component~="ui-combobox"][data-ui-combobox-state~="validationStatus=error"] .field[data-v-1aba7b21] {
   border-color: var(--ui-danger-solid, var(--ui-accent-active));
 }
-.popup[data-v-f1d9bb8a] {
+.popup[data-v-1aba7b21] {
   box-sizing: border-box;
   min-inline-size: 12rem;
   max-inline-size: calc(100vw - 1rem);
@@ -873,40 +889,40 @@ input[data-v-f1d9bb8a]:disabled, button[data-v-f1d9bb8a]:disabled {
   color: var(--ui-text-primary);
   box-shadow: var(--ui-elevation-overlay, var(--ui-shadow-lg));
 }
-[hidden][data-v-f1d9bb8a] {
+[hidden][data-v-1aba7b21] {
   display: none;
 }
-.option[data-v-f1d9bb8a] {
+.option[data-v-1aba7b21] {
   padding: var(--ui-space-2) var(--ui-space-3);
   border-radius: var(--ui-radius-sm);
   cursor: pointer;
   overflow-wrap: anywhere;
 }
-.option[data-v-f1d9bb8a]:hover, .option.active[data-v-f1d9bb8a] {
+.option[data-v-1aba7b21]:hover, .option.active[data-v-1aba7b21] {
   background: var(--ui-surface-muted);
   outline: 1px solid var(--ui-focus-ring);
   outline-offset: -1px;
 }
-.option[aria-disabled="true"][data-v-f1d9bb8a] {
+.option[aria-disabled="true"][data-v-1aba7b21] {
   color: var(--ui-text-muted);
   cursor: not-allowed;
 }
-.primary[data-v-f1d9bb8a] {
+.primary[data-v-1aba7b21] {
   display: block;
   color: var(--ui-combobox-option-text, var(--ui-text-primary));
   font-weight: 500;
 }
-.message[data-v-f1d9bb8a], .group[data-v-f1d9bb8a] {
+.message[data-v-1aba7b21], .group[data-v-1aba7b21] {
   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-f1d9bb8a], .popup .message[data-v-f1d9bb8a] {
+.group[data-v-1aba7b21], .popup .message[data-v-1aba7b21] {
   padding: var(--ui-space-2) var(--ui-space-3);
 }
-.sr-only[data-v-f1d9bb8a] {
+.sr-only[data-v-1aba7b21] {
   position: absolute;
   inline-size: 1px;
   block-size: 1px;
@@ -915,35 +931,67 @@ input[data-v-f1d9bb8a]:disabled, button[data-v-f1d9bb8a]:disabled {
   white-space: nowrap;
 }
 @media (pointer: coarse) {
-button[data-v-f1d9bb8a] {
+button[data-v-1aba7b21] {
     min-inline-size: 2.75rem;
     min-block-size: 2.75rem;
 }
 }
 @media (forced-colors: active) {
-.field[data-v-f1d9bb8a], .popup[data-v-f1d9bb8a] {
+.field[data-v-1aba7b21], .popup[data-v-1aba7b21] {
     border-color: CanvasText;
 }
-.option.active[data-v-f1d9bb8a] {
+.option.active[data-v-1aba7b21] {
     outline-color: Highlight;
 }
 }
 
+/* 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-1aba7b21] {
+  display: flex;
+  gap: var(--ui-space-2);
+  align-items: center;
+}
+[data-component~="ui-combobox"][data-ui-combobox-state~="multiple"] .option[data-v-1aba7b21]::before {
+  content: "";
+  flex: none;
+  inline-size: 1.125rem;
+  block-size: 1.125rem;
+  border-style: solid;
+  border-width: 1px;
+  border-color: var(--ui-control-border-hover, var(--ui-border-strong));
+  border-radius: var(--ui-radius-sm);
+  background-color: var(--ui-control-surface, var(--ui-surface-default));
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 0.7rem;
+}
+[data-component~="ui-combobox"][data-ui-combobox-state~="multiple"]
+  .option[aria-selected="true"][data-v-1aba7b21]::before {
+  border-color: var(--ui-accent-solid);
+  background-color: var(--ui-accent-solid);
+  background-image: var(
+    --ui-combobox-option-check,
+    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-9'/%3E%3C/svg%3E")
+  );
+}
+
 /* Multiple mode: chips wrap before the cursor on one flexible field line. */
-[data-component~="ui-combobox"][data-ui-combobox-state~="multiple"] .field[data-v-f1d9bb8a] {
+[data-component~="ui-combobox"][data-ui-combobox-state~="multiple"] .field[data-v-1aba7b21] {
   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-f1d9bb8a] {
+[data-component~="ui-combobox"][data-ui-combobox-state~="multiple"] input[data-v-1aba7b21] {
   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-f1d9bb8a] {
+.item[data-v-1aba7b21] {
   appearance: none;
   display: inline-flex;
   min-inline-size: 0;
@@ -957,20 +1005,20 @@ button[data-v-f1d9bb8a] {
   font: inherit;
   cursor: default;
 }
-.item[data-v-f1d9bb8a]:focus-visible {
+.item[data-v-1aba7b21]:focus-visible {
   outline: 2px solid var(--ui-focus-ring);
   outline-offset: 1px;
 }
-.item[data-v-f1d9bb8a]:disabled {
+.item[data-v-1aba7b21]: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-f1d9bb8a] {
+[data-component~="ui-combobox"][hidden][data-v-1aba7b21] {
   display: none;
 }
 
-[data-component~="ui-container"][data-v-4c7bb81d] {
+[data-component~="ui-container"][data-v-89d8ad17] {
   --_container-measure: 65ch;
   --_container-gutters: var(--ui-space-4);
   display: block;
@@ -979,31 +1027,31 @@ button[data-v-f1d9bb8a] {
   margin-inline: auto;
   padding-inline: var(--ui-container-gutters, var(--_container-gutters));
 }
-[data-component~="ui-container"][data-ui-container-state~="measure=narrow"][data-v-4c7bb81d] {
+[data-component~="ui-container"][data-ui-container-state~="measure=narrow"][data-v-89d8ad17] {
   --_container-measure: 45ch;
 }
-[data-component~="ui-container"][data-ui-container-state~="measure=wide"][data-v-4c7bb81d] {
+[data-component~="ui-container"][data-ui-container-state~="measure=wide"][data-v-89d8ad17] {
   --_container-measure: 80ch;
 }
-[data-component~="ui-container"][data-ui-container-state~="gutters=s"][data-v-4c7bb81d] {
+[data-component~="ui-container"][data-ui-container-state~="gutters=s"][data-v-89d8ad17] {
   --_container-gutters: var(--ui-space-3);
 }
-[data-component~="ui-container"][data-ui-container-state~="gutters=m"][data-v-4c7bb81d] {
+[data-component~="ui-container"][data-ui-container-state~="gutters=m"][data-v-89d8ad17] {
   --_container-gutters: var(--ui-space-4);
 }
-[data-component~="ui-container"][data-ui-container-state~="gutters=l"][data-v-4c7bb81d] {
+[data-component~="ui-container"][data-ui-container-state~="gutters=l"][data-v-89d8ad17] {
   --_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-4c7bb81d] {
+[data-component~="ui-container"][hidden][data-v-89d8ad17] {
   display: none;
 }
 
-[data-component~="ui-context-menu"][data-v-39e418e5] {
+[data-component~="ui-context-menu"][data-v-607c2847] {
   display: contents;
 }
-.menu[data-v-39e418e5] {
+.menu[data-v-607c2847] {
   position: fixed;
   inset: auto;
   margin: 0;
@@ -1027,32 +1075,32 @@ button[data-v-f1d9bb8a] {
     display var(--ui-motion-fast) allow-discrete,
     overlay var(--ui-motion-fast) allow-discrete;
 }
-.menu[data-v-39e418e5]:popover-open {
+.menu[data-v-607c2847]:popover-open {
   opacity: 1;
   transform: translateY(0) scale(1);
 }
 @starting-style {
-.menu[data-v-39e418e5]:popover-open {
+.menu[data-v-607c2847]:popover-open {
     opacity: 0;
     transform: translateY(-4px) scale(0.99);
 }
 }
-.menu[hidden][data-v-39e418e5],
-.menu[popover][data-v-39e418e5]:not(:popover-open) {
+.menu[hidden][data-v-607c2847],
+.menu[popover][data-v-607c2847]:not(:popover-open) {
   display: none;
 }
 @media (prefers-reduced-motion: reduce) {
-.menu[data-v-39e418e5] {
+.menu[data-v-607c2847] {
     transition: none;
 }
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-context-menu"][hidden][data-v-39e418e5] {
+[data-component~="ui-context-menu"][hidden][data-v-607c2847] {
   display: none;
 }
 
-[data-component~="ui-dialog"][data-v-05ac1756] {
+[data-component~="ui-dialog"][data-v-cac753c9] {
   position: fixed;
   inset: 0;
   box-sizing: border-box;
@@ -1081,17 +1129,17 @@ button[data-v-f1d9bb8a] {
     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-05ac1756] {
+[data-component~="ui-dialog"][open][data-v-cac753c9] {
   display: flex;
   visibility: visible;
   pointer-events: auto;
   opacity: 1;
   transform: scale(1);
-  animation: ui-dialog-enter-05ac1756 var(--ui-dialog-duration, var(--ui-motion-base)) var(--ui-motion-ease);
+  animation: ui-dialog-enter-cac753c9 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-05ac1756] {
+header[data-v-cac753c9] {
   display: flex;
   align-items: center;
   gap: var(--ui-space-3);
@@ -1101,7 +1149,7 @@ header[data-v-05ac1756] {
 }
 
 /* :host-qualified so page heading rules that reach in cannot outrank the dialog chrome. */
-[data-component~="ui-dialog"] .title[data-v-05ac1756] {
+[data-component~="ui-dialog"] .title[data-v-cac753c9] {
   flex: 1;
   min-inline-size: 0;
   margin: 0;
@@ -1113,7 +1161,7 @@ header[data-v-05ac1756] {
   font-weight: var(--ui-font-semibold);
   line-height: var(--ui-line-height-tight);
 }
-.close[data-v-05ac1756] {
+.close[data-v-cac753c9] {
   display: inline-grid;
   place-items: center;
   flex: none;
@@ -1132,8 +1180,8 @@ header[data-v-05ac1756] {
 }
 
 /* A CSS-drawn X. */
-.close[data-v-05ac1756]::before,
-.close[data-v-05ac1756]::after {
+.close[data-v-cac753c9]::before,
+.close[data-v-cac753c9]::after {
   content: "";
   grid-area: 1 / 1;
   inline-size: 0.875rem;
@@ -1142,37 +1190,37 @@ header[data-v-05ac1756] {
   background: currentColor;
   transform: rotate(45deg);
 }
-.close[data-v-05ac1756]::after {
+.close[data-v-cac753c9]::after {
   transform: rotate(-45deg);
 }
-.close[data-v-05ac1756]:hover {
+.close[data-v-cac753c9]:hover {
   background: var(--ui-surface-muted);
   color: var(--ui-text-primary);
 }
-.close[data-v-05ac1756]:focus-visible {
+.close[data-v-cac753c9]: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-05ac1756] {
+.close[data-v-cac753c9] {
     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-05ac1756] {
+html[data-ui-input-modality="touch"] [data-component~="ui-dialog"] .close[data-v-cac753c9] {
   inline-size: var(--ui-control-min-block-size);
   block-size: var(--ui-control-min-block-size);
 }
-.body[data-v-05ac1756] {
+.body[data-v-cac753c9] {
   flex: 1 1 auto;
   min-block-size: 0;
   overflow: auto;
   overscroll-behavior: contain;
   padding: var(--ui-space-5);
 }
-footer[data-v-05ac1756] {
+footer[data-v-cac753c9] {
   display: flex;
   flex: none;
   flex-wrap: wrap;
@@ -1181,40 +1229,40 @@ footer[data-v-05ac1756] {
   padding: var(--ui-space-3) var(--ui-space-5);
   border-block-start: 1px solid var(--ui-border-default);
 }
-footer[data-v-05ac1756]:empty {
+footer[data-v-cac753c9]:empty {
   display: none;
 }
-@keyframes ui-dialog-enter-05ac1756 {
+@keyframes ui-dialog-enter-cac753c9 {
 from {
     opacity: 0;
     transform: scale(0.96);
 }
 }
-[data-component~="ui-dialog"][data-v-05ac1756]::backdrop {
+[data-component~="ui-dialog"][data-v-cac753c9]::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-05ac1756]::backdrop {
+[data-component~="ui-dialog"][open][data-v-cac753c9]::backdrop {
   background-color: var(--ui-overlay-backdrop);
-  animation: ui-dialog-backdrop-enter-05ac1756 var(--ui-dialog-duration, var(--ui-motion-base))
+  animation: ui-dialog-backdrop-enter-cac753c9 var(--ui-dialog-duration, var(--ui-motion-base))
     var(--ui-motion-ease);
 }
-@keyframes ui-dialog-backdrop-enter-05ac1756 {
+@keyframes ui-dialog-backdrop-enter-cac753c9 {
 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-d9a330a8] {
+[data-component~="ui-disclosure"][data-v-20cbcb83] {
   --_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-d9a330a8] {
+[data-component~="ui-disclosure"][data-ui-disclosure-state~="density=compact"][data-v-20cbcb83] {
   --_trigger-min-block-size: var(--ui-control-size-sm);
   --_trigger-padding-block: var(--ui-space-1);
   --_trigger-padding-inline: var(--ui-space-2);
@@ -1222,14 +1270,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-d9a330a8] {
+[data-component~="ui-disclosure"][data-v-20cbcb83] {
   display: block;
   inline-size: 100%;
   overflow: clip;
   border-block-end: 1px solid var(--ui-border-default);
   color: var(--ui-text-primary);
 }
-.trigger[data-v-d9a330a8] {
+.trigger[data-v-20cbcb83] {
   display: grid;
   grid-template-columns: minmax(0, 1fr) auto;
   gap: var(--ui-space-3);
@@ -1248,18 +1296,18 @@ from {
   border-radius: var(--ui-radius-sm);
   transition: background-color var(--ui-motion-fast) var(--ui-motion-ease);
 }
-.trigger[data-v-d9a330a8]:hover:not(:disabled) {
+.trigger[data-v-20cbcb83]:hover:not(:disabled) {
   background: var(--ui-surface-muted);
 }
-.trigger[data-v-d9a330a8]:focus-visible {
+.trigger[data-v-20cbcb83]:focus-visible {
   outline: none;
   box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--ui-focus-ring) 45%, transparent);
 }
-.trigger[data-v-d9a330a8]:disabled {
+.trigger[data-v-20cbcb83]:disabled {
   color: var(--ui-text-muted);
   cursor: not-allowed;
 }
-.chevron[data-v-d9a330a8] {
+.chevron[data-v-20cbcb83] {
   inline-size: 0.5rem;
   block-size: 0.5rem;
   border-inline-end: 2px solid currentColor;
@@ -1267,39 +1315,39 @@ from {
   transform: rotate(45deg) translate(-1px, -1px);
   transition: transform var(--ui-motion-fast) var(--ui-motion-ease);
 }
-.panel[data-v-d9a330a8] {
+.panel[data-v-20cbcb83] {
   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-d9a330a8] {
+.panel-inner[data-v-20cbcb83] {
   min-block-size: 0;
   overflow: hidden;
   padding-inline: var(--ui-space-3);
 }
-[data-component~="ui-disclosure"][data-ui-disclosure-state~="internalOpen"] .panel[data-v-d9a330a8] {
+[data-component~="ui-disclosure"][data-ui-disclosure-state~="internalOpen"] .panel[data-v-20cbcb83] {
   grid-template-rows: 1fr;
 }
-[data-component~="ui-disclosure"][data-ui-disclosure-state~="internalOpen"] .panel-inner[data-v-d9a330a8] {
+[data-component~="ui-disclosure"][data-ui-disclosure-state~="internalOpen"] .panel-inner[data-v-20cbcb83] {
   padding-block: 0 var(--ui-space-3);
 }
-[data-component~="ui-disclosure"][data-ui-disclosure-state~="internalOpen"] .chevron[data-v-d9a330a8] {
+[data-component~="ui-disclosure"][data-ui-disclosure-state~="internalOpen"] .chevron[data-v-20cbcb83] {
   transform: rotate(225deg) translate(-1px, -1px);
 }
 @media (prefers-reduced-motion: reduce) {
-.panel[data-v-d9a330a8],
-  .chevron[data-v-d9a330a8] {
+.panel[data-v-20cbcb83],
+  .chevron[data-v-20cbcb83] {
     transition: none;
 }
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-disclosure"][hidden][data-v-d9a330a8] {
+[data-component~="ui-disclosure"][hidden][data-v-20cbcb83] {
   display: none;
 }
 
-[data-component~="ui-editable"][data-v-3707d050] {
+[data-component~="ui-editable"][data-v-c1b523c6] {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
@@ -1310,13 +1358,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-3707d050] {
+.field[data-v-c1b523c6] {
   display: inline-grid;
   min-inline-size: 8rem;
   max-inline-size: 100%;
 }
-.preview[data-v-3707d050],
-.input[data-v-3707d050] {
+.preview[data-v-c1b523c6],
+.input[data-v-c1b523c6] {
   grid-area: 1 / 1;
   box-sizing: border-box;
   min-block-size: var(--ui-control-size-sm);
@@ -1332,7 +1380,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-3707d050] {
+.preview[data-v-c1b523c6] {
   display: inline-flex;
   gap: var(--ui-space-2);
   align-items: center;
@@ -1340,50 +1388,50 @@ from {
   text-align: start;
   cursor: pointer;
 }
-.preview[data-v-3707d050]:hover:not(:disabled) {
+.preview[data-v-c1b523c6]:hover:not(:disabled) {
   background: var(--ui-surface-muted);
 }
-.preview[data-v-3707d050]:focus-visible {
+.preview[data-v-c1b523c6]:focus-visible {
   outline: none;
   box-shadow: var(--ui-focus-halo);
 }
-.hint[data-v-3707d050] {
+.hint[data-v-c1b523c6] {
   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-3707d050] {
+.input[data-v-c1b523c6] {
   contain: inline-size;
   inline-size: 100%;
   min-inline-size: 0;
   visibility: hidden;
   background: var(--ui-control-surface, var(--ui-surface-elevated));
 }
-.input[data-v-3707d050]:focus {
+.input[data-v-c1b523c6]: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-3707d050]::selection {
+.input[data-v-c1b523c6]::selection {
   background: color-mix(in srgb, var(--ui-accent-solid) 20%, transparent);
 }
-[data-component~="ui-editable"][data-ui-editable-state~="internalEdit"] .preview[data-v-3707d050] {
+[data-component~="ui-editable"][data-ui-editable-state~="internalEdit"] .preview[data-v-c1b523c6] {
   visibility: hidden;
 }
-[data-component~="ui-editable"][data-ui-editable-state~="internalEdit"] .input[data-v-3707d050] {
+[data-component~="ui-editable"][data-ui-editable-state~="internalEdit"] .input[data-v-c1b523c6] {
   visibility: visible;
 }
-.actions[data-v-3707d050] {
+.actions[data-v-c1b523c6] {
   display: none;
   gap: var(--ui-space-1);
 }
-[data-component~="ui-editable"][data-ui-editable-state~="internalEdit"] .actions[data-v-3707d050] {
+[data-component~="ui-editable"][data-ui-editable-state~="internalEdit"] .actions[data-v-c1b523c6] {
   display: inline-flex;
 }
-.actions button[data-v-3707d050] {
+.actions button[data-v-c1b523c6] {
   min-block-size: var(--ui-control-size-sm);
   padding: 0 var(--ui-space-3);
   border: 1px solid var(--ui-border-strong);
@@ -1396,45 +1444,45 @@ from {
   font-size: var(--ui-font-size-sm);
   cursor: pointer;
 }
-.actions .save[data-v-3707d050] {
+.actions .save[data-v-c1b523c6] {
   border-color: var(--ui-accent-solid);
   background: var(--ui-accent-solid);
   color: var(--ui-text-on-accent);
 }
-.actions button[data-v-3707d050]:focus-visible {
+.actions button[data-v-c1b523c6]:focus-visible {
   outline: none;
   box-shadow: var(--ui-focus-halo);
 }
-[data-component~="ui-editable"][data-ui-editable-state~="disabled"] .preview[data-v-3707d050] {
+[data-component~="ui-editable"][data-ui-editable-state~="disabled"] .preview[data-v-c1b523c6] {
   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-3707d050] {
+[data-component~="ui-editable"][hidden][data-v-c1b523c6] {
   display: none;
 }
 
-[data-component~="ui-editor-insert-table-grid"][data-v-00e6602a] {
+[data-component~="ui-editor-insert-table-grid"][data-v-7b1e476f] {
   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-00e6602a] {
+.hint[data-v-7b1e476f] {
   margin: 0 0 var(--ui-space-2);
   font-size: var(--ui-font-size-sm);
   color: var(--ui-text-muted);
 }
-.grid[data-v-00e6602a] {
+.grid[data-v-7b1e476f] {
   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-00e6602a] {
+.cell[data-v-7b1e476f] {
   width: 1.25rem;
   height: 1.25rem;
   padding: 0;
@@ -1443,17 +1491,17 @@ from {
   background: var(--ui-surface);
   cursor: pointer;
 }
-.cell.selected[data-v-00e6602a] {
+.cell.selected[data-v-7b1e476f] {
   background: var(--ui-accent-solid, var(--ui-accent));
   border-color: var(--ui-accent-solid, var(--ui-accent));
 }
-.header[data-v-00e6602a] {
+.header[data-v-7b1e476f] {
   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-00e6602a] {
+[data-component~="ui-editor-insert-table-grid"] .insert[data-v-7b1e476f] {
   width: 100%;
   padding: var(--ui-space-2) var(--ui-space-3);
   border: 1px solid var(--ui-border);
@@ -1463,17 +1511,17 @@ from {
   font-size: var(--ui-font-size-sm);
   cursor: pointer;
 }
-[data-component~="ui-editor-insert-table-grid"] .insert[data-v-00e6602a]:hover {
+[data-component~="ui-editor-insert-table-grid"] .insert[data-v-7b1e476f]:hover {
   filter: brightness(1.05);
 }
-[data-component~="ui-editor-insert-table-grid"][hidden][data-v-00e6602a] {
+[data-component~="ui-editor-insert-table-grid"][hidden][data-v-7b1e476f] {
   display: none;
 }
 
-[data-component~="ui-editor-mention-menu"][data-v-2abe407e] {
+[data-component~="ui-editor-mention-menu"][data-v-78edc5f6] {
   user-select: none;
 }
-[data-component~="ui-editor-mention-menu"][data-v-2abe407e] {
+[data-component~="ui-editor-mention-menu"][data-v-78edc5f6] {
   display: flex;
   overflow: hidden;
   flex-direction: column;
@@ -1482,7 +1530,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-2abe407e] {
+.header[data-v-78edc5f6] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1493,14 +1541,14 @@ from {
   font-size: var(--ui-font-size-xs);
   font-weight: var(--ui-font-semibold);
 }
-.hint[data-v-2abe407e] {
+.hint[data-v-78edc5f6] {
   overflow: hidden;
   color: var(--ui-text-muted);
   font-weight: var(--ui-font-normal);
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.list[data-v-2abe407e] {
+.list[data-v-78edc5f6] {
   max-height: 280px;
   padding: var(--ui-space-1) 0;
   margin: 0;
@@ -1508,7 +1556,7 @@ from {
   overscroll-behavior: contain;
   list-style: none;
 }
-.item[data-v-2abe407e] {
+.item[data-v-78edc5f6] {
   display: flex;
   align-items: center;
   min-height: 44px;
@@ -1516,10 +1564,10 @@ from {
   gap: var(--ui-space-3);
   cursor: pointer;
 }
-.item.active[data-v-2abe407e] {
+.item.active[data-v-78edc5f6] {
   background: var(--ui-accent-subtle, rgb(59 130 246 / 0.1));
 }
-.avatar[data-v-2abe407e] {
+.avatar[data-v-78edc5f6] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1532,65 +1580,65 @@ from {
   font-size: var(--ui-font-size-xs);
   font-weight: var(--ui-font-semibold);
 }
-.body[data-v-2abe407e] {
+.body[data-v-78edc5f6] {
   display: flex;
   min-width: 0;
   flex-direction: column;
 }
-.label[data-v-2abe407e],
-.detail[data-v-2abe407e] {
+.label[data-v-78edc5f6],
+.detail[data-v-78edc5f6] {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.label[data-v-2abe407e] {
+.label[data-v-78edc5f6] {
   color: var(--ui-text-primary);
   font-size: var(--ui-font-size-sm);
   font-weight: var(--ui-font-medium);
 }
-.detail[data-v-2abe407e],
-.loading[data-v-2abe407e] {
+.detail[data-v-78edc5f6],
+.loading[data-v-78edc5f6] {
   color: var(--ui-text-muted);
   font-size: var(--ui-font-size-xs);
 }
-.loading[data-v-2abe407e] {
+.loading[data-v-78edc5f6] {
   min-height: 44px;
   padding: var(--ui-space-3);
 }
 @media (max-width: 767px) {
-[data-component~="ui-editor-mention-menu"][data-v-2abe407e] {
+[data-component~="ui-editor-mention-menu"][data-v-78edc5f6] {
     border-bottom: 0;
     border-radius: var(--ui-radius-dialog) var(--ui-radius-dialog) 0 0;
 }
-.list[data-v-2abe407e] {
+.list[data-v-78edc5f6] {
     max-height: calc(60dvh - 48px);
 }
 }
-[data-component~="ui-editor-mention-menu"][hidden][data-v-2abe407e] {
+[data-component~="ui-editor-mention-menu"][hidden][data-v-78edc5f6] {
   display: none;
 }
 
-[data-component~="ui-icon"][data-v-b2b50d17] {
+[data-component~="ui-icon"][data-v-7b1048a0] {
   display: inline-flex;
   flex: none;
   inline-size: var(--ui-icon-size, 1em);
   block-size: var(--ui-icon-size, 1em);
 }
-svg[data-v-b2b50d17] {
+svg[data-v-7b1048a0] {
   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-b2b50d17] {
+[data-component~="ui-icon"][hidden][data-v-7b1048a0] {
   display: none;
 }
 
-[data-component~="ui-editor-slash-menu"][data-v-aeee1d4f] {
+[data-component~="ui-editor-slash-menu"][data-v-346835f7] {
   user-select: none;
 }
-[data-component~="ui-editor-slash-menu"][data-v-aeee1d4f] {
+[data-component~="ui-editor-slash-menu"][data-v-346835f7] {
   background: var(--ui-surface);
   border: 1px solid var(--ui-border);
   border-radius: var(--ui-radius-dialog);
@@ -1600,12 +1648,12 @@ svg[data-v-b2b50d17] {
   flex-direction: column;
 }
 @media (max-width: 767px) {
-[data-component~="ui-editor-slash-menu"][data-v-aeee1d4f] {
+[data-component~="ui-editor-slash-menu"][data-v-346835f7] {
     border-radius: var(--ui-radius-dialog) var(--ui-radius-dialog) 0 0;
     border-bottom: none;
 }
 }
-.header[data-v-aeee1d4f] {
+.header[data-v-346835f7] {
   display: none;
   align-items: center;
   gap: var(--ui-space-2);
@@ -1618,11 +1666,11 @@ svg[data-v-b2b50d17] {
   letter-spacing: 0.05em;
 }
 @media (max-width: 767px) {
-.header[data-v-aeee1d4f] {
+.header[data-v-346835f7] {
     display: flex;
 }
 }
-.header-query[data-v-aeee1d4f] {
+.header-query[data-v-346835f7] {
   background: var(--ui-surface-hover);
   border-radius: var(--ui-radius-sm);
   padding: 0.1em 0.4em;
@@ -1632,7 +1680,7 @@ svg[data-v-b2b50d17] {
   text-transform: none;
   letter-spacing: 0;
 }
-.list[data-v-aeee1d4f] {
+.list[data-v-346835f7] {
   list-style: none;
   margin: 0;
   padding: var(--ui-space-1) 0;
@@ -1641,12 +1689,12 @@ svg[data-v-b2b50d17] {
   overscroll-behavior: contain;
 }
 @media (max-width: 767px) {
-.list[data-v-aeee1d4f] {
+.list[data-v-346835f7] {
     max-height: calc(60dvh - 80px);
     padding: var(--ui-space-1) 0 var(--ui-space-2);
 }
 }
-.item[data-v-aeee1d4f] {
+.item[data-v-346835f7] {
   display: flex;
   align-items: center;
   gap: var(--ui-space-3);
@@ -1655,10 +1703,10 @@ svg[data-v-b2b50d17] {
   cursor: pointer;
   transition: background-color 120ms ease;
 }
-.item.active[data-v-aeee1d4f] {
+.item.active[data-v-346835f7] {
   background: var(--ui-accent-subtle, rgb(59 130 246 / 0.1));
 }
-.icon[data-v-aeee1d4f] {
+.icon[data-v-346835f7] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1674,22 +1722,22 @@ svg[data-v-b2b50d17] {
   flex-shrink: 0;
   line-height: 1;
 }
-.item.active .icon[data-v-aeee1d4f] {
+.item.active .icon[data-v-346835f7] {
   background: var(--ui-accent);
   border-color: var(--ui-accent);
   color: var(--ui-accent-contrast);
 }
-.icon[data-v-aeee1d4f] {
+.icon[data-v-346835f7] {
   --ui-icon-size: 1rem;
   --ui-icon-stroke-width: var(--ui-editor-toolbar-icon-stroke-width, 1.75);
 }
-.body[data-v-aeee1d4f] {
+.body[data-v-346835f7] {
   display: flex;
   min-width: 0;
   flex-direction: column;
   gap: 1px;
 }
-.title[data-v-aeee1d4f] {
+.title[data-v-346835f7] {
   font-size: var(--ui-font-size-sm);
   font-weight: var(--ui-font-medium);
   color: var(--ui-text);
@@ -1697,14 +1745,14 @@ svg[data-v-b2b50d17] {
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.description[data-v-aeee1d4f] {
+.description[data-v-346835f7] {
   font-size: var(--ui-font-size-xs);
   color: var(--ui-text-muted);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.footer[data-v-aeee1d4f] {
+.footer[data-v-346835f7] {
   display: none;
   padding: var(--ui-space-2) var(--ui-space-3);
   border-top: 1px solid var(--ui-border);
@@ -1712,11 +1760,11 @@ svg[data-v-b2b50d17] {
   color: var(--ui-text-muted);
 }
 @media (min-width: 768px) {
-.footer[data-v-aeee1d4f] {
+.footer[data-v-346835f7] {
     display: block;
 }
 }
-[data-component~="ui-editor-slash-menu"] kbd[data-v-aeee1d4f] {
+[data-component~="ui-editor-slash-menu"] kbd[data-v-346835f7] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1728,11 +1776,11 @@ svg[data-v-b2b50d17] {
   padding: 0 3px;
   color: var(--ui-text-secondary);
 }
-[data-component~="ui-editor-slash-menu"][hidden][data-v-aeee1d4f] {
+[data-component~="ui-editor-slash-menu"][hidden][data-v-346835f7] {
   display: none;
 }
 
-[data-component~="ui-editor-table-context-menu"][data-v-9cbdf038] {
+[data-component~="ui-editor-table-context-menu"][data-v-a938b94a] {
   min-width: 14rem;
   max-width: min(17rem, calc(100vw - 24px));
   max-height: min(28rem, calc(100vh - 24px));
@@ -1748,12 +1796,12 @@ svg[data-v-b2b50d17] {
   overscroll-behavior: contain;
   scrollbar-width: thin;
 }
-.section[data-v-9cbdf038] {
+.section[data-v-a938b94a] {
   display: flex;
   flex-direction: column;
   gap: 3px;
 }
-[data-component~="ui-editor-table-context-menu"] button[data-v-9cbdf038] {
+[data-component~="ui-editor-table-context-menu"] button[data-v-a938b94a] {
   display: flex;
   align-items: center;
   gap: var(--ui-space-2);
@@ -1768,30 +1816,30 @@ svg[data-v-b2b50d17] {
   cursor: pointer;
   color: var(--ui-text);
 }
-[data-component~="ui-editor-table-context-menu"] button[data-v-9cbdf038] {
+[data-component~="ui-editor-table-context-menu"] button[data-v-a938b94a] {
   --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-9cbdf038]:hover:not(:disabled) {
+[data-component~="ui-editor-table-context-menu"] button[data-v-a938b94a]:hover:not(:disabled) {
   background: var(--ui-surface-hover);
 }
-[data-component~="ui-editor-table-context-menu"] button.selected[data-v-9cbdf038] {
+[data-component~="ui-editor-table-context-menu"] button.selected[data-v-a938b94a] {
   background: var(--ui-accent-subtle, rgb(59 130 246 / 0.1));
 }
-[data-component~="ui-editor-table-context-menu"] button.danger[data-v-9cbdf038] {
+[data-component~="ui-editor-table-context-menu"] button.danger[data-v-a938b94a] {
   color: var(--ui-danger);
 }
-.swatches[data-v-9cbdf038] {
+.swatches[data-v-a938b94a] {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 3px;
 }
-.swatch-button[data-v-9cbdf038] {
+.swatch-button[data-v-a938b94a] {
   display: inline-flex;
   align-items: center;
   gap: var(--ui-space-2);
 }
-.swatch[data-v-9cbdf038] {
+.swatch[data-v-a938b94a] {
   display: inline-flex;
   width: 1rem;
   height: 1rem;
@@ -1801,7 +1849,7 @@ svg[data-v-b2b50d17] {
   box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.35);
   flex-shrink: 0;
 }
-.swatch.default[data-v-9cbdf038] {
+.swatch.default[data-v-a938b94a] {
   position: relative;
   background:
     linear-gradient(
@@ -1813,11 +1861,11 @@ svg[data-v-b2b50d17] {
     ),
     var(--ui-surface);
 }
-.swatch-label[data-v-9cbdf038] {
+.swatch-label[data-v-a938b94a] {
   min-width: 0;
   white-space: nowrap;
 }
-.heading[data-v-9cbdf038] {
+.heading[data-v-a938b94a] {
   padding: var(--ui-space-1) var(--ui-space-2);
   font-size: 0.6875rem;
   font-weight: 700;
@@ -1825,48 +1873,48 @@ svg[data-v-b2b50d17] {
   text-transform: uppercase;
   color: var(--ui-text-muted);
 }
-.sep[data-v-9cbdf038] {
+.sep[data-v-a938b94a] {
   height: 1px;
   background: var(--ui-border);
   margin: var(--ui-space-1) 0;
 }
-[data-component~="ui-editor-table-context-menu"][hidden][data-v-9cbdf038] {
+[data-component~="ui-editor-table-context-menu"][hidden][data-v-a938b94a] {
   display: none;
 }
 
-[data-component~="ui-editor-table-overlay"][data-v-d5963c35] {
+[data-component~="ui-editor-table-overlay"][data-v-61a70a30] {
   display: block;
   width: 100%;
   height: 100%;
   overflow: visible;
   pointer-events: none;
 }
-[data-component~="ui-editor-table-overlay"][data-v-d5963c35] {
+[data-component~="ui-editor-table-overlay"][data-v-61a70a30] {
   position: relative;
   width: 100%;
   height: 100%;
   overflow: visible;
   pointer-events: none;
 }
-.rows[data-v-d5963c35],
-.cols[data-v-d5963c35] {
+.rows[data-v-61a70a30],
+.cols[data-v-61a70a30] {
   pointer-events: none;
   position: absolute;
 }
-.rows[data-v-d5963c35] {
+.rows[data-v-61a70a30] {
   inset: 0;
   width: 100%;
 }
-.cols[data-v-d5963c35] {
+.cols[data-v-61a70a30] {
   inset: 0;
   height: 100%;
 }
-.control[data-v-d5963c35] {
+.control[data-v-61a70a30] {
   position: absolute;
   z-index: 1;
   pointer-events: none;
 }
-.handle[data-v-d5963c35] {
+.handle[data-v-61a70a30] {
   position: absolute;
   display: inline-flex;
   align-items: center;
@@ -1893,65 +1941,65 @@ svg[data-v-b2b50d17] {
   pointer-events: auto;
   cursor: pointer;
 }
-.handle[data-v-d5963c35] {
+.handle[data-v-61a70a30] {
   --ui-icon-size: 14px;
   --ui-icon-stroke-width: 2;
 }
-.handle[data-ui-proximity="near"][data-v-d5963c35],
-.control.active .handle[data-v-d5963c35],
-.handle[data-v-d5963c35]:focus-visible {
+.handle[data-ui-proximity="near"][data-v-61a70a30],
+.control.active .handle[data-v-61a70a30],
+.handle[data-v-61a70a30]:focus-visible {
   opacity: 1;
   scale: 1;
 }
-.control.active .handle[data-v-d5963c35],
-.handle[data-v-d5963c35]:focus-visible {
+.control.active .handle[data-v-61a70a30],
+.handle[data-v-61a70a30]: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-d5963c35]:focus-visible,
-.selector[data-v-d5963c35]:focus-visible,
-.cell-menu[data-v-d5963c35]:focus-visible {
+.handle[data-v-61a70a30]:focus-visible,
+.selector[data-v-61a70a30]:focus-visible,
+.cell-menu[data-v-61a70a30]:focus-visible {
   outline: 2px solid var(--ui-focus-ring);
   outline-offset: 2px;
 }
-.control.row[data-v-d5963c35] {
+.control.row[data-v-61a70a30] {
   left: 0;
   width: 100%;
   height: 0;
 }
-.control.row .handle[data-v-d5963c35] {
+.control.row .handle[data-v-61a70a30] {
   top: -12px;
   left: -30px;
 }
-.control.col[data-v-d5963c35] {
+.control.col[data-v-61a70a30] {
   top: 0;
   width: 0;
   height: 100%;
 }
-.control.col .handle[data-v-d5963c35] {
+.control.col .handle[data-v-61a70a30] {
   top: -30px;
   left: -12px;
 }
-.line[data-v-d5963c35] {
+.line[data-v-61a70a30] {
   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-d5963c35] {
+.control.row .line[data-v-61a70a30] {
   inset: -1px 0 auto;
   height: 2px;
 }
-.control.col .line[data-v-d5963c35] {
+.control.col .line[data-v-61a70a30] {
   inset: 0 auto 0 -1px;
   width: 2px;
 }
-.control.active .line[data-v-d5963c35] {
+.control.active .line[data-v-61a70a30] {
   opacity: 0.8;
 }
-.guide[data-v-d5963c35] {
+.guide[data-v-61a70a30] {
   position: absolute;
   width: var(--ui-affordance-guide-size);
   height: var(--ui-affordance-guide-size);
@@ -1960,19 +2008,19 @@ svg[data-v-b2b50d17] {
   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-d5963c35] {
+.control.row .guide[data-v-61a70a30] {
   left: -10px;
   top: -2px;
 }
-.control.col .guide[data-v-d5963c35] {
+.control.col .guide[data-v-61a70a30] {
   left: -2px;
   top: -10px;
 }
-.control:has(.handle[data-ui-proximity="near"]) .guide[data-v-d5963c35],
-.control.active .guide[data-v-d5963c35] {
+.control:has(.handle[data-ui-proximity="near"]) .guide[data-v-61a70a30],
+.control.active .guide[data-v-61a70a30] {
   opacity: 0;
 }
-.tooltip[data-v-d5963c35] {
+.tooltip[data-v-61a70a30] {
   position: absolute;
   z-index: 2;
   top: calc(100% + 6px);
@@ -1991,18 +2039,18 @@ svg[data-v-b2b50d17] {
   transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
   pointer-events: none;
 }
-.control.row .tooltip[data-v-d5963c35] {
+.control.row .tooltip[data-v-61a70a30] {
   top: 50%;
   left: auto;
   right: calc(100% + 8px);
   transform: translateY(-50%);
 }
-.control.active .tooltip[data-v-d5963c35],
-.handle:focus-visible .tooltip[data-v-d5963c35] {
+.control.active .tooltip[data-v-61a70a30],
+.handle:focus-visible .tooltip[data-v-61a70a30] {
   opacity: 1;
 }
-.selector[data-v-d5963c35],
-.cell-menu[data-v-d5963c35] {
+.selector[data-v-61a70a30],
+.cell-menu[data-v-61a70a30] {
   position: absolute;
   z-index: 2;
   display: inline-flex;
@@ -2021,16 +2069,16 @@ svg[data-v-b2b50d17] {
     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-d5963c35]:hover,
-.cell-menu[data-v-d5963c35]:hover {
+.selector[data-v-61a70a30]:hover,
+.cell-menu[data-v-61a70a30]: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-d5963c35] {
+.selector[data-v-61a70a30] {
   border-radius: var(--ui-radius-round);
 }
-.selector[data-v-d5963c35]::before {
+.selector[data-v-61a70a30]::before {
   content: "";
   position: absolute;
   inset: 50% auto auto 50%;
@@ -2041,7 +2089,7 @@ svg[data-v-b2b50d17] {
   transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
   pointer-events: none;
 }
-.selector .glyph[data-v-d5963c35] {
+.selector .glyph[data-v-61a70a30] {
   display: block;
   width: 14px;
   height: 14px;
@@ -2053,59 +2101,59 @@ svg[data-v-b2b50d17] {
     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-d5963c35]:hover::before,
-.selector[data-v-d5963c35]:focus-visible::before {
+.selector[data-v-61a70a30]:hover::before,
+.selector[data-v-61a70a30]:focus-visible::before {
   opacity: 0;
 }
-.selector:hover .glyph[data-v-d5963c35],
-.selector:focus-visible .glyph[data-v-d5963c35] {
+.selector:hover .glyph[data-v-61a70a30],
+.selector:focus-visible .glyph[data-v-61a70a30] {
   opacity: 1;
   transform: scale(1);
 }
-.selector.row[data-v-d5963c35] {
+.selector.row[data-v-61a70a30] {
   left: -9px;
   width: 18px;
   height: 32px;
   transform: translateY(-50%);
 }
-.selector.row[data-v-d5963c35]::before {
+.selector.row[data-v-61a70a30]::before {
   width: 2px;
   height: 16px;
 }
-.selector.column[data-v-d5963c35] {
+.selector.column[data-v-61a70a30] {
   top: -9px;
   width: 32px;
   height: 18px;
   transform: translateX(-50%);
 }
-.selector.column[data-v-d5963c35]::before {
+.selector.column[data-v-61a70a30]::before {
   width: 16px;
   height: 2px;
 }
 @media (hover: none), (pointer: coarse) {
-.selector[data-v-d5963c35]::before {
+.selector[data-v-61a70a30]::before {
     opacity: 0;
 }
-.selector .glyph[data-v-d5963c35] {
+.selector .glyph[data-v-61a70a30] {
     opacity: 1;
     transform: none;
 }
 }
-.cell-menu[data-v-d5963c35] {
+.cell-menu[data-v-61a70a30] {
   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-d5963c35] {
+.cell-menu[data-v-61a70a30] {
   --ui-icon-size: 15px;
   --ui-icon-stroke-width: 2;
 }
-[data-component~="ui-editor-table-overlay"][hidden][data-v-d5963c35] {
+[data-component~="ui-editor-table-overlay"][hidden][data-v-61a70a30] {
   display: none;
 }
 
-.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"][data-v-1066cfb2] {
+.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"][data-v-31b70e7c] {
   min-width: max-content;
   min-height: 100%;
   padding: 0;
@@ -2115,15 +2163,15 @@ svg[data-v-b2b50d17] {
   box-shadow: none;
   backdrop-filter: none;
 }
-.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] button[data-v-1066cfb2] {
+.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] button[data-v-31b70e7c] {
   min-height: 44px;
   background: transparent;
 }
-.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] button.active[data-v-1066cfb2],
-.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] button.selected[data-v-1066cfb2] {
+.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] button.active[data-v-31b70e7c],
+.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] button.selected[data-v-31b70e7c] {
   background: var(--ui-accent-soft, var(--ui-accent-subtle));
 }
-.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] .menu[data-v-1066cfb2] {
+.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] .menu[data-v-31b70e7c] {
   top: auto;
   right: 0;
   bottom: calc(100% + var(--ui-space-2));
@@ -2131,7 +2179,7 @@ svg[data-v-b2b50d17] {
   overflow-y: auto;
   overscroll-behavior: contain;
 }
-[data-component~="ui-editor-table-toolbar"][data-v-1066cfb2] {
+[data-component~="ui-editor-table-toolbar"][data-v-31b70e7c] {
   display: inline-flex;
   align-items: center;
   gap: var(--ui-space-1);
@@ -2142,21 +2190,21 @@ svg[data-v-b2b50d17] {
   box-shadow: var(--ui-shadow-lg, 0 10px 15px -3px rgb(0 0 0 / 0.1));
   backdrop-filter: blur(10px);
 }
-.group[data-v-1066cfb2] {
+.group[data-v-31b70e7c] {
   display: inline-flex;
   align-items: center;
   gap: 2px;
   overflow: hidden;
 }
-.sep[data-v-1066cfb2] {
+.sep[data-v-31b70e7c] {
   width: 1px;
   align-self: stretch;
   background: var(--ui-border);
 }
-.overflow[data-v-1066cfb2] {
+.overflow[data-v-31b70e7c] {
   position: relative;
 }
-[data-component~="ui-editor-table-toolbar"] button[data-v-1066cfb2] {
+[data-component~="ui-editor-table-toolbar"] button[data-v-31b70e7c] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -2173,39 +2221,39 @@ svg[data-v-b2b50d17] {
   padding: var(--ui-space-2) var(--ui-space-2);
   white-space: nowrap;
 }
-[data-component~="ui-editor-table-toolbar"] button[data-v-1066cfb2]:hover {
+[data-component~="ui-editor-table-toolbar"] button[data-v-31b70e7c]:hover {
   background: var(--ui-surface-hover);
 }
-[data-component~="ui-editor-table-toolbar"] button.active[data-v-1066cfb2] {
+[data-component~="ui-editor-table-toolbar"] button.active[data-v-31b70e7c] {
   background: var(--ui-accent-soft, var(--ui-accent-subtle));
   color: var(--ui-accent-active);
 }
-.group button[data-v-1066cfb2] {
+.group button[data-v-31b70e7c] {
   border-radius: var(--ui-radius-sm);
 }
-.group button + button[data-v-1066cfb2] {
+.group button + button[data-v-31b70e7c] {
   border-left: 0;
 }
-[data-component~="ui-editor-table-toolbar"] .more[data-v-1066cfb2] {
+[data-component~="ui-editor-table-toolbar"] .more[data-v-31b70e7c] {
   border: 0;
   border-radius: var(--ui-radius-sm);
 }
-[data-component~="ui-editor-table-toolbar"] button.danger[data-v-1066cfb2] {
+[data-component~="ui-editor-table-toolbar"] button.danger[data-v-31b70e7c] {
   color: var(--ui-danger);
 }
-[data-component~="ui-editor-table-toolbar"][data-v-1066cfb2] {
+[data-component~="ui-editor-table-toolbar"][data-v-31b70e7c] {
   --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-1066cfb2] {
+.chevron[data-v-31b70e7c] {
   display: inline-flex;
   --ui-icon-size: 0.875rem;
 }
-[data-component~="ui-editor-table-toolbar"] .icon-button[data-v-1066cfb2] {
+[data-component~="ui-editor-table-toolbar"] .icon-button[data-v-31b70e7c] {
   width: 32px;
   padding-inline: 0;
 }
-.menu[data-v-1066cfb2] {
+.menu[data-v-31b70e7c] {
   position: absolute;
   top: calc(100% + var(--ui-space-2));
   right: 0;
@@ -2220,12 +2268,12 @@ svg[data-v-b2b50d17] {
   gap: 2px;
   z-index: 2;
 }
-.menu-section + .menu-section[data-v-1066cfb2] {
+.menu-section + .menu-section[data-v-31b70e7c] {
   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-1066cfb2] {
+.menu-heading[data-v-31b70e7c] {
   padding: var(--ui-space-1) var(--ui-space-2);
   font-size: 0.6875rem;
   font-weight: 700;
@@ -2233,22 +2281,22 @@ svg[data-v-b2b50d17] {
   text-transform: uppercase;
   color: var(--ui-text-muted);
 }
-.menu button[data-v-1066cfb2] {
+.menu button[data-v-31b70e7c] {
   display: flex;
   justify-content: flex-start;
   width: 100%;
   text-align: left;
 }
-.swatches[data-v-1066cfb2] {
+.swatches[data-v-31b70e7c] {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 2px;
 }
-[data-component~="ui-editor-table-toolbar"] .swatch-button[data-v-1066cfb2] {
+[data-component~="ui-editor-table-toolbar"] .swatch-button[data-v-31b70e7c] {
   gap: var(--ui-space-1);
   justify-content: flex-start;
 }
-.swatch[data-v-1066cfb2] {
+.swatch[data-v-31b70e7c] {
   width: 14px;
   height: 14px;
   flex: 0 0 14px;
@@ -2256,19 +2304,19 @@ svg[data-v-b2b50d17] {
   border-radius: 3px;
   background: var(--_swatch);
 }
-.swatch.default[data-v-1066cfb2] {
+.swatch.default[data-v-31b70e7c] {
   background:
     linear-gradient(135deg, transparent 44%, var(--ui-danger) 46% 54%, transparent 56%),
     var(--ui-surface);
 }
-.swatch-button.selected[data-v-1066cfb2] {
+.swatch-button.selected[data-v-31b70e7c] {
   background: var(--ui-accent-soft, var(--ui-accent-subtle));
 }
-[data-component~="ui-editor-table-toolbar"][hidden][data-v-1066cfb2] {
+[data-component~="ui-editor-table-toolbar"][hidden][data-v-31b70e7c] {
   display: none;
 }
 
-[data-component~="ui-editor-toolbar"][data-v-0da1a114] {
+[data-component~="ui-editor-toolbar"][data-v-b71db5ba] {
   position: sticky;
   top: 0;
   z-index: var(--ui-editor-toolbar-z-index, 10);
@@ -2286,20 +2334,20 @@ svg[data-v-b2b50d17] {
   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-0da1a114]::-webkit-scrollbar {
+[data-component~="ui-editor-toolbar"][data-v-b71db5ba]::-webkit-scrollbar {
   display: none;
 }
-[data-component~="ui-editor-toolbar"] > [data-v-0da1a114-s] {
+[data-component~="ui-editor-toolbar"] > [data-v-b71db5ba-s] {
   flex: 0 0 auto;
 }
-.divider[data-v-0da1a114-s] {
+.divider[data-v-b71db5ba-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-0da1a114] {
+[data-component~="ui-editor-toolbar"][data-ui-editor-toolbar-state~="floating"][data-v-b71db5ba] {
   flex-wrap: nowrap;
   position: static;
   top: auto;
@@ -2322,7 +2370,7 @@ svg[data-v-b2b50d17] {
   backdrop-filter: blur(10px);
 }
 @media (max-width: 767px) {
-[data-component~="ui-editor-toolbar"][data-v-0da1a114] {
+[data-component~="ui-editor-toolbar"][data-v-b71db5ba] {
     position: fixed;
     top: auto;
     bottom: env(safe-area-inset-bottom);
@@ -2333,7 +2381,7 @@ svg[data-v-b2b50d17] {
     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-0da1a114] {
+[data-component~="ui-editor-toolbar"][data-ui-editor-toolbar-state~="floating"][data-v-b71db5ba] {
     position: static;
     inset: auto;
     min-height: auto;
@@ -2347,7 +2395,7 @@ svg[data-v-b2b50d17] {
 }
 
 /* Inside LoomaEditor's sticky shell, the shell is the sticky surface. */
-.looma-editor__sticky-toolbar-shell [data-component~="ui-editor-toolbar"][data-v-0da1a114] {
+.looma-editor__sticky-toolbar-shell [data-component~="ui-editor-toolbar"][data-v-b71db5ba] {
   position: static;
   min-height: var(--ui-editor-toolbar-min-height, 48px);
   overscroll-behavior-inline: contain;
@@ -2358,7 +2406,7 @@ svg[data-v-b2b50d17] {
 
 /* 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-0da1a114] {
+  [data-component~="ui-editor-toolbar"][data-ui-editor-toolbar-state~="floating"][data-v-b71db5ba] {
   width: 100%;
   max-width: none;
   min-height: 100%;
@@ -2375,11 +2423,11 @@ svg[data-v-b2b50d17] {
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-editor-toolbar"][hidden][data-v-0da1a114] {
+[data-component~="ui-editor-toolbar"][hidden][data-v-b71db5ba] {
   display: none;
 }
 
-[data-component~="ui-floating-action-button"][data-v-b66a2428] {
+[data-component~="ui-floating-action-button"][data-v-62b77471] {
   position: fixed;
   inset-block-end: calc(
     var(--ui-floating-action-button-inset-block-end, var(--ui-space-6)) +
@@ -2394,7 +2442,7 @@ svg[data-v-b2b50d17] {
   display: inline-flex;
   z-index: var(--ui-floating-action-button-z-index, 100);
 }
-[data-component~="ui-floating-action-button"][data-v-b66a2428] {
+[data-component~="ui-floating-action-button"][data-v-62b77471] {
   appearance: none;
   border: none;
   border-radius: 999px;
@@ -2412,38 +2460,38 @@ svg[data-v-b2b50d17] {
     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-b66a2428]:hover:enabled {
+[data-component~="ui-floating-action-button"][data-v-62b77471]: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-b66a2428]:active:enabled {
+[data-component~="ui-floating-action-button"][data-v-62b77471]:active:enabled {
   transform: scale(0.94);
 }
-[data-component~="ui-floating-action-button"][data-v-b66a2428]:focus-visible {
+[data-component~="ui-floating-action-button"][data-v-62b77471]:focus-visible {
   outline: 2px solid var(--ui-focus-ring);
   outline-offset: 2px;
 }
-[data-component~="ui-floating-action-button"][data-v-b66a2428]:disabled {
+[data-component~="ui-floating-action-button"][data-v-62b77471]:disabled {
   opacity: 0.6;
   cursor: not-allowed;
 }
-svg[data-v-b66a2428-s] {
+svg[data-v-62b77471-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-b66a2428] {
+[data-component~="ui-floating-action-button"][data-ui-floating-action-button-state~="mobileOnly"][data-v-62b77471] {
     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-b66a2428] {
+[data-component~="ui-floating-action-button"][hidden][data-v-62b77471] {
   display: none;
 }
 
-[data-component~="ui-form-field"][data-v-ae3bcdfb] {
+[data-component~="ui-form-field"][data-v-605db5c0] {
   display: grid;
   gap: var(--ui-space-2);
   min-inline-size: 0;
@@ -2453,34 +2501,34 @@ svg[data-v-b66a2428-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-ae3bcdfb],
-.help[data-v-ae3bcdfb],
-.error[data-v-ae3bcdfb] {
+.label[data-v-605db5c0],
+.help[data-v-605db5c0],
+.error[data-v-605db5c0] {
   display: contents;
 }
-.label[data-v-ae3bcdfb] {
+.label[data-v-605db5c0] {
   color: var(--ui-text-secondary);
   font-size: 0.95rem;
 }
-.help[data-v-ae3bcdfb] {
+.help[data-v-605db5c0] {
   color: var(--ui-text-muted);
   font-size: 0.875rem;
   line-height: var(--ui-line-height-md);
 }
-.help > [data-v-ae3bcdfb-s] {
+.help > [data-v-605db5c0-s] {
   min-block-size: var(--ui-form-field-help-min-block-size, 0);
 }
-.error[data-v-ae3bcdfb],[role="alert"][data-v-ae3bcdfb-s] {
+.error[data-v-605db5c0],[role="alert"][data-v-605db5c0-s] {
   color: var(--ui-accent-active);
   font-size: 0.875rem;
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-form-field"][hidden][data-v-ae3bcdfb] {
+[data-component~="ui-form-field"][hidden][data-v-605db5c0] {
   display: none;
 }
 
-[data-component~="ui-grid"][data-v-356b2957] {
+[data-component~="ui-grid"][data-v-9635be0b] {
   --_grid-gap: var(--ui-space-4);
   --_grid-min: 12rem;
   display: grid;
@@ -2491,41 +2539,41 @@ svg[data-v-b66a2428-s] {
   max-inline-size: 100%;
   margin: 0;
 }
-[data-component~="ui-grid"][data-ui-grid-state~="gap=xs"][data-v-356b2957] {
+[data-component~="ui-grid"][data-ui-grid-state~="gap=xs"][data-v-9635be0b] {
   --_grid-gap: var(--ui-space-2);
 }
-[data-component~="ui-grid"][data-ui-grid-state~="gap=s"][data-v-356b2957] {
+[data-component~="ui-grid"][data-ui-grid-state~="gap=s"][data-v-9635be0b] {
   --_grid-gap: var(--ui-space-3);
 }
-[data-component~="ui-grid"][data-ui-grid-state~="gap=m"][data-v-356b2957] {
+[data-component~="ui-grid"][data-ui-grid-state~="gap=m"][data-v-9635be0b] {
   --_grid-gap: var(--ui-space-4);
 }
-[data-component~="ui-grid"][data-ui-grid-state~="gap=l"][data-v-356b2957] {
+[data-component~="ui-grid"][data-ui-grid-state~="gap=l"][data-v-9635be0b] {
   --_grid-gap: var(--ui-space-5);
 }
-[data-component~="ui-grid"][data-ui-grid-state~="gap=xl"][data-v-356b2957] {
+[data-component~="ui-grid"][data-ui-grid-state~="gap=xl"][data-v-9635be0b] {
   --_grid-gap: var(--ui-space-6);
 }
-[data-component~="ui-grid"][data-ui-grid-state~="min=md"][data-v-356b2957] {
+[data-component~="ui-grid"][data-ui-grid-state~="min=md"][data-v-9635be0b] {
   --_grid-min: 16rem;
 }
-[data-component~="ui-grid"][data-ui-grid-state~="min=lg"][data-v-356b2957] {
+[data-component~="ui-grid"][data-ui-grid-state~="min=lg"][data-v-9635be0b] {
   --_grid-min: 20rem;
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-grid"][hidden][data-v-356b2957] {
+[data-component~="ui-grid"][hidden][data-v-9635be0b] {
   display: none;
 }
 
-[data-component~="ui-icon-button"][data-v-80722d12] {
+[data-component~="ui-icon-button"][data-v-23aa723d] {
   display: inline-flex;
   color: var(--ui-text-secondary);
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-80722d12] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-23aa723d] {
   position: relative;
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-80722d12]::before {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-23aa723d]::before {
   content: "";
   position: absolute;
   inset: 50% auto auto 50%;
@@ -2544,17 +2592,17 @@ svg[data-v-b66a2428-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-80722d12]: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-23aa723d]: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-80722d12]: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-23aa723d]: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-80722d12] {
+[data-component~="ui-icon-button"][data-v-23aa723d] {
   /* The size prop resolves here; --ui-icon-button-size overrides it on an element. */
   --_size: 2rem;
   appearance: none;
@@ -2580,7 +2628,7 @@ svg[data-v-b66a2428-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-80722d12]::before {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-23aa723d]::before {
     opacity: 0;
 }
 }
@@ -2588,10 +2636,10 @@ svg[data-v-b66a2428-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-80722d12] {
+[data-component~="ui-icon-button"][data-v-23aa723d] {
     position: relative;
 }
-[data-component~="ui-icon-button"][data-v-80722d12]::after {
+[data-component~="ui-icon-button"][data-v-23aa723d]::after {
     content: "";
     position: absolute;
     inset: 50% auto auto 50%;
@@ -2600,10 +2648,10 @@ svg[data-v-b66a2428-s] {
     transform: translate(-50%, -50%);
 }
 }
-html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-80722d12] {
+html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-23aa723d] {
   position: relative;
 }
-html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-80722d12]::after {
+html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-23aa723d]::after {
   content: "";
   position: absolute;
   inset: 50% auto auto 50%;
@@ -2611,29 +2659,29 @@ html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-8
   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-80722d12] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="size=sm"][data-v-23aa723d] {
   --_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-80722d12] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="size=lg"][data-v-23aa723d] {
   --_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-80722d12] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="round"][data-v-23aa723d] {
   border-radius: var(--ui-radius-round);
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][data-v-80722d12] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][data-v-23aa723d] {
   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-80722d12] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"][data-v-23aa723d] {
   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(
@@ -2641,51 +2689,51 @@ html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-8
     0 1px 2px color-mix(in srgb, var(--ui-accent-solid) 18%, transparent)
   );
 }
-[data-component~="ui-icon-button"][data-v-80722d12]:hover:enabled {
+[data-component~="ui-icon-button"][data-v-23aa723d]: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-80722d12]:hover:enabled {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][data-v-23aa723d]: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-80722d12]:hover:enabled {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"][data-v-23aa723d]:hover:enabled {
   background: var(--ui-icon-button-solid-hover-surface, var(--ui-accent-hover));
 }
-[data-component~="ui-icon-button"][data-v-80722d12]:active:enabled {
+[data-component~="ui-icon-button"][data-v-23aa723d]:active:enabled {
   transform: scale(var(--ui-icon-button-active-scale, 0.96));
 }
-[data-component~="ui-icon-button"][data-v-80722d12]:focus-visible {
+[data-component~="ui-icon-button"][data-v-23aa723d]: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-80722d12]:disabled {
+[data-component~="ui-icon-button"][data-v-23aa723d]: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-80722d12]:disabled {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][data-v-23aa723d]: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-80722d12]:disabled {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"][data-v-23aa723d]: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-80722d12] {
+[data-component~="ui-icon-button"][data-v-23aa723d] {
   --_icon-button-icon-default: var(--ui-icon-size-md);
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="size=sm"][data-v-80722d12] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="size=sm"][data-v-23aa723d] {
   --_icon-button-icon-default: var(--ui-icon-size-sm);
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="size=lg"][data-v-80722d12] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="size=lg"][data-v-23aa723d] {
   --_icon-button-icon-default: var(--ui-icon-size-lg);
 }
-svg[data-v-80722d12-s] {
+svg[data-v-23aa723d-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;
@@ -2693,11 +2741,11 @@ svg[data-v-80722d12-s] {
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-icon-button"][hidden][data-v-80722d12] {
+[data-component~="ui-icon-button"][hidden][data-v-23aa723d] {
   display: none;
 }
 
-[data-component~="ui-input"][data-v-f00d6a51] {
+[data-component~="ui-input"][data-v-0c0dde58] {
   box-sizing: border-box;
   display: inline-block;
   inline-size: 100%;
@@ -2720,18 +2768,18 @@ svg[data-v-80722d12-s] {
 }
 
 /* Tabbing into a field selects its text; tint that selection softly instead of the page highlight. */
-[data-component~="ui-input"][data-v-f00d6a51]::selection {
+[data-component~="ui-input"][data-v-0c0dde58]::selection {
   background: color-mix(in srgb, var(--ui-accent-solid) 20%, transparent);
   color: inherit;
 }
-[data-component~="ui-input"][data-v-f00d6a51]::placeholder {
+[data-component~="ui-input"][data-v-0c0dde58]::placeholder {
   color: var(--ui-control-placeholder, var(--ui-text-secondary));
   opacity: 1;
 }
-[data-component~="ui-input"][data-v-f00d6a51]:hover:not(:focus):not(:disabled) {
+[data-component~="ui-input"][data-v-0c0dde58]:hover:not(:focus):not(:disabled) {
   border-color: var(--ui-control-border-hover, var(--ui-text-secondary));
 }
-[data-component~="ui-input"][data-v-f00d6a51]:focus-visible {
+[data-component~="ui-input"][data-v-0c0dde58]:focus-visible {
   border-color: var(--ui-control-focus, var(--ui-accent-solid));
   outline: none;
   box-shadow: var(
@@ -2742,16 +2790,16 @@ svg[data-v-80722d12-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-f00d6a51],
-[data-component~="ui-input"][data-v-f00d6a51]:is(:user-invalid, [data-user-invalid]) {
+[data-component~="ui-input"][aria-invalid="true"][data-v-0c0dde58],
+[data-component~="ui-input"][data-v-0c0dde58]:is(:user-invalid, [data-user-invalid]) {
   border-color: var(--ui-danger-solid);
 }
-[data-component~="ui-input"][data-v-f00d6a51]:is([aria-invalid="true"], :is(:user-invalid, [data-user-invalid])):focus-visible {
+[data-component~="ui-input"][data-v-0c0dde58]: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-f00d6a51]:disabled {
+[data-component~="ui-input"][data-v-0c0dde58]:disabled {
   background: var(--ui-control-surface-disabled, var(--ui-surface-muted));
   color: var(--ui-text-muted);
   box-shadow: none;
@@ -2762,12 +2810,12 @@ svg[data-v-80722d12-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-f00d6a51] {
+[data-component~="ui-input"][hidden][data-v-0c0dde58] {
   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-09be9e37] {
+[data-component~="ui-menu"][data-ui-menu-state~="density=compact"][data-v-e8df970a] {
   --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);
@@ -2775,7 +2823,7 @@ svg[data-v-80722d12-s] {
   padding: var(--ui-space-1);
   gap: 0;
 }
-[data-component~="ui-menu"][data-v-09be9e37] {
+[data-component~="ui-menu"][data-v-e8df970a] {
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
@@ -2790,7 +2838,7 @@ svg[data-v-80722d12-s] {
   box-shadow: none;
   overflow: visible;
 }
-.surface[data-v-09be9e37] {
+.surface[data-v-e8df970a] {
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
@@ -2803,10 +2851,10 @@ svg[data-v-80722d12-s] {
   max-block-size: inherit;
   overflow: auto;
 }
-[data-component~="ui-menu"][data-v-09be9e37]:not([data-component~="ui-menu"][data-ui-menu-state~="internalOpen"]) {
+[data-component~="ui-menu"][data-v-e8df970a]:not([data-component~="ui-menu"][data-ui-menu-state~="internalOpen"]) {
   display: none;
 }
-[data-component~="ui-menu"][popover][data-v-09be9e37] {
+[data-component~="ui-menu"][popover][data-v-e8df970a] {
   position: fixed;
   inset: auto;
   margin: 0;
@@ -2820,26 +2868,26 @@ svg[data-v-80722d12-s] {
     display var(--ui-motion-fast) allow-discrete,
     overlay var(--ui-motion-fast) allow-discrete;
 }
-[data-component~="ui-menu"][popover][data-v-09be9e37]:popover-open {
+[data-component~="ui-menu"][popover][data-v-e8df970a]:popover-open {
   opacity: 1;
   transform: translateY(0) scale(1);
 }
 @starting-style {
-[data-component~="ui-menu"][popover][data-v-09be9e37]:popover-open {
+[data-component~="ui-menu"][popover][data-v-e8df970a]:popover-open {
     opacity: 0;
     transform: translateY(-4px) scale(0.99);
 }
 }
-[data-component~="ui-menu"][hidden][data-v-09be9e37] {
+[data-component~="ui-menu"][hidden][data-v-e8df970a] {
   display: none;
 }
 @media (prefers-reduced-motion: reduce) {
-[data-component~="ui-menu"][popover][data-v-09be9e37] {
+[data-component~="ui-menu"][popover][data-v-e8df970a] {
     transition: none;
 }
 }
 
-[data-component~="ui-menu-item"][data-v-69407da9] {
+[data-component~="ui-menu-item"][data-v-40124183] {
   display: block;
   box-sizing: border-box;
   width: 100%;
@@ -2861,7 +2909,7 @@ svg[data-v-80722d12-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-69407da9] {
+[data-component~="ui-menu-item"][data-v-40124183] {
     display: block;
     min-block-size: var(--ui-menu-item-min-block-size, var(--ui-control-size-md, 2.5rem));
     align-content: center;
@@ -2869,20 +2917,20 @@ svg[data-v-80722d12-s] {
     text-box-edge: cap alphabetic;
 }
 }
-[data-component~="ui-menu-item"][data-v-69407da9]:is(:hover, :focus-visible):not([aria-disabled="true"]) {
+[data-component~="ui-menu-item"][data-v-40124183]: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-69407da9] {
+[data-component~="ui-menu-item"][aria-disabled="true"][data-v-40124183] {
   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-69407da9] {
+[data-component~="ui-menu-item"][hidden][data-v-40124183] {
   display: none;
 }
 
-[data-component~="ui-popover"][data-v-c16079f0] {
+[data-component~="ui-popover"][data-v-3675062e] {
   box-sizing: border-box;
   max-inline-size: min(
     20rem,
@@ -2897,7 +2945,7 @@ svg[data-v-80722d12-s] {
   background: transparent;
   box-shadow: none;
 }
-.surface[data-v-c16079f0] {
+.surface[data-v-3675062e] {
   box-sizing: border-box;
   max-inline-size: inherit;
   max-block-size: inherit;
@@ -2908,10 +2956,10 @@ svg[data-v-80722d12-s] {
   border-radius: var(--ui-radius-lg);
   box-shadow: var(--ui-elevation-overlay, var(--ui-shadow-lg));
 }
-[data-component~="ui-popover"][data-v-c16079f0]:not([data-component~="ui-popover"][data-ui-popover-state~="internalOpen"]) {
+[data-component~="ui-popover"][data-v-3675062e]:not([data-component~="ui-popover"][data-ui-popover-state~="internalOpen"]) {
   display: none;
 }
-[data-component~="ui-popover"][popover][data-v-c16079f0] {
+[data-component~="ui-popover"][popover][data-v-3675062e] {
   position: fixed;
   inset: auto;
   margin: 0;
@@ -2923,26 +2971,26 @@ svg[data-v-80722d12-s] {
     display var(--ui-motion-fast) allow-discrete,
     overlay var(--ui-motion-fast) allow-discrete;
 }
-[data-component~="ui-popover"][popover][data-v-c16079f0]:popover-open {
+[data-component~="ui-popover"][popover][data-v-3675062e]:popover-open {
   opacity: 1;
   transform: translateY(0) scale(1);
 }
 @starting-style {
-[data-component~="ui-popover"][popover][data-v-c16079f0]:popover-open {
+[data-component~="ui-popover"][popover][data-v-3675062e]:popover-open {
     opacity: 0;
     transform: translateY(-4px) scale(0.99);
 }
 }
-[data-component~="ui-popover"][hidden][data-v-c16079f0] {
+[data-component~="ui-popover"][hidden][data-v-3675062e] {
   display: none;
 }
 @media (prefers-reduced-motion: reduce) {
-[data-component~="ui-popover"][popover][data-v-c16079f0] {
+[data-component~="ui-popover"][popover][data-v-3675062e] {
     transition: none;
 }
 }
 
-[data-component~="ui-radio"][data-v-cb942e6f] {
+[data-component~="ui-radio"][data-v-2c20c2e3] {
   display: inline-flex;
   align-items: flex-start;
   gap: var(--ui-radio-gap, var(--ui-space-2));
@@ -2950,11 +2998,11 @@ svg[data-v-80722d12-s] {
   color: var(--ui-text-primary);
   cursor: pointer;
 }
-.label[data-v-cb942e6f] {
+.label[data-v-2c20c2e3] {
   min-inline-size: 0;
   line-height: var(--ui-line-height-md);
 }
-input[data-v-cb942e6f] {
+input[data-v-2c20c2e3] {
   flex: 0 0 auto;
   inline-size: var(--ui-radio-size, 1.125rem);
   block-size: var(--ui-radio-size, 1.125rem);
@@ -2962,24 +3010,24 @@ input[data-v-cb942e6f] {
   accent-color: var(--ui-accent-solid);
   cursor: pointer;
 }
-input[data-v-cb942e6f]:focus-visible {
+input[data-v-2c20c2e3]: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-cb942e6f] {
+[data-component~="ui-radio"][data-ui-radio-state~="disabled"][data-v-2c20c2e3] {
   color: var(--ui-text-muted);
   cursor: not-allowed;
 }
-[data-component~="ui-radio"][data-ui-radio-state~="disabled"] input[data-v-cb942e6f] {
+[data-component~="ui-radio"][data-ui-radio-state~="disabled"] input[data-v-2c20c2e3] {
   cursor: not-allowed;
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-radio"][hidden][data-v-cb942e6f] {
+[data-component~="ui-radio"][hidden][data-v-2c20c2e3] {
   display: none;
 }
 
-[data-component~="ui-radio-group"][data-v-df092584] {
+[data-component~="ui-radio-group"][data-v-cd639df6] {
   display: inline-flex;
   align-items: center;
   gap: var(--ui-space-2);
@@ -2988,7 +3036,7 @@ input[data-v-cb942e6f]:focus-visible {
   padding: 0;
   border: 0;
 }
-legend[data-v-df092584] {
+legend[data-v-cd639df6] {
   float: inline-start;
   inline-size: 100%;
   margin: 0 0 var(--ui-space-2);
@@ -2996,20 +3044,20 @@ legend[data-v-df092584] {
   color: var(--ui-text-primary);
   font-weight: var(--ui-font-medium);
 }
-legend[data-v-df092584] + * {
+legend[data-v-cd639df6] + * {
   clear: both;
 }
-[data-component~="ui-radio-group"][data-ui-radio-group-state~="orientation=vertical"][data-v-df092584] {
+[data-component~="ui-radio-group"][data-ui-radio-group-state~="orientation=vertical"][data-v-cd639df6] {
   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-df092584] {
+[data-component~="ui-radio-group"][hidden][data-v-cd639df6] {
   display: none;
 }
 
-[data-component~="ui-reel"][data-v-0dde8279] {
+[data-component~="ui-reel"][data-v-0d41608a] {
   --_reel-gap: var(--ui-space-4);
   --_reel-item-width: auto;
   display: flex;
@@ -3022,50 +3070,50 @@ legend[data-v-df092584] + * {
   overflow-y: hidden;
   overscroll-behavior-inline: contain;
 }
-[data-component~="ui-reel"] > [data-v-0dde8279-s] {
+[data-component~="ui-reel"] > [data-v-0d41608a-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-0dde8279] {
+[data-component~="ui-reel"][data-ui-reel-state~="gap=xs"][data-v-0d41608a] {
   --_reel-gap: var(--ui-space-2);
 }
-[data-component~="ui-reel"][data-ui-reel-state~="gap=s"][data-v-0dde8279] {
+[data-component~="ui-reel"][data-ui-reel-state~="gap=s"][data-v-0d41608a] {
   --_reel-gap: var(--ui-space-3);
 }
-[data-component~="ui-reel"][data-ui-reel-state~="gap=m"][data-v-0dde8279] {
+[data-component~="ui-reel"][data-ui-reel-state~="gap=m"][data-v-0d41608a] {
   --_reel-gap: var(--ui-space-4);
 }
-[data-component~="ui-reel"][data-ui-reel-state~="gap=l"][data-v-0dde8279] {
+[data-component~="ui-reel"][data-ui-reel-state~="gap=l"][data-v-0d41608a] {
   --_reel-gap: var(--ui-space-5);
 }
-[data-component~="ui-reel"][data-ui-reel-state~="gap=xl"][data-v-0dde8279] {
+[data-component~="ui-reel"][data-ui-reel-state~="gap=xl"][data-v-0d41608a] {
   --_reel-gap: var(--ui-space-6);
 }
-[data-component~="ui-reel"][data-ui-reel-state~="itemWidth=sm"][data-v-0dde8279] {
+[data-component~="ui-reel"][data-ui-reel-state~="itemWidth=sm"][data-v-0d41608a] {
   --_reel-item-width: 12rem;
 }
-[data-component~="ui-reel"][data-ui-reel-state~="itemWidth=md"][data-v-0dde8279] {
+[data-component~="ui-reel"][data-ui-reel-state~="itemWidth=md"][data-v-0d41608a] {
   --_reel-item-width: 16rem;
 }
-[data-component~="ui-reel"][data-ui-reel-state~="itemWidth=lg"][data-v-0dde8279] {
+[data-component~="ui-reel"][data-ui-reel-state~="itemWidth=lg"][data-v-0d41608a] {
   --_reel-item-width: 20rem;
 }
-[data-component~="ui-reel"][data-ui-reel-state~="snap"][data-v-0dde8279] {
+[data-component~="ui-reel"][data-ui-reel-state~="snap"][data-v-0d41608a] {
   scroll-snap-type: inline mandatory;
 }
-[data-component~="ui-reel"][data-ui-reel-state~="snap=start"] > [data-v-0dde8279-s] {
+[data-component~="ui-reel"][data-ui-reel-state~="snap=start"] > [data-v-0d41608a-s] {
   scroll-snap-align: start;
 }
-[data-component~="ui-reel"][data-ui-reel-state~="snap=center"] > [data-v-0dde8279-s] {
+[data-component~="ui-reel"][data-ui-reel-state~="snap=center"] > [data-v-0d41608a-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-0dde8279] {
+[data-component~="ui-reel"][hidden][data-v-0d41608a] {
   display: none;
 }
 
-[data-component~="ui-search-result-row"][data-v-7d88a5d4] {
+[data-component~="ui-search-result-row"][data-v-9f29c4b0] {
   appearance: none;
   inline-size: 100%;
   min-block-size: var(--ui-search-result-row-min-height, 56px);
@@ -3083,69 +3131,69 @@ legend[data-v-df092584] + * {
   text-align: left;
   transition: background-color var(--ui-motion-fast) var(--ui-motion-ease);
 }
-[data-component~="ui-search-result-row"][data-v-7d88a5d4]:last-child {
+[data-component~="ui-search-result-row"][data-v-9f29c4b0]:last-child {
   border-block-end: none;
 }
-[data-component~="ui-search-result-row"][data-v-7d88a5d4]:hover:enabled {
+[data-component~="ui-search-result-row"][data-v-9f29c4b0]: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-7d88a5d4] {
+[data-component~="ui-search-result-row"][data-ui-search-result-row-state~="selected"][data-v-9f29c4b0] {
   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-7d88a5d4]:focus-visible {
+[data-component~="ui-search-result-row"][data-v-9f29c4b0]:focus-visible {
   outline: 2px solid var(--ui-focus-ring);
   outline-offset: -2px;
 }
-[data-component~="ui-search-result-row"][data-v-7d88a5d4]:disabled {
+[data-component~="ui-search-result-row"][data-v-9f29c4b0]:disabled {
   opacity: 0.6;
   cursor: not-allowed;
 }
-.leading[data-v-7d88a5d4],
-.trailing[data-v-7d88a5d4] {
+.leading[data-v-9f29c4b0],
+.trailing[data-v-9f29c4b0] {
   display: inline-flex;
   align-items: flex-start;
   flex-shrink: 0;
 }
-.content[data-v-7d88a5d4] {
+.content[data-v-9f29c4b0] {
   min-inline-size: 0;
   flex: 1;
   display: flex;
   flex-direction: column;
 }
-.title[data-v-7d88a5d4],
-.meta[data-v-7d88a5d4],
-.excerpt[data-v-7d88a5d4] {
+.title[data-v-9f29c4b0],
+.meta[data-v-9f29c4b0],
+.excerpt[data-v-9f29c4b0] {
   display: block;
   min-inline-size: 0;
 }
 
 /* An unused region takes no space. */
-.leading[data-v-7d88a5d4]:empty,
-.meta[data-v-7d88a5d4]:empty,
-.excerpt[data-v-7d88a5d4]:empty,
-.trailing[data-v-7d88a5d4]:empty {
+.leading[data-v-9f29c4b0]:empty,
+.meta[data-v-9f29c4b0]:empty,
+.excerpt[data-v-9f29c4b0]:empty,
+.trailing[data-v-9f29c4b0]:empty {
   display: none;
 }
-[slot="title"][data-v-7d88a5d4-s],[slot="meta"][data-v-7d88a5d4-s],[slot="excerpt"][data-v-7d88a5d4-s] {
+[slot="title"][data-v-9f29c4b0-s],[slot="meta"][data-v-9f29c4b0-s],[slot="excerpt"][data-v-9f29c4b0-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-7d88a5d4] {
+[data-component~="ui-search-result-row"][hidden][data-v-9f29c4b0] {
   display: none;
 }
 
-[data-component~="ui-search-shell"][data-v-976b649d] {
+[data-component~="ui-search-shell"][data-v-d27d0d8a] {
   display: contents;
 }
-dialog[data-v-976b649d] {
+dialog[data-v-d27d0d8a] {
   position: fixed;
   inset: 0;
   z-index: var(--ui-search-shell-z-index, 400);
@@ -3163,10 +3211,10 @@ dialog[data-v-976b649d] {
   background: var(--ui-overlay-backdrop);
   color: var(--ui-text-primary);
 }
-dialog[data-v-976b649d]::backdrop {
+dialog[data-v-d27d0d8a]::backdrop {
   background: var(--ui-overlay-backdrop);
 }
-.panel[data-v-976b649d] {
+.panel[data-v-d27d0d8a] {
   position: relative;
   display: flex;
   flex-direction: column;
@@ -3179,7 +3227,7 @@ dialog[data-v-976b649d]::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-976b649d] {
+.search[data-v-d27d0d8a] {
   padding: var(--ui-space-3);
   border-block-end: 1px solid var(--ui-border-default);
   transition:
@@ -3188,11 +3236,11 @@ dialog[data-v-976b649d]::backdrop {
 }
 
 /* The search region shows where typing goes, whatever the author put in it. */
-.search[data-v-976b649d]:focus-within {
+.search[data-v-d27d0d8a]: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-976b649d-s] {
+input[slot="search"][data-v-d27d0d8a-s] {
   box-sizing: border-box;
   inline-size: 100%;
   min-block-size: var(--ui-control-min-block-size);
@@ -3204,24 +3252,24 @@ input[slot="search"][data-v-976b649d-s] {
   font: inherit;
   box-shadow: var(--ui-shadow-xs);
 }
-input[slot="search"][data-v-976b649d-s]:focus-visible {
+input[slot="search"][data-v-d27d0d8a-s]:focus-visible {
   border-color: var(--ui-control-focus);
   outline: 2px solid var(--ui-focus-ring);
   outline-offset: 2px;
 }
-.status[data-v-976b649d],
-.footer[data-v-976b649d] {
+.status[data-v-d27d0d8a],
+.footer[data-v-d27d0d8a] {
   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-976b649d] {
+.status[data-v-d27d0d8a] {
   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-976b649d] {
+.footer[data-v-d27d0d8a] {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
@@ -3230,21 +3278,21 @@ input[slot="search"][data-v-976b649d-s]:focus-visible {
   padding: var(--ui-space-3) var(--ui-space-4);
   border-block-start: 1px solid var(--ui-border-default);
 }
-.status[data-v-976b649d]:empty,
-.footer[data-v-976b649d]:empty {
+.status[data-v-d27d0d8a]:empty,
+.footer[data-v-d27d0d8a]:empty {
   display: none;
 }
-.body[data-v-976b649d] {
+.body[data-v-d27d0d8a] {
   flex: 1;
   min-block-size: 0;
   overflow: auto;
   padding: var(--ui-space-2);
 }
 @media (max-width: 47.9375rem) {
-dialog[data-v-976b649d] {
+dialog[data-v-d27d0d8a] {
     padding: 0;
 }
-.panel[data-v-976b649d] {
+.panel[data-v-d27d0d8a] {
     inline-size: 100%;
     min-block-size: 100dvh;
     max-block-size: none;
@@ -3254,11 +3302,11 @@ dialog[data-v-976b649d] {
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-search-shell"][hidden][data-v-976b649d] {
+[data-component~="ui-search-shell"][hidden][data-v-d27d0d8a] {
   display: none;
 }
 
-[data-component~="ui-select"][data-v-01335c35] {
+[data-component~="ui-select"][data-v-2a885e02] {
   box-sizing: border-box;
   display: inline-block;
   inline-size: 100%;
@@ -3280,9 +3328,9 @@ dialog[data-v-976b649d] {
     background-color var(--ui-motion-fast) var(--ui-motion-ease);
 }
 
-/* Single selects draw their own chevron: the native caret cannot be inset or sized consistently.
+/* 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-01335c35]:not([multiple]) {
+[data-component~="ui-select"][data-v-2a885e02] {
   appearance: none;
   padding-inline-end: calc(var(--ui-space-3) + 1.5rem);
   background-image: var(
@@ -3293,10 +3341,10 @@ dialog[data-v-976b649d] {
   background-position: right var(--ui-space-3) center;
   background-size: 1.125rem 1.125rem;
 }
-[data-component~="ui-select"][data-v-01335c35]:hover:not(:focus):not(:disabled) {
+[data-component~="ui-select"][data-v-2a885e02]:hover:not(:focus):not(:disabled) {
   border-color: var(--ui-control-border-hover, var(--ui-text-secondary));
 }
-[data-component~="ui-select"][data-v-01335c35]:focus-visible {
+[data-component~="ui-select"][data-v-2a885e02]:focus-visible {
   border-color: var(--ui-control-focus, var(--ui-accent-solid));
   outline: none;
   box-shadow: var(
@@ -3307,46 +3355,45 @@ dialog[data-v-976b649d] {
 }
 
 /* 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-01335c35],
-[data-component~="ui-select"][data-v-01335c35]:is(:user-invalid, [data-user-invalid]) {
+[data-component~="ui-select"][aria-invalid="true"][data-v-2a885e02],
+[data-component~="ui-select"][data-v-2a885e02]:is(:user-invalid, [data-user-invalid]) {
   border-color: var(--ui-danger-solid);
 }
-[data-component~="ui-select"][data-v-01335c35]:is([aria-invalid="true"], :is(:user-invalid, [data-user-invalid])):focus-visible {
+[data-component~="ui-select"][data-v-2a885e02]: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-01335c35]:disabled {
+[data-component~="ui-select"][data-v-2a885e02]: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"][multiple][data-v-01335c35],
-[data-component~="ui-select"][size][data-v-01335c35]:not([size="1"]) {
+[data-component~="ui-select"][size][data-v-2a885e02]: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-01335c35] {
+[data-component~="ui-select"][hidden][data-v-2a885e02] {
   display: none;
 }
 
-hr[data-v-f0034397] {
+hr[data-v-f07c3800] {
   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-f0034397] {
+hr[aria-orientation="vertical"][data-v-f07c3800] {
   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-a2e22569] {
+[data-component~="ui-sidebar"][data-v-4bcdb743] {
   position: relative;
   box-sizing: border-box;
   display: flex;
@@ -3358,21 +3405,21 @@ hr[aria-orientation="vertical"][data-v-f0034397] {
   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-a2e22569] {
+[data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"][data-v-4bcdb743] {
   border-inline-end: 0;
   border-inline-start: 1px solid var(--ui-sidebar-border, var(--ui-border-default));
 }
-.content[data-v-a2e22569] {
+.content[data-v-4bcdb743] {
   flex: 1;
   min-block-size: 0;
   overflow: auto;
 }
 
 /* Collapsed while docked. */
-[data-component~="ui-sidebar"][data-ui-sidebar-state~="internalCollapsed"][data-v-a2e22569]:not([popover]) {
+[data-component~="ui-sidebar"][data-ui-sidebar-state~="internalCollapsed"][data-v-4bcdb743]:not([popover]) {
   display: none;
 }
-.resizer[data-v-a2e22569] {
+.resizer[data-v-4bcdb743] {
   position: absolute;
   z-index: 1;
   inset-block: 0;
@@ -3385,15 +3432,15 @@ hr[aria-orientation="vertical"][data-v-f0034397] {
   touch-action: none;
   outline: none;
 }
-.resizer[hidden][data-v-a2e22569] {
+.resizer[hidden][data-v-4bcdb743] {
   display: none;
 }
-[data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"] .resizer[data-v-a2e22569] {
+[data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"] .resizer[data-v-4bcdb743] {
   inset-inline-end: auto;
   inset-inline-start: 0;
   transform: translateX(-50%);
 }
-.resizer[data-v-a2e22569]::after {
+.resizer[data-v-4bcdb743]::after {
   content: "";
   position: absolute;
   inset-block: 0;
@@ -3409,7 +3456,7 @@ hr[aria-orientation="vertical"][data-v-f0034397] {
     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-a2e22569] {
+.guide[data-v-4bcdb743] {
   position: absolute;
   inset-block-start: 50%;
   inset-inline-start: 50%;
@@ -3423,16 +3470,16 @@ hr[aria-orientation="vertical"][data-v-f0034397] {
   transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
   pointer-events: none;
 }
-.resizer[data-v-a2e22569]:is(:hover, :focus-visible)::after {
+.resizer[data-v-4bcdb743]: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-a2e22569] {
+.resizer:is(:hover, :focus-visible) > .guide[data-v-4bcdb743] {
   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-a2e22569] {
+[data-component~="ui-sidebar"][popover][data-v-4bcdb743] {
   position: fixed;
   inset-block: 0;
   inset-inline-start: 0;
@@ -3452,40 +3499,40 @@ hr[aria-orientation="vertical"][data-v-f0034397] {
 }
 
 /* The author display above would otherwise override the UA rule that hides a closed popover. */
-[data-component~="ui-sidebar"][popover][data-v-a2e22569]:not(:popover-open) {
+[data-component~="ui-sidebar"][popover][data-v-4bcdb743]:not(:popover-open) {
   display: none;
   transform: translateX(-100%);
 }
-[data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"][popover][data-v-a2e22569] {
+[data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"][popover][data-v-4bcdb743] {
   inset-inline-start: auto;
   inset-inline-end: 0;
 }
-[data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"][popover][data-v-a2e22569]:not(:popover-open) {
+[data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"][popover][data-v-4bcdb743]:not(:popover-open) {
   transform: translateX(100%);
 }
 @starting-style {
-[data-component~="ui-sidebar"][popover][data-v-a2e22569]:popover-open {
+[data-component~="ui-sidebar"][popover][data-v-4bcdb743]:popover-open {
     transform: translateX(-100%);
 }
-[data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"][popover][data-v-a2e22569]:popover-open {
+[data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"][popover][data-v-4bcdb743]:popover-open {
     transform: translateX(100%);
 }
 }
-[data-component~="ui-sidebar"][popover][data-v-a2e22569]::backdrop {
+[data-component~="ui-sidebar"][popover][data-v-4bcdb743]::backdrop {
   background: var(--ui-sidebar-backdrop, rgb(0 0 0 / 0.32));
 }
 @media (prefers-reduced-motion: reduce) {
-[data-component~="ui-sidebar"][popover][data-v-a2e22569] {
+[data-component~="ui-sidebar"][popover][data-v-4bcdb743] {
     transition: none;
 }
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-sidebar"][hidden][data-v-a2e22569] {
+[data-component~="ui-sidebar"][hidden][data-v-4bcdb743] {
   display: none;
 }
 
-[data-component~="ui-stack"][data-v-9a903e2b] {
+[data-component~="ui-stack"][data-v-43678d8b] {
   --_layout-gap: var(--ui-space-4);
   display: flex;
   flex-direction: column;
@@ -3495,46 +3542,46 @@ hr[aria-orientation="vertical"][data-v-f0034397] {
   max-inline-size: 100%;
   margin: 0;
 }
-[data-component~="ui-stack"][data-ui-stack-state~="gap=xs"][data-v-9a903e2b] {
+[data-component~="ui-stack"][data-ui-stack-state~="gap=xs"][data-v-43678d8b] {
   --_layout-gap: var(--ui-space-2);
 }
-[data-component~="ui-stack"][data-ui-stack-state~="gap=s"][data-v-9a903e2b] {
+[data-component~="ui-stack"][data-ui-stack-state~="gap=s"][data-v-43678d8b] {
   --_layout-gap: var(--ui-space-3);
 }
-[data-component~="ui-stack"][data-ui-stack-state~="gap=m"][data-v-9a903e2b] {
+[data-component~="ui-stack"][data-ui-stack-state~="gap=m"][data-v-43678d8b] {
   --_layout-gap: var(--ui-space-4);
 }
-[data-component~="ui-stack"][data-ui-stack-state~="gap=l"][data-v-9a903e2b] {
+[data-component~="ui-stack"][data-ui-stack-state~="gap=l"][data-v-43678d8b] {
   --_layout-gap: var(--ui-space-5);
 }
-[data-component~="ui-stack"][data-ui-stack-state~="gap=xl"][data-v-9a903e2b] {
+[data-component~="ui-stack"][data-ui-stack-state~="gap=xl"][data-v-43678d8b] {
   --_layout-gap: var(--ui-space-6);
 }
-[data-component~="ui-stack"][data-ui-stack-state~="align=start"][data-v-9a903e2b] {
+[data-component~="ui-stack"][data-ui-stack-state~="align=start"][data-v-43678d8b] {
   align-items: flex-start;
 }
-[data-component~="ui-stack"][data-ui-stack-state~="align=center"][data-v-9a903e2b] {
+[data-component~="ui-stack"][data-ui-stack-state~="align=center"][data-v-43678d8b] {
   align-items: center;
 }
-[data-component~="ui-stack"][data-ui-stack-state~="align=end"][data-v-9a903e2b] {
+[data-component~="ui-stack"][data-ui-stack-state~="align=end"][data-v-43678d8b] {
   align-items: flex-end;
 }
-[data-component~="ui-stack"][data-ui-stack-state~="justify=center"][data-v-9a903e2b] {
+[data-component~="ui-stack"][data-ui-stack-state~="justify=center"][data-v-43678d8b] {
   justify-content: center;
 }
-[data-component~="ui-stack"][data-ui-stack-state~="justify=end"][data-v-9a903e2b] {
+[data-component~="ui-stack"][data-ui-stack-state~="justify=end"][data-v-43678d8b] {
   justify-content: flex-end;
 }
-[data-component~="ui-stack"][data-ui-stack-state~="justify=between"][data-v-9a903e2b] {
+[data-component~="ui-stack"][data-ui-stack-state~="justify=between"][data-v-43678d8b] {
   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-9a903e2b] {
+[data-component~="ui-stack"][hidden][data-v-43678d8b] {
   display: none;
 }
 
-[data-component~="ui-switch"][data-v-44eb48fd] {
+[data-component~="ui-switch"][data-v-529fe437] {
   display: inline-flex;
   align-items: flex-start;
   gap: var(--ui-switch-gap, var(--ui-space-2));
@@ -3542,11 +3589,11 @@ hr[aria-orientation="vertical"][data-v-f0034397] {
   color: var(--ui-text-primary);
   cursor: pointer;
 }
-.label[data-v-44eb48fd] {
+.label[data-v-529fe437] {
   min-inline-size: 0;
   line-height: var(--ui-line-height-md);
 }
-input[data-v-44eb48fd] {
+input[data-v-529fe437] {
   appearance: none;
   -webkit-appearance: none;
   position: relative;
@@ -3564,7 +3611,7 @@ input[data-v-44eb48fd] {
     border-color var(--ui-motion-fast) var(--ui-motion-ease);
   margin: 0;
 }
-input[data-v-44eb48fd]::after {
+input[data-v-529fe437]::after {
   content: "";
   position: absolute;
   top: 3px;
@@ -3576,39 +3623,39 @@ input[data-v-44eb48fd]::after {
   box-shadow: var(--ui-shadow-xs);
   transition: transform var(--ui-motion-fast) var(--ui-motion-ease);
 }
-input[data-v-44eb48fd]:checked {
+input[data-v-529fe437]:checked {
   background: var(--ui-accent-solid);
   border-color: var(--ui-accent-solid);
 }
-input[data-v-44eb48fd]:checked::after {
+input[data-v-529fe437]:checked::after {
   transform: translateX(1rem);
   background: var(--ui-text-on-accent);
 }
-input[data-v-44eb48fd]:focus-visible {
+input[data-v-529fe437]: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-44eb48fd] {
+[data-component~="ui-switch"][data-ui-switch-state~="disabled"][data-v-529fe437] {
   color: var(--ui-text-muted);
   cursor: not-allowed;
 }
-[data-component~="ui-switch"][data-ui-switch-state~="disabled"] input[data-v-44eb48fd] {
+[data-component~="ui-switch"][data-ui-switch-state~="disabled"] input[data-v-529fe437] {
   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-44eb48fd], input[data-v-44eb48fd]::after {
+input[data-v-529fe437], input[data-v-529fe437]::after {
     transition: none;
 }
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-switch"][hidden][data-v-44eb48fd] {
+[data-component~="ui-switch"][hidden][data-v-529fe437] {
   display: none;
 }
 
-[data-component~="ui-switcher"][data-v-4ba623e1] {
+[data-component~="ui-switcher"][data-v-3ed2c685] {
   --_switcher-gap: var(--ui-space-4);
   display: flex;
   flex-wrap: wrap;
@@ -3617,68 +3664,68 @@ input[data-v-44eb48fd], input[data-v-44eb48fd]::after {
   max-inline-size: 100%;
   margin: 0;
 }
-[data-component~="ui-switcher"] > [data-v-4ba623e1-s] {
+[data-component~="ui-switcher"] > [data-v-3ed2c685-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-4ba623e1] {
+[data-component~="ui-switcher"][data-ui-switcher-state~="gap=xs"][data-v-3ed2c685] {
   --_switcher-gap: var(--ui-space-2);
 }
-[data-component~="ui-switcher"][data-ui-switcher-state~="gap=s"][data-v-4ba623e1] {
+[data-component~="ui-switcher"][data-ui-switcher-state~="gap=s"][data-v-3ed2c685] {
   --_switcher-gap: var(--ui-space-3);
 }
-[data-component~="ui-switcher"][data-ui-switcher-state~="gap=m"][data-v-4ba623e1] {
+[data-component~="ui-switcher"][data-ui-switcher-state~="gap=m"][data-v-3ed2c685] {
   --_switcher-gap: var(--ui-space-4);
 }
-[data-component~="ui-switcher"][data-ui-switcher-state~="gap=l"][data-v-4ba623e1] {
+[data-component~="ui-switcher"][data-ui-switcher-state~="gap=l"][data-v-3ed2c685] {
   --_switcher-gap: var(--ui-space-5);
 }
-[data-component~="ui-switcher"][data-ui-switcher-state~="gap=xl"][data-v-4ba623e1] {
+[data-component~="ui-switcher"][data-ui-switcher-state~="gap=xl"][data-v-3ed2c685] {
   --_switcher-gap: var(--ui-space-6);
 }
-[data-component~="ui-switcher"][data-ui-switcher-state~="threshold=xs"] > [data-v-4ba623e1-s] {
+[data-component~="ui-switcher"][data-ui-switcher-state~="threshold=xs"] > [data-v-3ed2c685-s] {
   flex-basis: calc((var(--ui-switcher-threshold, 20rem) - 100%) * 999);
 }
-[data-component~="ui-switcher"][data-ui-switcher-state~="threshold=md"] > [data-v-4ba623e1-s] {
+[data-component~="ui-switcher"][data-ui-switcher-state~="threshold=md"] > [data-v-3ed2c685-s] {
   flex-basis: calc((var(--ui-switcher-threshold, 45rem) - 100%) * 999);
 }
-[data-component~="ui-switcher"][data-ui-switcher-state~="threshold=lg"] > [data-v-4ba623e1-s] {
+[data-component~="ui-switcher"][data-ui-switcher-state~="threshold=lg"] > [data-v-3ed2c685-s] {
   flex-basis: calc((var(--ui-switcher-threshold, 60rem) - 100%) * 999);
 }
-[data-component~="ui-switcher"][data-ui-switcher-state~="align=start"][data-v-4ba623e1] {
+[data-component~="ui-switcher"][data-ui-switcher-state~="align=start"][data-v-3ed2c685] {
   align-items: flex-start;
 }
-[data-component~="ui-switcher"][data-ui-switcher-state~="align=center"][data-v-4ba623e1] {
+[data-component~="ui-switcher"][data-ui-switcher-state~="align=center"][data-v-3ed2c685] {
   align-items: center;
 }
-[data-component~="ui-switcher"][data-ui-switcher-state~="align=end"][data-v-4ba623e1] {
+[data-component~="ui-switcher"][data-ui-switcher-state~="align=end"][data-v-3ed2c685] {
   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-4ba623e1] {
+[data-component~="ui-switcher"][hidden][data-v-3ed2c685] {
   display: none;
 }
 
 /* Density resolves into the tab row's own values; the public tokens still override them. */
-[data-component~="ui-tabs"][data-v-3e89baea] {
+[data-component~="ui-tabs"][data-v-f288c3b2] {
   --_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-3e89baea] {
+[data-component~="ui-tabs"][data-ui-tabs-state~="density=compact"][data-v-f288c3b2] {
   --_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-3e89baea] {
+[data-component~="ui-tabs"][data-v-f288c3b2] {
   display: grid;
   inline-size: 100%;
   min-inline-size: 0;
 }
-.list[data-v-3e89baea] {
+.list[data-v-f288c3b2] {
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: max-content;
@@ -3694,7 +3741,7 @@ input[data-v-44eb48fd], input[data-v-44eb48fd]::after {
   scrollbar-width: thin;
   border-block-end: 1px solid var(--ui-border-default);
 }
-.list button[data-v-3e89baea] {
+.list button[data-v-f288c3b2] {
   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))
@@ -3717,7 +3764,7 @@ input[data-v-44eb48fd], input[data-v-44eb48fd]::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-3e89baea] {
+.list button[data-v-f288c3b2] {
     display: block;
     text-align: center;
     align-content: center;
@@ -3725,43 +3772,43 @@ input[data-v-44eb48fd], input[data-v-44eb48fd]::after {
     text-box-edge: cap alphabetic;
 }
 }
-[data-component~="ui-tabs"][data-ui-tabs-state~="stretch"] .list[data-v-3e89baea] {
+[data-component~="ui-tabs"][data-ui-tabs-state~="stretch"] .list[data-v-f288c3b2] {
   grid-auto-columns: minmax(max-content, 1fr);
 }
-.list button[data-v-3e89baea] {
+.list button[data-v-f288c3b2] {
   white-space: nowrap;
 }
-.list button[data-v-3e89baea]:hover {
+.list button[data-v-f288c3b2]:hover {
   color: var(--ui-text-primary);
   background: var(--ui-surface-muted);
 }
-.list button[aria-selected="true"][data-v-3e89baea] {
+.list button[aria-selected="true"][data-v-f288c3b2] {
   color: var(--ui-accent-solid);
   border-block-end-color: var(--ui-accent-solid);
 }
-.list button[data-v-3e89baea]:focus-visible {
+.list button[data-v-f288c3b2]: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-3e89baea] {
+.panels[data-v-f288c3b2] {
   min-inline-size: 0;
 }
-[data-v-3e89baea-s] {
+[data-v-f288c3b2-s] {
   padding: var(--ui-space-4);
 }
-[data-component~="ui-tabs"][data-ui-tabs-state~="orientation=vertical"][data-v-3e89baea] {
+[data-component~="ui-tabs"][data-ui-tabs-state~="orientation=vertical"][data-v-f288c3b2] {
   grid-template-columns: max-content minmax(0, 1fr);
   align-items: start;
 }
-[data-component~="ui-tabs"][data-ui-tabs-state~="orientation=vertical"] .list[data-v-3e89baea] {
+[data-component~="ui-tabs"][data-ui-tabs-state~="orientation=vertical"] .list[data-v-f288c3b2] {
   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-3e89baea] {
+[data-component~="ui-tabs"][data-ui-tabs-state~="orientation=vertical"] .list button[data-v-f288c3b2] {
   margin: 0 -1px 0 0;
   border-block-end: 0;
   border-inline-end: 2px solid transparent;
@@ -3769,21 +3816,21 @@ input[data-v-44eb48fd], input[data-v-44eb48fd]::after {
 }
 [data-component~="ui-tabs"][data-ui-tabs-state~="orientation=vertical"]
   .list
-  button[aria-selected="true"][data-v-3e89baea] {
+  button[aria-selected="true"][data-v-f288c3b2] {
   border-inline-end-color: var(--ui-accent-solid);
 }
 @media (prefers-reduced-motion: reduce) {
-.list button[data-v-3e89baea] {
+.list button[data-v-f288c3b2] {
     transition: none;
 }
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-tabs"][hidden][data-v-3e89baea] {
+[data-component~="ui-tabs"][hidden][data-v-f288c3b2] {
   display: none;
 }
 
-[data-component~="ui-textarea"][data-v-2b01ccc0] {
+[data-component~="ui-textarea"][data-v-fd749c95] {
   box-sizing: border-box;
   display: inline-block;
   inline-size: 100%;
@@ -3807,18 +3854,18 @@ input[data-v-44eb48fd], input[data-v-44eb48fd]::after {
 }
 
 /* Tabbing into a field selects its text; tint that selection softly instead of the page highlight. */
-[data-component~="ui-textarea"][data-v-2b01ccc0]::selection {
+[data-component~="ui-textarea"][data-v-fd749c95]::selection {
   background: color-mix(in srgb, var(--ui-accent-solid) 20%, transparent);
   color: inherit;
 }
-[data-component~="ui-textarea"][data-v-2b01ccc0]::placeholder {
+[data-component~="ui-textarea"][data-v-fd749c95]::placeholder {
   color: var(--ui-control-placeholder, var(--ui-text-secondary));
   opacity: 1;
 }
-[data-component~="ui-textarea"][data-v-2b01ccc0]:hover:not(:focus):not(:disabled) {
+[data-component~="ui-textarea"][data-v-fd749c95]:hover:not(:focus):not(:disabled) {
   border-color: var(--ui-control-border-hover, var(--ui-text-secondary));
 }
-[data-component~="ui-textarea"][data-v-2b01ccc0]:focus-visible {
+[data-component~="ui-textarea"][data-v-fd749c95]:focus-visible {
   border-color: var(--ui-control-focus, var(--ui-accent-solid));
   outline: none;
   box-shadow: var(
@@ -3829,16 +3876,16 @@ input[data-v-44eb48fd], input[data-v-44eb48fd]::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-2b01ccc0],
-[data-component~="ui-textarea"][data-v-2b01ccc0]:is(:user-invalid, [data-user-invalid]) {
+[data-component~="ui-textarea"][aria-invalid="true"][data-v-fd749c95],
+[data-component~="ui-textarea"][data-v-fd749c95]:is(:user-invalid, [data-user-invalid]) {
   border-color: var(--ui-danger-solid);
 }
-[data-component~="ui-textarea"][data-v-2b01ccc0]:is([aria-invalid="true"], :is(:user-invalid, [data-user-invalid])):focus-visible {
+[data-component~="ui-textarea"][data-v-fd749c95]: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-2b01ccc0]:disabled {
+[data-component~="ui-textarea"][data-v-fd749c95]:disabled {
   background: var(--ui-control-surface-disabled, var(--ui-surface-muted));
   color: var(--ui-text-muted);
   box-shadow: none;
@@ -3846,11 +3893,11 @@ input[data-v-44eb48fd], input[data-v-44eb48fd]::after {
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-textarea"][hidden][data-v-2b01ccc0] {
+[data-component~="ui-textarea"][hidden][data-v-fd749c95] {
   display: none;
 }
 
-[data-component~="ui-toast-region"][data-v-660faa24] {
+[data-component~="ui-toast-region"][data-v-925e00c2] {
   position: fixed;
   top: calc(var(--ui-space-4) + env(safe-area-inset-top));
   right: auto;
@@ -3872,14 +3919,14 @@ input[data-v-44eb48fd], input[data-v-44eb48fd]::after {
   box-shadow: none;
   pointer-events: none;
 }
-[data-component~="ui-toast-region"][data-v-660faa24]:not(:popover-open) {
+[data-component~="ui-toast-region"][data-v-925e00c2]:not(:popover-open) {
   display: none;
 }
-[data-component~="ui-toast-region"] > .toast[data-v-660faa24],
-[data-component~="ui-toast-region"] > [data-v-660faa24-s] {
+[data-component~="ui-toast-region"] > .toast[data-v-925e00c2],
+[data-component~="ui-toast-region"] > [data-v-925e00c2-s] {
   pointer-events: auto;
 }
-.toast[data-v-660faa24] {
+.toast[data-v-925e00c2] {
   display: grid;
   grid-template-columns: 1fr auto;
   gap: var(--ui-space-2);
@@ -3890,16 +3937,16 @@ input[data-v-44eb48fd], input[data-v-44eb48fd]::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-660faa24 var(--ui-toast-region-enter-duration, 0.32s)
+  animation: ui-toast-enter-925e00c2 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-660faa24] {
-  animation: ui-toast-exit-660faa24 var(--ui-toast-region-exit-duration, 0.22s) var(--ui-motion-ease) both;
+.toast.closing[data-v-925e00c2] {
+  animation: ui-toast-exit-925e00c2 var(--ui-toast-region-exit-duration, 0.22s) var(--ui-motion-ease) both;
   pointer-events: none;
 }
-@keyframes ui-toast-enter-660faa24 {
+@keyframes ui-toast-enter-925e00c2 {
 from {
     opacity: 0;
     transform: translateY(-1rem);
@@ -3909,7 +3956,7 @@ to {
     transform: translateY(0);
 }
 }
-@keyframes ui-toast-exit-660faa24 {
+@keyframes ui-toast-exit-925e00c2 {
 from {
     opacity: 1;
     transform: translateY(0);
@@ -3920,25 +3967,25 @@ to {
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.toast[data-v-660faa24], .toast.closing[data-v-660faa24] {
+.toast[data-v-925e00c2], .toast.closing[data-v-925e00c2] {
     animation: none;
 }
 }
-.message[data-v-660faa24] {
+.message[data-v-925e00c2] {
   min-inline-size: 0;
   align-self: center;
 }
-.dismiss[data-v-660faa24] {
+.dismiss[data-v-925e00c2] {
   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-660faa24] {
+[data-component~="ui-toast-region"][hidden][data-v-925e00c2] {
   display: none;
 }
 
-[data-component~="ui-top-bar"][data-v-88437f08] {
+[data-component~="ui-top-bar"][data-v-d08120f9] {
   position: sticky;
   inset-block-start: 0;
   z-index: var(--ui-top-bar-z-index, 100);
@@ -3958,50 +4005,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-88437f08],
-.search[data-v-88437f08],
-.actions[data-v-88437f08] {
+.leading[data-v-d08120f9],
+.search[data-v-d08120f9],
+.actions[data-v-d08120f9] {
   display: flex;
   align-items: center;
   flex-shrink: 0;
 }
-.actions[data-v-88437f08] {
+.actions[data-v-d08120f9] {
   gap: var(--ui-top-bar-actions-gap, var(--ui-space-1));
 }
-.title[data-v-88437f08] {
+.title[data-v-d08120f9] {
   min-inline-size: 0;
   flex: 1;
 }
 
 /* An unused region takes no space, so it adds no gap. */
-.leading[data-v-88437f08]:empty,
-.search[data-v-88437f08]:empty,
-.actions[data-v-88437f08]:empty {
+.leading[data-v-d08120f9]:empty,
+.search[data-v-d08120f9]:empty,
+.actions[data-v-d08120f9]: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-88437f08] {
+[data-component~="ui-top-bar"][hidden][data-v-d08120f9] {
   display: none;
 }
 
-[data-component~="ui-tree"][data-ui-tree-state~="density=compact"][data-v-e94f7a5c] {
+[data-component~="ui-tree"][data-ui-tree-state~="density=compact"][data-v-89a4437c] {
   --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-e94f7a5c] {
+[data-component~="ui-tree"][data-v-89a4437c] {
   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-e94f7a5c] {
+[data-component~="ui-tree"][hidden][data-v-89a4437c] {
   display: none;
 }
 
-[data-component~="ui-tree-item"][data-v-07ef6009] {
+[data-component~="ui-tree-item"][data-v-9b8fd08d] {
   --_tree-row-min-height: 32px;
   --_tree-disclosure-size: 16px;
 
@@ -4010,7 +4057,7 @@ to {
   min-inline-size: 0;
   margin-inline-start: calc(var(--ui-tree-item-depth, 0) * var(--ui-tree-indent, 16px));
 }
-.row[data-v-07ef6009] {
+.row[data-v-9b8fd08d] {
   position: relative;
   display: grid;
   grid-template-columns: var(--_tree-disclosure-size) auto minmax(0, 1fr);
@@ -4027,38 +4074,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-07ef6009]:hover,
-[data-component~="ui-tree-item"][data-ui-tree-item-state~="selected"] .row[data-v-07ef6009],
-.row[data-v-07ef6009]:focus-within {
+.row[data-v-9b8fd08d]:hover,
+[data-component~="ui-tree-item"][data-ui-tree-item-state~="selected"] .row[data-v-9b8fd08d],
+.row[data-v-9b8fd08d]: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-07ef6009] {
+[data-component~="ui-tree-item"][data-ui-tree-item-state~="disabled"] .row[data-v-9b8fd08d] {
   opacity: 0.55;
 }
-[data-component~="ui-tree-item"][data-dragging] .row[data-v-07ef6009] {
+[data-component~="ui-tree-item"][data-dragging] .row[data-v-9b8fd08d] {
   opacity: 0.42;
 }
-[data-component~="ui-tree-item"][data-v-07ef6009]:focus {
+[data-component~="ui-tree-item"][data-v-9b8fd08d]:focus {
   outline: none;
 }
-[data-component~="ui-tree-item"]:focus-visible .row[data-v-07ef6009] {
+[data-component~="ui-tree-item"]:focus-visible .row[data-v-9b8fd08d] {
   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-07ef6009] {
+[data-component~="ui-tree-item"][data-drop-position="inside"] > .row[data-v-9b8fd08d] {
   background: var(--ui-accent-subtle);
   box-shadow: inset 0 0 0 1px var(--ui-tree-drop-color, var(--ui-accent-solid));
 }
-.disclosure[data-v-07ef6009],
-.disclosure-spacer[data-v-07ef6009] {
+.disclosure[data-v-9b8fd08d],
+.disclosure-spacer[data-v-9b8fd08d] {
   grid-column: 1;
   grid-row: 1;
   inline-size: var(--_tree-disclosure-size);
   block-size: 28px;
 }
-.disclosure[data-v-07ef6009] {
+.disclosure[data-v-9b8fd08d] {
   display: grid;
   /* Start-aligned: the chevron's ink, not its hit area, aligns with the content above it. */
   place-items: center start;
@@ -4069,14 +4116,14 @@ to {
   border-radius: var(--ui-radius-sm);
   cursor: pointer;
 }
-.disclosure[hidden][data-v-07ef6009] {
+.disclosure[hidden][data-v-9b8fd08d] {
   display: none;
 }
-.disclosure[data-v-07ef6009]:hover {
+.disclosure[data-v-9b8fd08d]:hover {
   color: var(--ui-text-primary);
   background: var(--ui-surface-elevated);
 }
-.disclosure-icon[data-v-07ef6009] {
+.disclosure-icon[data-v-9b8fd08d] {
   display: grid;
   place-items: center;
   inline-size: 12px;
@@ -4084,7 +4131,7 @@ to {
   transform: rotate(-90deg);
   transition: transform var(--ui-motion-fast) var(--ui-motion-ease);
 }
-.disclosure-icon[data-v-07ef6009]::before {
+.disclosure-icon[data-v-9b8fd08d]::before {
   display: block;
   inline-size: 0.375rem;
   block-size: 0.375rem;
@@ -4094,19 +4141,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-07ef6009] {
+[data-component~="ui-tree-item"][aria-expanded="true"] .disclosure-icon[data-v-9b8fd08d] {
   transform: rotate(0deg);
 }
 
 /* Lucide grip-vertical, filling the handle as in Looma 0.2. */
-.drag-handle svg[data-v-07ef6009] {
+.drag-handle svg[data-v-9b8fd08d] {
   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-07ef6009] {
+.leading[data-v-9b8fd08d] {
   display: inline-grid;
   place-items: center;
   grid-column: 2;
@@ -4116,12 +4163,12 @@ to {
   margin-inline-start: var(--ui-space-1);
   color: var(--ui-text-muted);
 }
-.leading[data-v-07ef6009]:empty {
+.leading[data-v-9b8fd08d]: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-07ef6009-s],img[data-v-07ef6009-s] {
+svg[data-v-9b8fd08d-s],img[data-v-9b8fd08d-s] {
   display: block;
   inline-size: 1em;
   block-size: 1em;
@@ -4130,7 +4177,7 @@ svg[data-v-07ef6009-s],img[data-v-07ef6009-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-07ef6009] {
+.label[data-v-9b8fd08d] {
   grid-column: 3;
   grid-row: 1;
   align-self: stretch;
@@ -4143,15 +4190,15 @@ svg[data-v-07ef6009-s],img[data-v-07ef6009-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-07ef6009-s] {
+.label > [data-v-9b8fd08d-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-07ef6009],
-.row:focus-within > .label[data-v-07ef6009] {
+.row:hover > .label[data-v-9b8fd08d],
+.row:focus-within > .label[data-v-9b8fd08d] {
   text-overflow: clip;
   mask-image: linear-gradient(
     to right,
@@ -4159,19 +4206,19 @@ svg[data-v-07ef6009-s],img[data-v-07ef6009-s] {
     transparent calc(100% - var(--_tree-actions-width, 1.75rem))
   );
 }
-.row:hover > .label[data-v-07ef6009]:dir(rtl),
-.row:focus-within > .label[data-v-07ef6009]:dir(rtl) {
+.row:hover > .label[data-v-9b8fd08d]:dir(rtl),
+.row:focus-within > .label[data-v-9b8fd08d]: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-07ef6009-s],
-.row:focus-within > .label > [data-v-07ef6009-s] {
+.row:hover > .label > [data-v-9b8fd08d-s],
+.row:focus-within > .label > [data-v-9b8fd08d-s] {
   text-overflow: clip;
 }
-.actions[data-v-07ef6009] {
+.actions[data-v-9b8fd08d] {
   position: absolute;
   z-index: 1;
   inset-block: 0;
@@ -4183,18 +4230,18 @@ svg[data-v-07ef6009-s],img[data-v-07ef6009-s] {
   pointer-events: none;
   transition: opacity var(--ui-motion-fast) var(--ui-motion-ease);
 }
-.row:hover > .actions[data-v-07ef6009],
-.row:focus-within > .actions[data-v-07ef6009] {
+.row:hover > .actions[data-v-9b8fd08d],
+.row:focus-within > .actions[data-v-9b8fd08d] {
   opacity: 1;
   pointer-events: auto;
 }
 
 /* Without hover there is no reveal, so the controls keep their own column. */
 @media (hover: none) {
-.row[data-v-07ef6009] {
+.row[data-v-9b8fd08d] {
     grid-template-columns: var(--_tree-disclosure-size) auto minmax(0, 1fr) auto;
 }
-.actions[data-v-07ef6009] {
+.actions[data-v-9b8fd08d] {
     position: static;
     grid-column: 4;
     grid-row: 1;
@@ -4204,7 +4251,7 @@ svg[data-v-07ef6009-s],img[data-v-07ef6009-s] {
     pointer-events: auto;
 }
 }
-.drag-handle[data-v-07ef6009] {
+.drag-handle[data-v-9b8fd08d] {
   position: absolute;
   z-index: 2;
   inset-block-start: 50%;
@@ -4225,16 +4272,16 @@ svg[data-v-07ef6009-s],img[data-v-07ef6009-s] {
   transform: translateY(-50%);
   transition: opacity var(--ui-motion-fast) var(--ui-motion-ease);
 }
-.row:hover .drag-handle[data-v-07ef6009],
-.drag-handle[data-v-07ef6009]:hover,
-.drag-handle[data-v-07ef6009]:focus-visible,
-[data-component~="ui-tree-item"][data-dragging] > .row > .drag-handle[data-v-07ef6009] {
+.row:hover .drag-handle[data-v-9b8fd08d],
+.drag-handle[data-v-9b8fd08d]:hover,
+.drag-handle[data-v-9b8fd08d]:focus-visible,
+[data-component~="ui-tree-item"][data-dragging] > .row > .drag-handle[data-v-9b8fd08d] {
   opacity: 1;
 }
-.drag-handle[data-v-07ef6009]:active {
+.drag-handle[data-v-9b8fd08d]:active {
   cursor: grabbing;
 }
-.drop-indicator[data-v-07ef6009] {
+.drop-indicator[data-v-9b8fd08d] {
   position: absolute;
   z-index: 3;
   inset-inline: 1px;
@@ -4244,8 +4291,8 @@ svg[data-v-07ef6009-s],img[data-v-07ef6009-s] {
   background: var(--ui-tree-drop-color, var(--ui-accent-solid));
   pointer-events: none;
 }
-.drop-indicator[data-v-07ef6009]::before,
-.drop-indicator[data-v-07ef6009]::after {
+.drop-indicator[data-v-9b8fd08d]::before,
+.drop-indicator[data-v-9b8fd08d]::after {
   content: "";
   position: absolute;
   inset-block-start: 50%;
@@ -4256,39 +4303,39 @@ svg[data-v-07ef6009-s],img[data-v-07ef6009-s] {
   background: var(--ui-surface-elevated);
   transform: translateY(-50%);
 }
-.drop-indicator[data-v-07ef6009]::before {
+.drop-indicator[data-v-9b8fd08d]::before {
   inset-inline-start: -1px;
 }
-.drop-indicator[data-v-07ef6009]::after {
+.drop-indicator[data-v-9b8fd08d]::after {
   inset-inline-end: -1px;
 }
-[data-component~="ui-tree-item"][data-drop-position="before"] > .row > .row-drop-indicator[data-v-07ef6009] {
+[data-component~="ui-tree-item"][data-drop-position="before"] > .row > .row-drop-indicator[data-v-9b8fd08d] {
   display: block;
   inset-block-start: -1px;
 }
-[data-component~="ui-tree-item"][data-drop-position="after"] > .subtree-drop-indicator[data-v-07ef6009] {
+[data-component~="ui-tree-item"][data-drop-position="after"] > .subtree-drop-indicator[data-v-9b8fd08d] {
   display: block;
   inset-block-end: -1px;
 }
-.children[hidden][data-v-07ef6009] {
+.children[hidden][data-v-9b8fd08d] {
   display: none;
 }
-html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"][data-v-07ef6009] {
+html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"][data-v-9b8fd08d] {
   --_tree-row-min-height: 44px;
 }
-html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .drag-handle[data-v-07ef6009] {
+html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .drag-handle[data-v-9b8fd08d] {
   display: none;
 }
 @media (prefers-reduced-motion: reduce) {
-.row[data-v-07ef6009],
-  .disclosure-icon[data-v-07ef6009],
-  .drag-handle[data-v-07ef6009] {
+.row[data-v-9b8fd08d],
+  .disclosure-icon[data-v-9b8fd08d],
+  .drag-handle[data-v-9b8fd08d] {
     transition: none;
 }
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-tree-item"][hidden][data-v-07ef6009] {
+[data-component~="ui-tree-item"][hidden][data-v-9b8fd08d] {
   display: none;
 }
 /**