@threadlabs/looma 0.5.2 → 0.6.0-rc.2

package/vue/components.css

@@ -172,36 +172,36 @@
   display: none;
 }
 
-[data-component~="ui-button"][data-v-44d2f337] {
+[data-component~="ui-button"][data-v-405b2c60] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   vertical-align: middle;
   color: var(--ui-action-secondary-text, var(--ui-text-primary));
 }
-[data-component~="ui-button"][data-ui-button-state~="variant=solid"][data-v-44d2f337] {
+[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-44d2f337] {
+[data-component~="ui-button"][data-ui-button-state~="align=start"][data-v-405b2c60] {
   justify-content: flex-start;
   text-align: start;
 }
-[data-component~="ui-button"][data-ui-button-state~="stretch"][data-v-44d2f337] {
+[data-component~="ui-button"][data-ui-button-state~="stretch"][data-v-405b2c60] {
   display: flex;
   inline-size: 100%;
 }
-[data-component~="ui-button"][data-v-44d2f337] {
+[data-component~="ui-button"][data-v-405b2c60] {
   appearance: none;
-  min-block-size: var(--ui-button-min-block-size, var(--ui-control-size-md, 2.5rem));
+  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-radius: var(--ui-button-radius, var(--ui-radius-2));
+  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)));
   font: inherit;
-  font-weight: var(--ui-font-medium, 500);
+  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, none);
+  background-image: var(--ui-raised-highlight);
   box-shadow: var(--ui-button-shadow, var(--ui-raised, var(--ui-shadow-xs)));
   cursor: pointer;
   transition:
@@ -213,29 +213,29 @@
   margin: 0;
 }
 @supports (text-box-trim: trim-both) {
-[data-component~="ui-button"][data-v-44d2f337] {
+[data-component~="ui-button"][data-v-405b2c60] {
     text-box-trim: trim-both;
     text-box-edge: cap alphabetic;
 }
 }
-[data-component~="ui-button"][data-ui-button-state~="size=sm"][data-v-44d2f337] {
-  min-block-size: var(--ui-control-size-sm, 2rem);
+[data-component~="ui-button"][data-ui-button-state~="size=sm"][data-v-405b2c60] {
+  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-44d2f337] {
-  min-block-size: var(--ui-control-size-lg, 3rem);
+[data-component~="ui-button"][data-ui-button-state~="size=lg"][data-v-405b2c60] {
+  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-44d2f337]:hover:enabled {
+[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-44d2f337]:active:enabled {
+[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-44d2f337] {
+[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));
@@ -245,19 +245,19 @@
     var(--ui-shadow-xs)
   );
 }
-[data-component~="ui-button"][data-ui-button-state~="variant=solid"][data-v-44d2f337]:hover:enabled {
+[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-44d2f337]:active:enabled {
+[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-44d2f337] {
+[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);
@@ -267,17 +267,35 @@
     var(--ui-shadow-xs)
   );
 }
-[data-component~="ui-button"][data-ui-button-state~="variant=danger"][data-v-44d2f337]:hover:enabled {
+[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-44d2f337]:active:enabled {
+[data-component~="ui-button"][data-ui-button-state~="variant=danger"][data-v-405b2c60]:active:enabled {
   box-shadow: none;
   transform: translateY(0);
 }
-[data-component~="ui-button"][data-ui-button-state~="variant=ghost"][data-v-44d2f337] {
+
+/* 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] {
   border-color: transparent;
   background: transparent;
   box-shadow: none;
@@ -285,84 +303,75 @@
 }
 
 /* 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-44d2f337]:hover:enabled {
-  background: var(--ui-button-ghost-hover, color-mix(in srgb, currentColor 8%, transparent));
+[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)
+  );
   border-color: transparent;
 }
-[data-component~="ui-button"][data-ui-button-state~="variant=ghost"][data-v-44d2f337]:active:enabled {
-  background: var(--ui-button-ghost-active, color-mix(in srgb, currentColor 14%, 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)
+  );
   border-color: transparent;
 }
 
 /* A soft halo that transitions in with the other box-shadow changes, layered on the raised shadow. */
-[data-component~="ui-button"][data-v-44d2f337]:focus-visible {
+[data-component~="ui-button"][data-v-405b2c60]:focus-visible {
   outline: none;
   box-shadow:
     var(--ui-button-shadow, var(--ui-raised, var(--ui-shadow-xs))),
     var(--ui-focus-halo);
 }
-[data-component~="ui-button"][data-ui-button-state~="variant=solid"][data-v-44d2f337]:focus-visible {
+[data-component~="ui-button"][data-ui-button-state~="variant=solid"][data-v-405b2c60]:focus-visible {
   box-shadow:
     var(--ui-button-solid-shadow, inset 0 1px rgb(255 255 255 / 0.16), var(--ui-shadow-xs)),
     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-44d2f337]:disabled {
-  opacity: var(--ui-button-disabled-opacity, 0.6);
+[data-component~="ui-button"][data-v-405b2c60]:disabled {
+  opacity: var(--ui-button-disabled-opacity, 1);
   cursor: not-allowed;
-  border-color: var(--ui-button-disabled-border, var(--ui-button-border, var(--ui-border-strong)));
-  background-color: var(
-    --ui-button-disabled-surface,
-    var(--ui-button-surface, var(--ui-surface-elevated))
-  );
-  color: var(
-    --ui-button-disabled-text,
-    var(--ui-button-text, var(--ui-action-secondary-text, var(--ui-text-primary)))
-  );
+  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-44d2f337]:disabled {
-  border-color: var(
-    --ui-button-disabled-border,
-    var(--ui-action-primary-surface, var(--ui-accent-solid))
-  );
-  background-color: var(
-    --ui-button-disabled-surface,
-    var(--ui-action-primary-surface, var(--ui-accent-solid))
-  );
-  color: var(--ui-button-disabled-text, var(--ui-action-primary-text, var(--ui-text-on-accent)));
+[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));
 }
-[data-component~="ui-button"][data-ui-button-state~="variant=danger"][data-v-44d2f337]:disabled {
-  border-color: var(--ui-button-disabled-border, var(--ui-danger-solid));
-  background-color: var(--ui-button-disabled-surface, var(--ui-danger-solid));
-  color: var(--ui-button-disabled-text, var(--ui-text-on-accent));
+[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));
 }
-[data-component~="ui-button"][data-ui-button-state~="variant=ghost"][data-v-44d2f337]:disabled {
+[data-component~="ui-button"][data-ui-button-state~="variant=ghost"][data-v-405b2c60]:disabled {
+  background: none;
   border-color: transparent;
-  background-color: transparent;
-  color: var(
-    --ui-button-disabled-text,
-    var(--ui-button-ghost-text, var(--ui-action-secondary-text, var(--ui-text-primary)))
-  );
+  color: var(--ui-button-disabled-text, var(--ui-disabled-text));
 }
 @media (pointer: coarse) {
-[data-component~="ui-button"][data-v-44d2f337] {
-    min-block-size: var(--ui-control-min-block-size, 2.75rem);
+[data-component~="ui-button"][data-v-405b2c60] {
+    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-44d2f337] {
+[data-component~="ui-button"][data-ui-button-state~="variant=link"][data-v-405b2c60] {
   display: inline;
   min-block-size: 0;
   padding: 0;
   border: 0;
-  border-radius: var(--ui-radius-sm, 4px);
+  border-radius: var(--ui-radius-sm);
   background: none;
   box-shadow: none;
   font: inherit;
-  color: var(--ui-button-link-color, var(--ui-text-secondary));
+  color: var(--ui-button-link-text, var(--ui-text-secondary));
   text-decoration-line: underline;
   text-decoration-thickness: 1px;
   text-decoration-color: color-mix(in srgb, currentColor 40%, transparent);
@@ -371,33 +380,34 @@
     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-44d2f337]:hover:enabled {
-  color: var(--ui-button-link-hover-color, var(--ui-text-primary));
+[data-component~="ui-button"][data-ui-button-state~="variant=link"][data-v-405b2c60]: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-44d2f337]:active:enabled {
+[data-component~="ui-button"][data-ui-button-state~="variant=link"][data-v-405b2c60]:active:enabled {
   background: none;
   transform: none;
 }
-[data-component~="ui-button"][data-ui-button-state~="variant=link"][data-v-44d2f337]:disabled {
+[data-component~="ui-button"][data-ui-button-state~="variant=link"][data-v-405b2c60]:disabled {
   background: none;
-  color: var(--ui-button-disabled-text, var(--ui-button-link-color, var(--ui-text-secondary)));
+  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-44d2f337]:focus-visible {
+[data-component~="ui-button"][data-ui-button-state~="variant=link"][data-v-405b2c60]: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, currentColor);
+  outline: 2px solid var(--ui-focus-ring);
   outline-offset: 2px;
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-button"][hidden][data-v-44d2f337] {
+[data-component~="ui-button"][hidden][data-v-405b2c60] {
   display: none;
 }
 
-[data-component~="ui-callout"][data-v-c6ed30ab] {
+[data-component~="ui-callout"][data-v-31ee6589] {
   --_callout-surface: var(--ui-info-soft);
   --_callout-border: var(--ui-info-solid);
   --_callout-icon: var(--ui-info-solid);
@@ -413,7 +423,7 @@
     color-mix(in srgb, var(--ui-callout-border, var(--_callout-border)) 35%, transparent);
   border-inline-start: var(--ui-callout-leading-border-width, 4px) solid
     var(--ui-callout-border, var(--_callout-border));
-  border-radius: var(--ui-radius-2);
+  border-radius: var(--ui-radius-md);
   background: var(--ui-callout-surface, var(--_callout-surface));
   color: var(--ui-callout-text, var(--ui-text-primary));
   font-family: var(--ui-font-family-sans);
@@ -423,47 +433,47 @@
 }
 
 /* One line box tall, so the icon centres on the first line of text. */
-.icon[data-v-c6ed30ab] {
+.icon[data-v-31ee6589] {
   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-c6ed30ab] {
+.icon svg[data-v-31ee6589] {
   inline-size: var(--ui-callout-icon-size, 1.125rem);
   block-size: var(--ui-callout-icon-size, 1.125rem);
 }
-.content[data-v-c6ed30ab] {
+.content[data-v-31ee6589] {
   min-inline-size: 0;
 }
-[data-component~="ui-callout"][data-ui-callout-state~="tone=note"][data-v-c6ed30ab] {
+[data-component~="ui-callout"][data-ui-callout-state~="tone=note"][data-v-31ee6589] {
   --_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-c6ed30ab] {
+[data-component~="ui-callout"][data-ui-callout-state~="tone=warning"][data-v-31ee6589] {
   --_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-c6ed30ab] {
+[data-component~="ui-callout"][data-ui-callout-state~="tone=success"][data-v-31ee6589] {
   --_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-c6ed30ab] {
+[data-component~="ui-callout"][data-ui-callout-state~="tone=danger"][data-v-31ee6589] {
   --_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-c6ed30ab] {
+[data-component~="ui-callout"][hidden][data-v-31ee6589] {
   display: none;
 }
 
-[data-component~="ui-checkbox"][data-v-1e598fdb] {
+[data-component~="ui-checkbox"][data-v-acf71232] {
   display: inline-flex;
   align-items: flex-start;
   gap: var(--ui-checkbox-gap, var(--ui-space-2));
@@ -471,11 +481,11 @@
   color: var(--ui-text-primary);
   cursor: pointer;
 }
-.label[data-v-1e598fdb] {
+.label[data-v-acf71232] {
   min-inline-size: 0;
   line-height: var(--ui-line-height-md);
 }
-input[data-v-1e598fdb] {
+input[data-v-acf71232] {
   appearance: none;
   -webkit-appearance: none;
   position: relative;
@@ -484,7 +494,7 @@ input[data-v-1e598fdb] {
   block-size: var(--ui-checkbox-size, 1.125rem);
   margin: 0.125em 0 0;
   border: 1px solid var(--ui-control-border-hover, var(--ui-border-strong));
-  border-radius: var(--ui-radius-1);
+  border-radius: var(--ui-radius-sm);
   background: var(--ui-control-surface, var(--ui-surface-default));
   box-shadow: inset 0 1px 2px color-mix(in srgb, var(--ui-text-primary) 8%, transparent);
   cursor: pointer;
@@ -493,20 +503,20 @@ input[data-v-1e598fdb] {
     border-color var(--ui-motion-fast) var(--ui-motion-ease),
     box-shadow var(--ui-motion-fast) var(--ui-motion-ease);
 }
-input[data-v-1e598fdb]::after {
+input[data-v-acf71232]::after {
   content: "";
   position: absolute;
   opacity: 0;
 }
-input[data-v-1e598fdb]:checked,
-input[data-v-1e598fdb]:indeterminate {
+input[data-v-acf71232]:checked,
+input[data-v-acf71232]: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-1e598fdb]:checked::after {
+input[data-v-acf71232]:checked::after {
   inset: 0;
   margin: auto;
   inline-size: 0.32rem;
@@ -516,7 +526,7 @@ input[data-v-1e598fdb]:checked::after {
   opacity: 1;
   transform: translateY(-0.11rem) rotate(45deg);
 }
-input[data-v-1e598fdb]:indeterminate::after {
+input[data-v-acf71232]:indeterminate::after {
   inset: 50% 0.23rem auto;
   block-size: 0.125rem;
   border-radius: var(--ui-radius-round);
@@ -524,30 +534,30 @@ input[data-v-1e598fdb]:indeterminate::after {
   opacity: 1;
   transform: translateY(-50%);
 }
-input[data-v-1e598fdb]:hover:enabled {
+input[data-v-acf71232]:hover:enabled {
   border-color: var(--ui-accent-solid);
 }
-input[data-v-1e598fdb]:focus-visible {
+input[data-v-acf71232]: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-1e598fdb] {
+[data-component~="ui-checkbox"][data-ui-checkbox-state~="disabled"][data-v-acf71232] {
   color: var(--ui-text-muted);
   cursor: not-allowed;
 }
-[data-component~="ui-checkbox"][data-ui-checkbox-state~="disabled"] input[data-v-1e598fdb] {
+[data-component~="ui-checkbox"][data-ui-checkbox-state~="disabled"] input[data-v-acf71232] {
   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-1e598fdb] {
+[data-component~="ui-checkbox"][hidden][data-v-acf71232] {
   display: none;
 }
 
-[data-component~="ui-cluster"][data-v-2a9e690c] {
-  --_layout-gap: var(--ui-space-3, 0.75rem);
+[data-component~="ui-cluster"][data-v-06d4310a] {
+  --_layout-gap: var(--ui-space-3);
   display: flex;
   flex-wrap: wrap;
   align-items: center;
@@ -556,37 +566,37 @@ input[data-v-1e598fdb]:focus-visible {
   max-inline-size: 100%;
   margin: 0;
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="gap=xs"][data-v-2a9e690c] {
-  --_layout-gap: var(--ui-space-2, 0.5rem);
+[data-component~="ui-cluster"][data-ui-cluster-state~="gap=xs"][data-v-06d4310a] {
+  --_layout-gap: var(--ui-space-2);
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="gap=s"][data-v-2a9e690c] {
-  --_layout-gap: var(--ui-space-3, 0.75rem);
+[data-component~="ui-cluster"][data-ui-cluster-state~="gap=s"][data-v-06d4310a] {
+  --_layout-gap: var(--ui-space-3);
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="gap=m"][data-v-2a9e690c] {
-  --_layout-gap: var(--ui-space-4, 1rem);
+[data-component~="ui-cluster"][data-ui-cluster-state~="gap=m"][data-v-06d4310a] {
+  --_layout-gap: var(--ui-space-4);
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="gap=l"][data-v-2a9e690c] {
-  --_layout-gap: var(--ui-space-5, 1.5rem);
+[data-component~="ui-cluster"][data-ui-cluster-state~="gap=l"][data-v-06d4310a] {
+  --_layout-gap: var(--ui-space-5);
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="gap=xl"][data-v-2a9e690c] {
-  --_layout-gap: var(--ui-space-6, 2rem);
+[data-component~="ui-cluster"][data-ui-cluster-state~="gap=xl"][data-v-06d4310a] {
+  --_layout-gap: var(--ui-space-6);
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="align=start"][data-v-2a9e690c] {
+[data-component~="ui-cluster"][data-ui-cluster-state~="align=start"][data-v-06d4310a] {
   align-items: flex-start;
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="align=end"][data-v-2a9e690c] {
+[data-component~="ui-cluster"][data-ui-cluster-state~="align=end"][data-v-06d4310a] {
   align-items: flex-end;
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="align=stretch"][data-v-2a9e690c] {
+[data-component~="ui-cluster"][data-ui-cluster-state~="align=stretch"][data-v-06d4310a] {
   align-items: stretch;
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-cluster"][hidden][data-v-2a9e690c] {
+[data-component~="ui-cluster"][hidden][data-v-06d4310a] {
   display: none;
 }
 
-[data-component~="ui-tooltip"][data-v-78626a50] {
+[data-component~="ui-tooltip"][data-v-3099b119] {
   position: fixed;
   inset: auto;
   margin: 0;
@@ -607,13 +617,13 @@ input[data-v-1e598fdb]:focus-visible {
     display var(--ui-motion-fast) allow-discrete,
     overlay var(--ui-motion-fast) allow-discrete;
 }
-.surface[data-v-78626a50] {
+.surface[data-v-3099b119] {
   --_tooltip-line: var(--ui-tooltip-border, var(--ui-border-default));
   position: relative;
   box-sizing: border-box;
   max-inline-size: var(--ui-tooltip-max-inline-size, 18rem);
   border: 1px solid var(--_tooltip-line);
-  border-radius: var(--ui-tooltip-radius, var(--ui-radius-1));
+  border-radius: var(--ui-tooltip-radius, var(--ui-radius-sm));
   background: var(--ui-tooltip-surface, var(--ui-surface-elevated));
   color: var(--ui-tooltip-text, var(--ui-text-primary));
   padding: var(--ui-space-1) var(--ui-space-2);
@@ -622,7 +632,7 @@ input[data-v-1e598fdb]: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-78626a50] {
+[data-component~="ui-tooltip"][data-ui-tooltip-state~="inverse"] .surface[data-v-3099b119] {
   --_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));
@@ -630,7 +640,7 @@ input[data-v-1e598fdb]: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-78626a50]::after {
+.surface[data-v-3099b119]::after {
   content: "";
   position: absolute;
   z-index: 1;
@@ -647,7 +657,7 @@ input[data-v-1e598fdb]: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-78626a50]::after {
+  .surface[data-v-3099b119]::after {
   inset-block-start: calc(var(--ui-tooltip-arrow-size, 0.5rem) / -2 - 0.5px);
   inset-block-end: auto;
   border-inline-end-width: 0;
@@ -658,67 +668,67 @@ input[data-v-1e598fdb]: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-78626a50]::after {
+  .surface[data-v-3099b119]::after {
   inset-inline-start: auto;
   inset-inline-end: var(--ui-space-3);
 }
-[data-component~="ui-tooltip"][data-v-78626a50]:popover-open {
+[data-component~="ui-tooltip"][data-v-3099b119]:popover-open {
   opacity: 1;
   transform: translateY(0);
 }
 @starting-style {
-[data-component~="ui-tooltip"][data-v-78626a50]:popover-open {
+[data-component~="ui-tooltip"][data-v-3099b119]:popover-open {
     opacity: 0;
     transform: translateY(4px);
 }
 }
-[data-component~="ui-tooltip"][hidden][data-v-78626a50] {
+[data-component~="ui-tooltip"][hidden][data-v-3099b119] {
   display: none;
 }
 @media (prefers-reduced-motion: reduce) {
-[data-component~="ui-tooltip"][data-v-78626a50] {
+[data-component~="ui-tooltip"][data-v-3099b119] {
     transition: none;
 }
 }
 
-[data-component~="ui-combobox"][data-v-7eb73ca2] {
+[data-component~="ui-combobox"][data-v-147b231f] {
   display: grid;
   gap: var(--ui-space-1);
   min-inline-size: 0;
   color: var(--ui-text-primary);
   font: inherit;
 }
-label[data-v-7eb73ca2] {
-  color: var(--ui-field-label-color, var(--ui-text-primary));
-  font-size: var(--ui-field-label-size, 0.875rem);
-  font-weight: var(--ui-field-label-weight, 500);
+label[data-v-147b231f] {
+  color: var(--ui-combobox-label-text, var(--ui-text-primary));
+  font-size: var(--ui-combobox-label-font-size, 0.875rem);
+  font-weight: 500;
 }
-.field[data-v-7eb73ca2] {
+.field[data-v-147b231f] {
   display: flex;
   min-inline-size: 0;
   border: 1px solid var(--ui-control-border, var(--ui-border-default));
-  border-radius: var(--ui-radius-2);
+  border-radius: var(--ui-radius-md);
   background: var(--ui-control-surface, var(--ui-surface-default));
   box-shadow: var(--ui-control-inset);
   transition:
     border-color var(--ui-motion-fast) var(--ui-motion-ease),
     box-shadow var(--ui-motion-fast) var(--ui-motion-ease);
 }
-.field[data-v-7eb73ca2]:focus-within {
+.field[data-v-147b231f]:focus-within {
   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-7eb73ca2]::selection {
+input[data-v-147b231f]::selection {
   background: color-mix(in srgb, var(--ui-accent-solid) 20%, transparent);
   color: inherit;
 }
-input[data-v-7eb73ca2] {
+input[data-v-147b231f] {
   appearance: none;
   width: 100%;
   min-inline-size: 0;
-  min-block-size: calc(var(--ui-control-size-md, 2.5rem) - 2px);
+  min-block-size: calc(var(--ui-control-size-md) - 2px);
   box-sizing: border-box;
   border: 0;
   border-radius: inherit;
@@ -730,50 +740,50 @@ input[data-v-7eb73ca2] {
   margin: 0;
   outline: none;
 }
-[data-component~="ui-combobox"][data-ui-combobox-state~="size=sm"] input[data-v-7eb73ca2] {
-  min-block-size: calc(var(--ui-field-compact-size, var(--ui-control-size-sm, 2rem)) - 2px);
+[data-component~="ui-combobox"][data-ui-combobox-state~="size=sm"] input[data-v-147b231f] {
+  min-block-size: calc(var(--ui-control-size-sm) - 2px);
   padding: var(--ui-space-1) var(--ui-space-2);
 }
-button[data-v-7eb73ca2] {
+button[data-v-147b231f] {
   appearance: none;
   display: inline-grid;
   place-items: center;
   align-self: stretch;
   border: 0;
-  border-radius: var(--ui-radius-2);
+  border-radius: var(--ui-radius-md);
   background: transparent;
-  color: var(--ui-field-affordance-color, var(--ui-text-secondary));
+  color: var(--ui-combobox-affordance-text, var(--ui-text-secondary));
   font: inherit;
-  font-weight: var(--ui-field-affordance-weight, 400);
+  font-weight: 400;
   min-inline-size: 2rem;
   padding: 0 var(--ui-space-1);
   cursor: pointer;
 }
-.affordance-icon[data-v-7eb73ca2] {
+.affordance-icon[data-v-147b231f] {
   display: block;
-  inline-size: var(--ui-icon-size-sm, 1rem);
-  block-size: var(--ui-icon-size-sm, 1rem);
+  inline-size: var(--ui-icon-size-sm);
+  block-size: var(--ui-icon-size-sm);
 }
-button[data-v-7eb73ca2]:hover:enabled {
+button[data-v-147b231f]:hover:enabled {
   background: var(--ui-surface-muted);
   color: var(--ui-text-primary);
 }
-button[data-v-7eb73ca2]:focus-visible {
+button[data-v-147b231f]: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-7eb73ca2]:disabled, button[data-v-7eb73ca2]:disabled {
+input[data-v-147b231f]:disabled, button[data-v-147b231f]:disabled {
   color: var(--ui-text-muted);
   cursor: not-allowed;
 }
-.field[data-v-7eb73ca2]:has(input:disabled) {
+.field[data-v-147b231f]: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-7eb73ca2] {
+[data-component~="ui-combobox"][data-ui-combobox-state~="validationStatus=error"] .field[data-v-147b231f] {
   border-color: var(--ui-danger-solid, var(--ui-accent-active));
 }
-.popup[data-v-7eb73ca2] {
+.popup[data-v-147b231f] {
   box-sizing: border-box;
   min-inline-size: 12rem;
   max-inline-size: calc(100vw - 1rem);
@@ -782,45 +792,45 @@ input[data-v-7eb73ca2]:disabled, button[data-v-7eb73ca2]:disabled {
   margin: 0;
   padding: var(--ui-space-1);
   border: 1px solid var(--ui-border-default);
-  border-radius: var(--ui-radius-2);
+  border-radius: var(--ui-radius-md);
   background: var(--ui-surface-elevated);
   color: var(--ui-text-primary);
   box-shadow: var(--ui-elevation-overlay, var(--ui-shadow-lg));
 }
-[hidden][data-v-7eb73ca2] {
+[hidden][data-v-147b231f] {
   display: none;
 }
-.option[data-v-7eb73ca2] {
+.option[data-v-147b231f] {
   padding: var(--ui-space-2) var(--ui-space-3);
-  border-radius: var(--ui-radius-1);
+  border-radius: var(--ui-radius-sm);
   cursor: pointer;
   overflow-wrap: anywhere;
 }
-.option[data-v-7eb73ca2]:hover, .option.active[data-v-7eb73ca2] {
+.option[data-v-147b231f]:hover, .option.active[data-v-147b231f] {
   background: var(--ui-surface-muted);
-  outline: 1px solid var(--ui-focus-ring, currentColor);
+  outline: 1px solid var(--ui-focus-ring);
   outline-offset: -1px;
 }
-.option[aria-disabled="true"][data-v-7eb73ca2] {
+.option[aria-disabled="true"][data-v-147b231f] {
   color: var(--ui-text-muted);
   cursor: not-allowed;
 }
-.primary[data-v-7eb73ca2] {
+.primary[data-v-147b231f] {
   display: block;
-  color: var(--ui-option-primary-color, var(--ui-text-primary));
-  font-weight: var(--ui-option-primary-weight, 500);
+  color: var(--ui-combobox-option-text, var(--ui-text-primary));
+  font-weight: 500;
 }
-.message[data-v-7eb73ca2], .group[data-v-7eb73ca2] {
-  color: var(--ui-field-message-color, var(--ui-text-secondary));
-  font-weight: var(--ui-field-message-weight, 400);
+.message[data-v-147b231f], .group[data-v-147b231f] {
+  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-7eb73ca2], .popup .message[data-v-7eb73ca2] {
+.group[data-v-147b231f], .popup .message[data-v-147b231f] {
   padding: var(--ui-space-2) var(--ui-space-3);
 }
-.sr-only[data-v-7eb73ca2] {
+.sr-only[data-v-147b231f] {
   position: absolute;
   inline-size: 1px;
   block-size: 1px;
@@ -829,95 +839,95 @@ input[data-v-7eb73ca2]:disabled, button[data-v-7eb73ca2]:disabled {
   white-space: nowrap;
 }
 @media (pointer: coarse) {
-button[data-v-7eb73ca2] {
+button[data-v-147b231f] {
     min-inline-size: 2.75rem;
     min-block-size: 2.75rem;
 }
 }
 @media (forced-colors: active) {
-.field[data-v-7eb73ca2], .popup[data-v-7eb73ca2] {
+.field[data-v-147b231f], .popup[data-v-147b231f] {
     border-color: CanvasText;
 }
-.option.active[data-v-7eb73ca2] {
+.option.active[data-v-147b231f] {
     outline-color: Highlight;
 }
 }
 
 /* Multiple mode: chips wrap before the cursor on one flexible field line. */
-[data-component~="ui-combobox"][data-ui-combobox-state~="multiple"] .field[data-v-7eb73ca2] {
+[data-component~="ui-combobox"][data-ui-combobox-state~="multiple"] .field[data-v-147b231f] {
   flex-wrap: wrap;
   align-items: center;
   gap: var(--ui-space-1);
-  min-block-size: var(--ui-multi-combobox-min-block-size, 2.5rem);
+  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-7eb73ca2] {
-  flex: 1 0 var(--ui-multi-combobox-input-min-inline-size, 5rem);
+[data-component~="ui-combobox"][data-ui-combobox-state~="multiple"] input[data-v-147b231f] {
+  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-7eb73ca2] {
+.item[data-v-147b231f] {
   appearance: none;
   display: inline-flex;
   min-inline-size: 0;
-  max-inline-size: min(100%, var(--ui-multi-combobox-item-max-inline-size, 12rem));
+  max-inline-size: min(100%, var(--ui-combobox-item-item-max-inline-size, 12rem));
   overflow: hidden;
   padding: 0;
   border: 0;
-  border-radius: var(--ui-radius-1);
+  border-radius: var(--ui-radius-sm);
   background: transparent;
   color: inherit;
   font: inherit;
   cursor: default;
 }
-.item[data-v-7eb73ca2]:focus-visible {
-  outline: 2px solid var(--ui-focus-ring, currentColor);
+.item[data-v-147b231f]:focus-visible {
+  outline: 2px solid var(--ui-focus-ring);
   outline-offset: 1px;
 }
-.item[data-v-7eb73ca2]:disabled {
+.item[data-v-147b231f]: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-7eb73ca2] {
+[data-component~="ui-combobox"][hidden][data-v-147b231f] {
   display: none;
 }
 
-[data-component~="ui-container"][data-v-bf6caa0d] {
+[data-component~="ui-container"][data-v-4c7bb81d] {
   --_container-measure: 65ch;
-  --_container-gutters: var(--ui-space-4, 1rem);
+  --_container-gutters: var(--ui-space-4);
   display: block;
   inline-size: 100%;
   max-inline-size: var(--ui-container-measure, var(--_container-measure));
   margin-inline: auto;
   padding-inline: var(--ui-container-gutters, var(--_container-gutters));
 }
-[data-component~="ui-container"][data-ui-container-state~="measure=narrow"][data-v-bf6caa0d] {
+[data-component~="ui-container"][data-ui-container-state~="measure=narrow"][data-v-4c7bb81d] {
   --_container-measure: 45ch;
 }
-[data-component~="ui-container"][data-ui-container-state~="measure=wide"][data-v-bf6caa0d] {
+[data-component~="ui-container"][data-ui-container-state~="measure=wide"][data-v-4c7bb81d] {
   --_container-measure: 80ch;
 }
-[data-component~="ui-container"][data-ui-container-state~="gutters=s"][data-v-bf6caa0d] {
-  --_container-gutters: var(--ui-space-3, 0.75rem);
+[data-component~="ui-container"][data-ui-container-state~="gutters=s"][data-v-4c7bb81d] {
+  --_container-gutters: var(--ui-space-3);
 }
-[data-component~="ui-container"][data-ui-container-state~="gutters=m"][data-v-bf6caa0d] {
-  --_container-gutters: var(--ui-space-4, 1rem);
+[data-component~="ui-container"][data-ui-container-state~="gutters=m"][data-v-4c7bb81d] {
+  --_container-gutters: var(--ui-space-4);
 }
-[data-component~="ui-container"][data-ui-container-state~="gutters=l"][data-v-bf6caa0d] {
-  --_container-gutters: var(--ui-space-5, 1.5rem);
+[data-component~="ui-container"][data-ui-container-state~="gutters=l"][data-v-4c7bb81d] {
+  --_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-bf6caa0d] {
+[data-component~="ui-container"][hidden][data-v-4c7bb81d] {
   display: none;
 }
 
-[data-component~="ui-context-menu"][data-v-9d2943e9] {
+[data-component~="ui-context-menu"][data-v-39e418e5] {
   display: contents;
 }
-.menu[data-v-9d2943e9] {
+.menu[data-v-39e418e5] {
   position: fixed;
   inset: auto;
   margin: 0;
@@ -927,11 +937,11 @@ button[data-v-7eb73ca2] {
   padding: var(--ui-space-1);
   background: var(--ui-surface-elevated);
   border: 1px solid var(--ui-border-default);
-  border-radius: var(--ui-radius-3);
+  border-radius: var(--ui-radius-lg);
   box-shadow: var(--ui-elevation-overlay, var(--ui-shadow-lg));
   outline: 0;
   overflow: auto;
-  z-index: var(--ui-z-overlay, 1000);
+  z-index: var(--ui-context-menu-z-index, 1000);
   min-width: 12rem;
   opacity: 0;
   transform: translateY(-4px) scale(0.99);
@@ -941,41 +951,41 @@ button[data-v-7eb73ca2] {
     display var(--ui-motion-fast) allow-discrete,
     overlay var(--ui-motion-fast) allow-discrete;
 }
-.menu[data-v-9d2943e9]:popover-open {
+.menu[data-v-39e418e5]:popover-open {
   opacity: 1;
   transform: translateY(0) scale(1);
 }
 @starting-style {
-.menu[data-v-9d2943e9]:popover-open {
+.menu[data-v-39e418e5]:popover-open {
     opacity: 0;
     transform: translateY(-4px) scale(0.99);
 }
 }
-.menu[hidden][data-v-9d2943e9],
-.menu[popover][data-v-9d2943e9]:not(:popover-open) {
+.menu[hidden][data-v-39e418e5],
+.menu[popover][data-v-39e418e5]:not(:popover-open) {
   display: none;
 }
 @media (prefers-reduced-motion: reduce) {
-.menu[data-v-9d2943e9] {
+.menu[data-v-39e418e5] {
     transition: none;
 }
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-context-menu"][hidden][data-v-9d2943e9] {
+[data-component~="ui-context-menu"][hidden][data-v-39e418e5] {
   display: none;
 }
 
-[data-component~="ui-dialog"][data-v-e78fa426] {
+[data-component~="ui-dialog"][data-v-05ac1756] {
   position: fixed;
   inset: 0;
   box-sizing: border-box;
   inline-size: min(
-    calc(100% - var(--ui-dialog-viewport-gap, var(--ui-space-4, 1rem)) * 2),
+    calc(100% - var(--ui-dialog-viewport-gap, var(--ui-space-4)) * 2),
     var(--ui-dialog-max-width, 440px)
   );
   max-inline-size: none;
-  max-block-size: calc(100dvh - var(--ui-dialog-viewport-gap, var(--ui-space-4, 1rem)) * 2);
+  max-block-size: calc(100dvh - var(--ui-dialog-viewport-gap, var(--ui-space-4)) * 2);
   margin: auto;
   padding: 0;
   overflow: hidden;
@@ -995,17 +1005,17 @@ button[data-v-7eb73ca2] {
     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-e78fa426] {
+[data-component~="ui-dialog"][open][data-v-05ac1756] {
   display: flex;
   visibility: visible;
   pointer-events: auto;
   opacity: 1;
   transform: scale(1);
-  animation: ui-dialog-enter-e78fa426 var(--ui-dialog-duration, var(--ui-motion-base)) var(--ui-motion-ease);
+  animation: ui-dialog-enter-05ac1756 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-e78fa426] {
+header[data-v-05ac1756] {
   display: flex;
   align-items: center;
   gap: var(--ui-space-3);
@@ -1015,7 +1025,7 @@ header[data-v-e78fa426] {
 }
 
 /* :host-qualified so page heading rules that reach in cannot outrank the dialog chrome. */
-[data-component~="ui-dialog"] .title[data-v-e78fa426] {
+[data-component~="ui-dialog"] .title[data-v-05ac1756] {
   flex: 1;
   min-inline-size: 0;
   margin: 0;
@@ -1023,20 +1033,20 @@ header[data-v-e78fa426] {
   border: 0;
   color: var(--ui-text-primary);
   letter-spacing: normal;
-  font-size: var(--ui-font-size-lg, 1.125rem);
-  font-weight: var(--ui-font-semibold, 600);
+  font-size: var(--ui-font-size-lg);
+  font-weight: var(--ui-font-semibold);
   line-height: var(--ui-line-height-tight);
 }
-.close[data-v-e78fa426] {
+.close[data-v-05ac1756] {
   display: inline-grid;
   place-items: center;
   flex: none;
   margin-inline-start: auto;
-  inline-size: var(--ui-control-size-sm, 2rem);
-  block-size: var(--ui-control-size-sm, 2rem);
+  inline-size: var(--ui-control-size-sm);
+  block-size: var(--ui-control-size-sm);
   padding: 0;
   border: 0;
-  border-radius: var(--ui-radius-round, 999px);
+  border-radius: var(--ui-radius-round);
   background: transparent;
   color: var(--ui-text-secondary);
   cursor: pointer;
@@ -1046,8 +1056,8 @@ header[data-v-e78fa426] {
 }
 
 /* A CSS-drawn X. */
-.close[data-v-e78fa426]::before,
-.close[data-v-e78fa426]::after {
+.close[data-v-05ac1756]::before,
+.close[data-v-05ac1756]::after {
   content: "";
   grid-area: 1 / 1;
   inline-size: 0.875rem;
@@ -1056,37 +1066,37 @@ header[data-v-e78fa426] {
   background: currentColor;
   transform: rotate(45deg);
 }
-.close[data-v-e78fa426]::after {
+.close[data-v-05ac1756]::after {
   transform: rotate(-45deg);
 }
-.close[data-v-e78fa426]:hover {
+.close[data-v-05ac1756]:hover {
   background: var(--ui-surface-muted);
   color: var(--ui-text-primary);
 }
-.close[data-v-e78fa426]:focus-visible {
-  outline: 2px solid var(--ui-focus-ring, currentColor);
+.close[data-v-05ac1756]: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-e78fa426] {
-    inline-size: var(--ui-control-min-block-size, 2.75rem);
-    block-size: var(--ui-control-min-block-size, 2.75rem);
+.close[data-v-05ac1756] {
+    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-e78fa426] {
-  inline-size: var(--ui-control-min-block-size, 2.75rem);
-  block-size: var(--ui-control-min-block-size, 2.75rem);
+html[data-ui-input-modality="touch"] [data-component~="ui-dialog"] .close[data-v-05ac1756] {
+  inline-size: var(--ui-control-min-block-size);
+  block-size: var(--ui-control-min-block-size);
 }
-.body[data-v-e78fa426] {
+.body[data-v-05ac1756] {
   flex: 1 1 auto;
   min-block-size: 0;
   overflow: auto;
   overscroll-behavior: contain;
   padding: var(--ui-space-5);
 }
-footer[data-v-e78fa426] {
+footer[data-v-05ac1756] {
   display: flex;
   flex: none;
   flex-wrap: wrap;
@@ -1095,72 +1105,85 @@ footer[data-v-e78fa426] {
   padding: var(--ui-space-3) var(--ui-space-5);
   border-block-start: 1px solid var(--ui-border-default);
 }
-footer[data-v-e78fa426]:empty {
+footer[data-v-05ac1756]:empty {
   display: none;
 }
-@keyframes ui-dialog-enter-e78fa426 {
+@keyframes ui-dialog-enter-05ac1756 {
 from {
     opacity: 0;
     transform: scale(0.96);
 }
 }
-[data-component~="ui-dialog"][data-v-e78fa426]::backdrop {
+[data-component~="ui-dialog"][data-v-05ac1756]::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-e78fa426]::backdrop {
+[data-component~="ui-dialog"][open][data-v-05ac1756]::backdrop {
   background-color: var(--ui-overlay-backdrop);
-  animation: ui-dialog-backdrop-enter-e78fa426 var(--ui-dialog-duration, var(--ui-motion-base))
+  animation: ui-dialog-backdrop-enter-05ac1756 var(--ui-dialog-duration, var(--ui-motion-base))
     var(--ui-motion-ease);
 }
-@keyframes ui-dialog-backdrop-enter-e78fa426 {
+@keyframes ui-dialog-backdrop-enter-05ac1756 {
 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] {
+  --_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] {
+  --_trigger-min-block-size: var(--ui-control-size-sm);
+  --_trigger-padding-block: var(--ui-space-1);
+  --_trigger-padding-inline: var(--ui-space-2);
+}
+
 /* 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-283377cf] {
+[data-component~="ui-disclosure"][data-v-d9a330a8] {
   display: block;
   inline-size: 100%;
   overflow: clip;
   border-block-end: 1px solid var(--ui-border-default);
   color: var(--ui-text-primary);
 }
-.trigger[data-v-283377cf] {
+.trigger[data-v-d9a330a8] {
   display: grid;
   grid-template-columns: minmax(0, 1fr) auto;
   gap: var(--ui-space-3);
   align-items: center;
   inline-size: 100%;
-  min-block-size: 2.5rem;
-  padding: var(--ui-space-2) var(--ui-space-3);
+  min-block-size: var(--ui-disclosure-trigger-min-block-size, var(--_trigger-min-block-size));
+  padding: var(--ui-disclosure-trigger-padding-block, var(--_trigger-padding-block))
+    var(--ui-disclosure-trigger-padding-inline, var(--_trigger-padding-inline));
   border: 0;
   background: transparent;
   color: inherit;
   font: inherit;
-  font-weight: var(--ui-font-semibold, 600);
+  font-weight: var(--ui-font-semibold);
   text-align: start;
   cursor: pointer;
-  border-radius: var(--ui-radius-1);
+  border-radius: var(--ui-radius-sm);
   transition: background-color var(--ui-motion-fast) var(--ui-motion-ease);
 }
-.trigger[data-v-283377cf]:hover:not(:disabled) {
+.trigger[data-v-d9a330a8]:hover:not(:disabled) {
   background: var(--ui-surface-muted);
 }
-.trigger[data-v-283377cf]:focus-visible {
+.trigger[data-v-d9a330a8]:focus-visible {
   outline: none;
   box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--ui-focus-ring) 45%, transparent);
 }
-.trigger[data-v-283377cf]:disabled {
+.trigger[data-v-d9a330a8]:disabled {
   color: var(--ui-text-muted);
   cursor: not-allowed;
 }
-.chevron[data-v-283377cf] {
+.chevron[data-v-d9a330a8] {
   inline-size: 0.5rem;
   block-size: 0.5rem;
   border-inline-end: 2px solid currentColor;
@@ -1168,39 +1191,39 @@ from {
   transform: rotate(45deg) translate(-1px, -1px);
   transition: transform var(--ui-motion-fast) var(--ui-motion-ease);
 }
-.panel[data-v-283377cf] {
+.panel[data-v-d9a330a8] {
   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-283377cf] {
+.panel-inner[data-v-d9a330a8] {
   min-block-size: 0;
   overflow: hidden;
   padding-inline: var(--ui-space-3);
 }
-[data-component~="ui-disclosure"][data-ui-disclosure-state~="internalOpen"] .panel[data-v-283377cf] {
+[data-component~="ui-disclosure"][data-ui-disclosure-state~="internalOpen"] .panel[data-v-d9a330a8] {
   grid-template-rows: 1fr;
 }
-[data-component~="ui-disclosure"][data-ui-disclosure-state~="internalOpen"] .panel-inner[data-v-283377cf] {
+[data-component~="ui-disclosure"][data-ui-disclosure-state~="internalOpen"] .panel-inner[data-v-d9a330a8] {
   padding-block: 0 var(--ui-space-3);
 }
-[data-component~="ui-disclosure"][data-ui-disclosure-state~="internalOpen"] .chevron[data-v-283377cf] {
+[data-component~="ui-disclosure"][data-ui-disclosure-state~="internalOpen"] .chevron[data-v-d9a330a8] {
   transform: rotate(225deg) translate(-1px, -1px);
 }
 @media (prefers-reduced-motion: reduce) {
-.panel[data-v-283377cf],
-  .chevron[data-v-283377cf] {
+.panel[data-v-d9a330a8],
+  .chevron[data-v-d9a330a8] {
     transition: none;
 }
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-disclosure"][hidden][data-v-283377cf] {
+[data-component~="ui-disclosure"][hidden][data-v-d9a330a8] {
   display: none;
 }
 
-[data-component~="ui-editable"][data-v-f4bef809] {
+[data-component~="ui-editable"][data-v-3707d050] {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
@@ -1211,20 +1234,20 @@ 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-f4bef809] {
+.field[data-v-3707d050] {
   display: inline-grid;
   min-inline-size: 8rem;
   max-inline-size: 100%;
 }
-.preview[data-v-f4bef809],
-.input[data-v-f4bef809] {
+.preview[data-v-3707d050],
+.input[data-v-3707d050] {
   grid-area: 1 / 1;
   box-sizing: border-box;
-  min-block-size: var(--ui-control-size-sm, 2rem);
+  min-block-size: var(--ui-control-size-sm);
   margin: 0;
   padding: var(--ui-space-1) var(--ui-space-2);
   border: 1px solid transparent;
-  border-radius: var(--ui-radius-2);
+  border-radius: var(--ui-radius-md);
   font: inherit;
   line-height: var(--ui-line-height-md);
   color: inherit;
@@ -1233,7 +1256,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-f4bef809] {
+.preview[data-v-3707d050] {
   display: inline-flex;
   gap: var(--ui-space-2);
   align-items: center;
@@ -1241,233 +1264,233 @@ from {
   text-align: start;
   cursor: pointer;
 }
-.preview[data-v-f4bef809]:hover:not(:disabled) {
+.preview[data-v-3707d050]:hover:not(:disabled) {
   background: var(--ui-surface-muted);
 }
-.preview[data-v-f4bef809]:focus-visible {
+.preview[data-v-3707d050]:focus-visible {
   outline: none;
   box-shadow: var(--ui-focus-halo);
 }
-.hint[data-v-f4bef809] {
+.hint[data-v-3707d050] {
   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-f4bef809] {
+.input[data-v-3707d050] {
   contain: inline-size;
   inline-size: 100%;
   min-inline-size: 0;
   visibility: hidden;
   background: var(--ui-control-surface, var(--ui-surface-elevated));
 }
-.input[data-v-f4bef809]:focus {
+.input[data-v-3707d050]: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-f4bef809]::selection {
+.input[data-v-3707d050]::selection {
   background: color-mix(in srgb, var(--ui-accent-solid) 20%, transparent);
 }
-[data-component~="ui-editable"][data-ui-editable-state~="internalEdit"] .preview[data-v-f4bef809] {
+[data-component~="ui-editable"][data-ui-editable-state~="internalEdit"] .preview[data-v-3707d050] {
   visibility: hidden;
 }
-[data-component~="ui-editable"][data-ui-editable-state~="internalEdit"] .input[data-v-f4bef809] {
+[data-component~="ui-editable"][data-ui-editable-state~="internalEdit"] .input[data-v-3707d050] {
   visibility: visible;
 }
-.actions[data-v-f4bef809] {
+.actions[data-v-3707d050] {
   display: none;
   gap: var(--ui-space-1);
 }
-[data-component~="ui-editable"][data-ui-editable-state~="internalEdit"] .actions[data-v-f4bef809] {
+[data-component~="ui-editable"][data-ui-editable-state~="internalEdit"] .actions[data-v-3707d050] {
   display: inline-flex;
 }
-.actions button[data-v-f4bef809] {
-  min-block-size: var(--ui-control-size-sm, 2rem);
+.actions button[data-v-3707d050] {
+  min-block-size: var(--ui-control-size-sm);
   padding: 0 var(--ui-space-3);
   border: 1px solid var(--ui-border-strong);
-  border-radius: var(--ui-radius-2);
+  border-radius: var(--ui-radius-md);
   background: var(--ui-surface-elevated);
-  background-image: var(--ui-raised-highlight, none);
-  box-shadow: var(--ui-raised, none);
+  background-image: var(--ui-raised-highlight);
+  box-shadow: var(--ui-raised);
   color: inherit;
   font: inherit;
   font-size: var(--ui-font-size-sm);
   cursor: pointer;
 }
-.actions .save[data-v-f4bef809] {
+.actions .save[data-v-3707d050] {
   border-color: var(--ui-accent-solid);
   background: var(--ui-accent-solid);
   color: var(--ui-text-on-accent);
 }
-.actions button[data-v-f4bef809]:focus-visible {
+.actions button[data-v-3707d050]:focus-visible {
   outline: none;
   box-shadow: var(--ui-focus-halo);
 }
-[data-component~="ui-editable"][data-ui-editable-state~="disabled"] .preview[data-v-f4bef809] {
+[data-component~="ui-editable"][data-ui-editable-state~="disabled"] .preview[data-v-3707d050] {
   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-f4bef809] {
+[data-component~="ui-editable"][hidden][data-v-3707d050] {
   display: none;
 }
 
-[data-component~="ui-editor-insert-table-grid"][data-v-daf13b61] {
-  padding: var(--ui-space-3, 12px);
-  background: var(--ui-surface, #fff);
-  border: 1px solid var(--ui-border, #e5e7eb);
-  border-radius: var(--ui-radius-md, 6px);
+[data-component~="ui-editor-insert-table-grid"][data-v-c4064690] {
+  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-daf13b61] {
-  margin: 0 0 var(--ui-space-2, 8px);
-  font-size: var(--ui-text-sm, 0.875rem);
-  color: var(--ui-text-muted, #6b7280);
+.hint[data-v-c4064690] {
+  margin: 0 0 var(--ui-space-2);
+  font-size: var(--ui-font-size-sm);
+  color: var(--ui-text-muted);
 }
-.grid[data-v-daf13b61] {
+.grid[data-v-c4064690] {
   display: grid;
   grid-template-columns: repeat(var(--ui-editor-table-grid-cols, 8), 1.25rem);
   grid-template-rows: repeat(var(--ui-editor-table-grid-rows, 8), 1.25rem);
   gap: 2px;
-  margin-bottom: var(--ui-space-2, 8px);
+  margin-bottom: var(--ui-space-2);
 }
-.cell[data-v-daf13b61] {
+.cell[data-v-c4064690] {
   width: 1.25rem;
   height: 1.25rem;
   padding: 0;
-  border: 1px solid var(--ui-border, #e5e7eb);
+  border: 1px solid var(--ui-border);
   border-radius: 2px;
-  background: var(--ui-surface, #fff);
+  background: var(--ui-surface);
   cursor: pointer;
 }
-.cell.selected[data-v-daf13b61] {
-  background: var(--ui-accent-solid, var(--ui-accent, #0066cc));
-  border-color: var(--ui-accent-solid, var(--ui-accent, #0066cc));
+.cell.selected[data-v-c4064690] {
+  background: var(--ui-accent-solid, var(--ui-accent));
+  border-color: var(--ui-accent-solid, var(--ui-accent));
 }
-.header[data-v-daf13b61] {
+.header[data-v-c4064690] {
   display: block;
-  margin-bottom: var(--ui-space-2, 8px);
-  font-size: var(--ui-text-sm, 0.875rem);
+  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-daf13b61] {
+[data-component~="ui-editor-insert-table-grid"] .insert[data-v-c4064690] {
   width: 100%;
-  padding: var(--ui-space-2, 8px) var(--ui-space-3, 12px);
-  border: 1px solid var(--ui-border, #e5e7eb);
-  border-radius: var(--ui-radius-sm, 4px);
-  background: var(--ui-accent-solid, var(--ui-accent, #0066cc));
-  color: var(--ui-accent-contrast, #fff);
-  font-size: var(--ui-text-sm, 0.875rem);
+  padding: var(--ui-space-2) var(--ui-space-3);
+  border: 1px solid var(--ui-border);
+  border-radius: var(--ui-radius-sm);
+  background: var(--ui-accent-solid, var(--ui-accent));
+  color: var(--ui-accent-contrast);
+  font-size: var(--ui-font-size-sm);
   cursor: pointer;
 }
-[data-component~="ui-editor-insert-table-grid"] .insert[data-v-daf13b61]:hover {
+[data-component~="ui-editor-insert-table-grid"] .insert[data-v-c4064690]:hover {
   filter: brightness(1.05);
 }
-[data-component~="ui-editor-insert-table-grid"][hidden][data-v-daf13b61] {
+[data-component~="ui-editor-insert-table-grid"][hidden][data-v-c4064690] {
   display: none;
 }
 
-[data-component~="ui-editor-mention-menu"][data-v-e6ede828] {
+[data-component~="ui-editor-mention-menu"][data-v-2abe407e] {
   user-select: none;
 }
-[data-component~="ui-editor-mention-menu"][data-v-e6ede828] {
+[data-component~="ui-editor-mention-menu"][data-v-2abe407e] {
   display: flex;
   overflow: hidden;
   flex-direction: column;
-  background: var(--ui-surface, #fff);
-  border: 1px solid var(--ui-border, #e5e7eb);
-  border-radius: var(--ui-radius-xl, 1rem);
+  background: var(--ui-surface);
+  border: 1px solid var(--ui-border);
+  border-radius: var(--ui-radius-dialog);
   box-shadow: var(--ui-shadow-lg, 0 8px 24px rgb(0 0 0 / 0.12));
 }
-.header[data-v-e6ede828] {
+.header[data-v-2abe407e] {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  gap: var(--ui-space-3, 12px);
-  padding: var(--ui-space-2, 8px) var(--ui-space-3, 12px);
-  color: var(--ui-text-secondary, #4b5563);
-  border-bottom: 1px solid var(--ui-border, #e5e7eb);
-  font-size: var(--ui-font-size-xs, 0.75rem);
-  font-weight: var(--ui-font-semibold, 600);
+  gap: var(--ui-space-3);
+  padding: var(--ui-space-2) var(--ui-space-3);
+  color: var(--ui-text-secondary);
+  border-bottom: 1px solid var(--ui-border);
+  font-size: var(--ui-font-size-xs);
+  font-weight: var(--ui-font-semibold);
 }
-.hint[data-v-e6ede828] {
+.hint[data-v-2abe407e] {
   overflow: hidden;
-  color: var(--ui-text-muted, #6b7280);
-  font-weight: var(--ui-font-normal, 400);
+  color: var(--ui-text-muted);
+  font-weight: var(--ui-font-normal);
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.list[data-v-e6ede828] {
+.list[data-v-2abe407e] {
   max-height: 280px;
-  padding: var(--ui-space-1, 4px) 0;
+  padding: var(--ui-space-1) 0;
   margin: 0;
   overflow-y: auto;
   overscroll-behavior: contain;
   list-style: none;
 }
-.item[data-v-e6ede828] {
+.item[data-v-2abe407e] {
   display: flex;
   align-items: center;
   min-height: 44px;
-  padding: var(--ui-space-1-5, 6px) var(--ui-space-3, 12px);
-  gap: var(--ui-space-3, 12px);
+  padding: var(--ui-space-2) var(--ui-space-3);
+  gap: var(--ui-space-3);
   cursor: pointer;
 }
-.item.active[data-v-e6ede828] {
+.item.active[data-v-2abe407e] {
   background: var(--ui-accent-subtle, rgb(59 130 246 / 0.1));
 }
-.avatar[data-v-e6ede828] {
+.avatar[data-v-2abe407e] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 32px;
   height: 32px;
   flex: 0 0 auto;
-  color: var(--ui-accent-active, var(--ui-accent-solid, #2563eb));
-  background: var(--ui-accent-soft, var(--ui-accent-subtle, #eff6ff));
+  color: var(--ui-accent-active, var(--ui-accent-solid));
+  background: var(--ui-accent-soft, var(--ui-accent-subtle));
   border-radius: 999px;
-  font-size: var(--ui-font-size-xs, 0.75rem);
-  font-weight: var(--ui-font-semibold, 600);
+  font-size: var(--ui-font-size-xs);
+  font-weight: var(--ui-font-semibold);
 }
-.body[data-v-e6ede828] {
+.body[data-v-2abe407e] {
   display: flex;
   min-width: 0;
   flex-direction: column;
 }
-.label[data-v-e6ede828],
-.detail[data-v-e6ede828] {
+.label[data-v-2abe407e],
+.detail[data-v-2abe407e] {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.label[data-v-e6ede828] {
-  color: var(--ui-text-primary, #111827);
-  font-size: var(--ui-font-size-sm, 0.875rem);
-  font-weight: var(--ui-font-medium, 500);
+.label[data-v-2abe407e] {
+  color: var(--ui-text-primary);
+  font-size: var(--ui-font-size-sm);
+  font-weight: var(--ui-font-medium);
 }
-.detail[data-v-e6ede828],
-.loading[data-v-e6ede828] {
-  color: var(--ui-text-muted, #6b7280);
-  font-size: var(--ui-font-size-xs, 0.75rem);
+.detail[data-v-2abe407e],
+.loading[data-v-2abe407e] {
+  color: var(--ui-text-muted);
+  font-size: var(--ui-font-size-xs);
 }
-.loading[data-v-e6ede828] {
+.loading[data-v-2abe407e] {
   min-height: 44px;
-  padding: var(--ui-space-3, 12px);
+  padding: var(--ui-space-3);
 }
 @media (max-width: 767px) {
-[data-component~="ui-editor-mention-menu"][data-v-e6ede828] {
+[data-component~="ui-editor-mention-menu"][data-v-2abe407e] {
     border-bottom: 0;
-    border-radius: var(--ui-radius-xl, 1rem) var(--ui-radius-xl, 1rem) 0 0;
+    border-radius: var(--ui-radius-dialog) var(--ui-radius-dialog) 0 0;
 }
-.list[data-v-e6ede828] {
+.list[data-v-2abe407e] {
     max-height: calc(60dvh - 48px);
 }
 }
-[data-component~="ui-editor-mention-menu"][hidden][data-v-e6ede828] {
+[data-component~="ui-editor-mention-menu"][hidden][data-v-2abe407e] {
   display: none;
 }
 
@@ -1488,159 +1511,159 @@ svg[data-v-b2b50d17] {
   display: none;
 }
 
-[data-component~="ui-editor-slash-menu"][data-v-6616eea5] {
+[data-component~="ui-editor-slash-menu"][data-v-aeee1d4f] {
   user-select: none;
 }
-[data-component~="ui-editor-slash-menu"][data-v-6616eea5] {
-  background: var(--ui-surface, #fff);
-  border: 1px solid var(--ui-border, #e5e7eb);
-  border-radius: var(--ui-radius-xl, 1rem);
+[data-component~="ui-editor-slash-menu"][data-v-aeee1d4f] {
+  background: var(--ui-surface);
+  border: 1px solid var(--ui-border);
+  border-radius: var(--ui-radius-dialog);
   box-shadow: var(--ui-shadow-lg, 0 8px 24px rgb(0 0 0 / 0.12));
   overflow: hidden;
   display: flex;
   flex-direction: column;
 }
 @media (max-width: 767px) {
-[data-component~="ui-editor-slash-menu"][data-v-6616eea5] {
-    border-radius: var(--ui-radius-xl, 1rem) var(--ui-radius-xl, 1rem) 0 0;
+[data-component~="ui-editor-slash-menu"][data-v-aeee1d4f] {
+    border-radius: var(--ui-radius-dialog) var(--ui-radius-dialog) 0 0;
     border-bottom: none;
 }
 }
-.header[data-v-6616eea5] {
+.header[data-v-aeee1d4f] {
   display: none;
   align-items: center;
-  gap: var(--ui-space-2, 8px);
-  padding: var(--ui-space-3, 12px) var(--ui-space-4, 16px);
-  border-bottom: 1px solid var(--ui-border, #e5e7eb);
-  font-size: var(--ui-font-size-xs, 0.75rem);
-  color: var(--ui-text-muted, #6b7280);
-  font-weight: var(--ui-font-semibold, 600);
+  gap: var(--ui-space-2);
+  padding: var(--ui-space-3) var(--ui-space-4);
+  border-bottom: 1px solid var(--ui-border);
+  font-size: var(--ui-font-size-xs);
+  color: var(--ui-text-muted);
+  font-weight: var(--ui-font-semibold);
   text-transform: uppercase;
   letter-spacing: 0.05em;
 }
 @media (max-width: 767px) {
-.header[data-v-6616eea5] {
+.header[data-v-aeee1d4f] {
     display: flex;
 }
 }
-.header-query[data-v-6616eea5] {
-  background: var(--ui-surface-hover, #f3f4f6);
-  border-radius: var(--ui-radius-sm, 4px);
+.header-query[data-v-aeee1d4f] {
+  background: var(--ui-surface-hover);
+  border-radius: var(--ui-radius-sm);
   padding: 0.1em 0.4em;
   font-family: var(--ui-font-family-mono, ui-monospace, monospace);
-  font-size: var(--ui-font-size-xs, 0.75rem);
-  color: var(--ui-accent, #3b82f6);
+  font-size: var(--ui-font-size-xs);
+  color: var(--ui-accent);
   text-transform: none;
   letter-spacing: 0;
 }
-.list[data-v-6616eea5] {
+.list[data-v-aeee1d4f] {
   list-style: none;
   margin: 0;
-  padding: var(--ui-space-1, 4px) 0;
+  padding: var(--ui-space-1) 0;
   overflow-y: auto;
   max-height: 280px;
   overscroll-behavior: contain;
 }
 @media (max-width: 767px) {
-.list[data-v-6616eea5] {
+.list[data-v-aeee1d4f] {
     max-height: calc(60dvh - 80px);
-    padding: var(--ui-space-1, 4px) 0 var(--ui-space-2, 8px);
+    padding: var(--ui-space-1) 0 var(--ui-space-2);
 }
 }
-.item[data-v-6616eea5] {
+.item[data-v-aeee1d4f] {
   display: flex;
   align-items: center;
-  gap: var(--ui-space-3, 12px);
-  padding: var(--ui-space-2, 8px) var(--ui-space-3, 12px);
+  gap: var(--ui-space-3);
+  padding: var(--ui-space-2) var(--ui-space-3);
   min-height: 44px;
   cursor: pointer;
   transition: background-color 120ms ease;
 }
-.item.active[data-v-6616eea5] {
+.item.active[data-v-aeee1d4f] {
   background: var(--ui-accent-subtle, rgb(59 130 246 / 0.1));
 }
-.icon[data-v-6616eea5] {
+.icon[data-v-aeee1d4f] {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 32px;
   height: 32px;
-  background: var(--ui-surface-hover, #f3f4f6);
-  border: 1px solid var(--ui-border, #e5e7eb);
-  border-radius: var(--ui-radius-md, 6px);
-  font-size: var(--ui-font-size-sm, 0.875rem);
-  font-weight: var(--ui-font-bold, 700);
-  color: var(--ui-text-secondary, #4b5563);
+  background: var(--ui-surface-hover);
+  border: 1px solid var(--ui-border);
+  border-radius: var(--ui-radius-md);
+  font-size: var(--ui-font-size-sm);
+  font-weight: var(--ui-font-bold);
+  color: var(--ui-text-secondary);
   font-family: var(--ui-font-family-mono, ui-monospace, monospace);
   flex-shrink: 0;
   line-height: 1;
 }
-.item.active .icon[data-v-6616eea5] {
-  background: var(--ui-accent, #3b82f6);
-  border-color: var(--ui-accent, #3b82f6);
-  color: var(--ui-accent-contrast, #fff);
+.item.active .icon[data-v-aeee1d4f] {
+  background: var(--ui-accent);
+  border-color: var(--ui-accent);
+  color: var(--ui-accent-contrast);
 }
-.icon[data-v-6616eea5] {
+.icon[data-v-aeee1d4f] {
   --ui-icon-size: 1rem;
   --ui-icon-stroke-width: var(--ui-editor-toolbar-icon-stroke-width, 1.75);
 }
-.body[data-v-6616eea5] {
+.body[data-v-aeee1d4f] {
   display: flex;
   min-width: 0;
   flex-direction: column;
   gap: 1px;
 }
-.title[data-v-6616eea5] {
-  font-size: var(--ui-font-size-sm, 0.875rem);
-  font-weight: var(--ui-font-medium, 500);
-  color: var(--ui-text, #111827);
+.title[data-v-aeee1d4f] {
+  font-size: var(--ui-font-size-sm);
+  font-weight: var(--ui-font-medium);
+  color: var(--ui-text);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.description[data-v-6616eea5] {
-  font-size: var(--ui-font-size-xs, 0.75rem);
-  color: var(--ui-text-muted, #6b7280);
+.description[data-v-aeee1d4f] {
+  font-size: var(--ui-font-size-xs);
+  color: var(--ui-text-muted);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.footer[data-v-6616eea5] {
+.footer[data-v-aeee1d4f] {
   display: none;
-  padding: var(--ui-space-2, 8px) var(--ui-space-3, 12px);
-  border-top: 1px solid var(--ui-border, #e5e7eb);
-  font-size: var(--ui-font-size-xs, 0.75rem);
-  color: var(--ui-text-muted, #6b7280);
+  padding: var(--ui-space-2) var(--ui-space-3);
+  border-top: 1px solid var(--ui-border);
+  font-size: var(--ui-font-size-xs);
+  color: var(--ui-text-muted);
 }
 @media (min-width: 768px) {
-.footer[data-v-6616eea5] {
+.footer[data-v-aeee1d4f] {
     display: block;
 }
 }
-[data-component~="ui-editor-slash-menu"] kbd[data-v-6616eea5] {
+[data-component~="ui-editor-slash-menu"] kbd[data-v-aeee1d4f] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   font-family: var(--ui-font-family-mono, ui-monospace, monospace);
   font-size: 10px;
-  background: var(--ui-surface-hover, #f3f4f6);
-  border: 1px solid var(--ui-border, #e5e7eb);
+  background: var(--ui-surface-hover);
+  border: 1px solid var(--ui-border);
   border-radius: 3px;
   padding: 0 3px;
-  color: var(--ui-text-secondary, #4b5563);
+  color: var(--ui-text-secondary);
 }
-[data-component~="ui-editor-slash-menu"][hidden][data-v-6616eea5] {
+[data-component~="ui-editor-slash-menu"][hidden][data-v-aeee1d4f] {
   display: none;
 }
 
-[data-component~="ui-editor-table-context-menu"][data-v-db07efb3] {
+[data-component~="ui-editor-table-context-menu"][data-v-7c984caf] {
   min-width: 14rem;
   max-width: min(17rem, calc(100vw - 24px));
   max-height: min(28rem, calc(100vh - 24px));
-  padding: var(--ui-space-1-5, 6px);
-  background: var(--ui-surface, #fff);
-  border: 1px solid var(--ui-border, #e5e7eb);
-  border-radius: var(--ui-radius-lg, 10px);
+  padding: var(--ui-space-2);
+  background: var(--ui-surface);
+  border: 1px solid var(--ui-border);
+  border-radius: var(--ui-radius-lg);
   box-shadow: var(--ui-shadow-lg, 0 10px 15px -3px rgb(0 0 0 / 0.1));
   display: flex;
   flex-direction: column;
@@ -1649,125 +1672,125 @@ svg[data-v-b2b50d17] {
   overscroll-behavior: contain;
   scrollbar-width: thin;
 }
-.section[data-v-db07efb3] {
+.section[data-v-7c984caf] {
   display: flex;
   flex-direction: column;
   gap: 3px;
 }
-[data-component~="ui-editor-table-context-menu"] button[data-v-db07efb3] {
+[data-component~="ui-editor-table-context-menu"] button[data-v-7c984caf] {
   display: flex;
   align-items: center;
-  gap: var(--ui-space-2, 8px);
+  gap: var(--ui-space-2);
   width: 100%;
   text-align: left;
   min-height: 32px;
-  padding: var(--ui-space-1-5, 6px) var(--ui-space-2, 8px);
+  padding: var(--ui-space-2) var(--ui-space-2);
   border: none;
-  border-radius: var(--ui-radius-sm, 4px);
+  border-radius: var(--ui-radius-sm);
   background: none;
-  font-size: var(--ui-font-size-sm, 0.875rem);
+  font-size: var(--ui-font-size-sm);
   cursor: pointer;
-  color: var(--ui-text, #111);
+  color: var(--ui-text);
 }
-[data-component~="ui-editor-table-context-menu"] button[data-v-db07efb3] {
+[data-component~="ui-editor-table-context-menu"] button[data-v-7c984caf] {
   --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-db07efb3]:hover:not(:disabled) {
-  background: var(--ui-surface-hover, #f3f4f6);
+[data-component~="ui-editor-table-context-menu"] button[data-v-7c984caf]:hover:not(:disabled) {
+  background: var(--ui-surface-hover);
 }
-[data-component~="ui-editor-table-context-menu"] button.selected[data-v-db07efb3] {
+[data-component~="ui-editor-table-context-menu"] button.selected[data-v-7c984caf] {
   background: var(--ui-accent-subtle, rgb(59 130 246 / 0.1));
 }
-[data-component~="ui-editor-table-context-menu"] button.danger[data-v-db07efb3] {
-  color: var(--ui-danger, #dc2626);
+[data-component~="ui-editor-table-context-menu"] button.danger[data-v-7c984caf] {
+  color: var(--ui-danger);
 }
-.swatches[data-v-db07efb3] {
+.swatches[data-v-7c984caf] {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 3px;
 }
-.swatch-button[data-v-db07efb3] {
+.swatch-button[data-v-7c984caf] {
   display: inline-flex;
   align-items: center;
-  gap: var(--ui-space-2, 8px);
+  gap: var(--ui-space-2);
 }
-.swatch[data-v-db07efb3] {
+.swatch[data-v-7c984caf] {
   display: inline-flex;
   width: 1rem;
   height: 1rem;
   border-radius: 999px;
-  border: 1px solid var(--ui-border, #d1d5db);
+  border: 1px solid var(--ui-border);
   background: var(--ui-editor-table-context-swatch, #fff);
   box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.35);
   flex-shrink: 0;
 }
-.swatch.default[data-v-db07efb3] {
+.swatch.default[data-v-7c984caf] {
   position: relative;
   background:
     linear-gradient(
       135deg,
       transparent calc(50% - 1px),
-      var(--ui-text-muted, #6b7280) calc(50% - 1px),
-      var(--ui-text-muted, #6b7280) calc(50% + 1px),
+      var(--ui-text-muted) calc(50% - 1px),
+      var(--ui-text-muted) calc(50% + 1px),
       transparent calc(50% + 1px)
     ),
-    var(--ui-surface, #fff);
+    var(--ui-surface);
 }
-.swatch-label[data-v-db07efb3] {
+.swatch-label[data-v-7c984caf] {
   min-width: 0;
   white-space: nowrap;
 }
-.heading[data-v-db07efb3] {
-  padding: var(--ui-space-1, 4px) var(--ui-space-2, 8px);
+.heading[data-v-7c984caf] {
+  padding: var(--ui-space-1) var(--ui-space-2);
   font-size: 0.6875rem;
   font-weight: 700;
   letter-spacing: 0.05em;
   text-transform: uppercase;
-  color: var(--ui-text-muted, #6b7280);
+  color: var(--ui-text-muted);
 }
-.sep[data-v-db07efb3] {
+.sep[data-v-7c984caf] {
   height: 1px;
-  background: var(--ui-border, #e5e7eb);
-  margin: var(--ui-space-1, 4px) 0;
+  background: var(--ui-border);
+  margin: var(--ui-space-1) 0;
 }
-[data-component~="ui-editor-table-context-menu"][hidden][data-v-db07efb3] {
+[data-component~="ui-editor-table-context-menu"][hidden][data-v-7c984caf] {
   display: none;
 }
 
-[data-component~="ui-editor-table-overlay"][data-v-a31eb11f] {
+[data-component~="ui-editor-table-overlay"][data-v-d5963c35] {
   display: block;
   width: 100%;
   height: 100%;
   overflow: visible;
   pointer-events: none;
 }
-[data-component~="ui-editor-table-overlay"][data-v-a31eb11f] {
+[data-component~="ui-editor-table-overlay"][data-v-d5963c35] {
   position: relative;
   width: 100%;
   height: 100%;
   overflow: visible;
   pointer-events: none;
 }
-.rows[data-v-a31eb11f],
-.cols[data-v-a31eb11f] {
+.rows[data-v-d5963c35],
+.cols[data-v-d5963c35] {
   pointer-events: none;
   position: absolute;
 }
-.rows[data-v-a31eb11f] {
+.rows[data-v-d5963c35] {
   inset: 0;
   width: 100%;
 }
-.cols[data-v-a31eb11f] {
+.cols[data-v-d5963c35] {
   inset: 0;
   height: 100%;
 }
-.control[data-v-a31eb11f] {
+.control[data-v-d5963c35] {
   position: absolute;
   z-index: 1;
   pointer-events: none;
 }
-.handle[data-v-a31eb11f] {
+.handle[data-v-d5963c35] {
   position: absolute;
   display: inline-flex;
   align-items: center;
@@ -1775,10 +1798,10 @@ svg[data-v-b2b50d17] {
   width: 24px;
   height: 24px;
   padding: 0;
-  border: 1px solid var(--ui-affordance-near-color, var(--ui-border-strong, #c8c8c4));
-  border-radius: var(--ui-radius-round, 999px);
-  background: color-mix(in srgb, var(--ui-surface-elevated, #fff) 96%, transparent);
-  color: var(--ui-affordance-near-color, var(--ui-text-secondary, #5c5c5c));
+  border: 1px solid var(--ui-affordance-near-color, var(--ui-border-strong));
+  border-radius: var(--ui-radius-round);
+  background: color-mix(in srgb, var(--ui-surface-elevated) 96%, transparent);
+  color: var(--ui-affordance-near-color, var(--ui-text-secondary));
   font: inherit;
   font-size: 16px;
   line-height: 1;
@@ -1786,129 +1809,124 @@ svg[data-v-b2b50d17] {
   opacity: 0;
   scale: 0.72;
   transition:
-    opacity var(--ui-affordance-motion, var(--ui-motion-fast, 120ms)) var(--ui-motion-ease, ease),
-    scale var(--ui-affordance-motion, var(--ui-motion-fast, 120ms)) var(--ui-motion-ease, ease),
-    color var(--ui-affordance-motion, var(--ui-motion-fast, 120ms)) var(--ui-motion-ease, ease),
-    background-color var(--ui-affordance-motion, var(--ui-motion-fast, 120ms))
-    var(--ui-motion-ease, ease),
-    border-color var(--ui-affordance-motion, var(--ui-motion-fast, 120ms))
-    var(--ui-motion-ease, ease);
+    opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease),
+    scale var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease),
+    color var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease),
+    background-color var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease),
+    border-color var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
   pointer-events: auto;
   cursor: pointer;
 }
-.handle[data-v-a31eb11f] {
+.handle[data-v-d5963c35] {
   --ui-icon-size: 14px;
-  --ui-icon-stroke-width: var(--ui-editor-table-affordance-icon-stroke-width, 2);
+  --ui-icon-stroke-width: 2;
 }
-.handle[data-ui-proximity="near"][data-v-a31eb11f],
-.control.active .handle[data-v-a31eb11f],
-.handle[data-v-a31eb11f]:focus-visible {
+.handle[data-ui-proximity="near"][data-v-d5963c35],
+.control.active .handle[data-v-d5963c35],
+.handle[data-v-d5963c35]:focus-visible {
   opacity: 1;
   scale: 1;
 }
-.control.active .handle[data-v-a31eb11f],
-.handle[data-v-a31eb11f]:focus-visible {
-  border-color: var(--ui-affordance-direct-color, var(--ui-accent-solid, #5b55d6));
-  background: var(--ui-affordance-direct-color, var(--ui-accent-solid, #5b55d6));
-  color: var(--ui-text-on-accent, #fff);
+.control.active .handle[data-v-d5963c35],
+.handle[data-v-d5963c35]: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-a31eb11f]:focus-visible,
-.selector[data-v-a31eb11f]:focus-visible,
-.cell-menu[data-v-a31eb11f]:focus-visible {
-  outline: 2px solid var(--ui-focus-ring, #5b55d6);
+.handle[data-v-d5963c35]:focus-visible,
+.selector[data-v-d5963c35]:focus-visible,
+.cell-menu[data-v-d5963c35]:focus-visible {
+  outline: 2px solid var(--ui-focus-ring);
   outline-offset: 2px;
 }
-.control.row[data-v-a31eb11f] {
+.control.row[data-v-d5963c35] {
   left: 0;
   width: 100%;
   height: 0;
 }
-.control.row .handle[data-v-a31eb11f] {
+.control.row .handle[data-v-d5963c35] {
   top: -12px;
   left: -30px;
 }
-.control.col[data-v-a31eb11f] {
+.control.col[data-v-d5963c35] {
   top: 0;
   width: 0;
   height: 100%;
 }
-.control.col .handle[data-v-a31eb11f] {
+.control.col .handle[data-v-d5963c35] {
   top: -30px;
   left: -12px;
 }
-.line[data-v-a31eb11f] {
+.line[data-v-d5963c35] {
   position: absolute;
-  background: var(--ui-affordance-direct-color, var(--ui-accent-solid, #5b55d6));
+  background: var(--ui-affordance-direct-color, var(--ui-accent-solid));
   opacity: 0;
-  transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast, 120ms))
-    var(--ui-motion-ease, ease);
+  transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
 }
-.control.row .line[data-v-a31eb11f] {
+.control.row .line[data-v-d5963c35] {
   inset: -1px 0 auto;
   height: 2px;
 }
-.control.col .line[data-v-a31eb11f] {
+.control.col .line[data-v-d5963c35] {
   inset: 0 auto 0 -1px;
   width: 2px;
 }
-.control.active .line[data-v-a31eb11f] {
+.control.active .line[data-v-d5963c35] {
   opacity: 0.8;
 }
-.guide[data-v-a31eb11f] {
+.guide[data-v-d5963c35] {
   position: absolute;
-  width: var(--ui-affordance-guide-size, 4px);
-  height: var(--ui-affordance-guide-size, 4px);
-  border-radius: var(--ui-radius-round, 999px);
-  background: var(--ui-affordance-guide-color, var(--ui-border-strong, #c8c8c4));
-  opacity: var(--ui-affordance-guide-opacity, 0.42);
-  transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast, 120ms))
-    var(--ui-motion-ease, ease);
+  width: var(--ui-affordance-guide-size);
+  height: var(--ui-affordance-guide-size);
+  border-radius: var(--ui-radius-round);
+  background: var(--ui-affordance-guide-color, var(--ui-border-strong));
+  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-a31eb11f] {
+.control.row .guide[data-v-d5963c35] {
   left: -10px;
   top: -2px;
 }
-.control.col .guide[data-v-a31eb11f] {
+.control.col .guide[data-v-d5963c35] {
   left: -2px;
   top: -10px;
 }
-.control:has(.handle[data-ui-proximity="near"]) .guide[data-v-a31eb11f],
-.control.active .guide[data-v-a31eb11f] {
+.control:has(.handle[data-ui-proximity="near"]) .guide[data-v-d5963c35],
+.control.active .guide[data-v-d5963c35] {
   opacity: 0;
 }
-.tooltip[data-v-a31eb11f] {
+.tooltip[data-v-d5963c35] {
   position: absolute;
   z-index: 2;
   top: calc(100% + 6px);
   left: 50%;
   width: max-content;
   max-width: 14rem;
-  padding: var(--ui-space-1, 4px) var(--ui-space-2, 8px);
-  border-radius: var(--ui-radius-1, 4px);
-  background: var(--ui-text-primary, #1a1a1a);
-  color: var(--ui-surface-elevated, #fff);
-  font-size: var(--ui-font-size-xs, 0.75rem);
-  font-weight: var(--ui-font-medium, 500);
-  line-height: var(--ui-line-height-md, 1.4);
+  padding: var(--ui-space-1) var(--ui-space-2);
+  border-radius: var(--ui-radius-sm);
+  background: var(--ui-text-primary);
+  color: var(--ui-surface-elevated);
+  font-size: var(--ui-font-size-xs);
+  font-weight: var(--ui-font-medium);
+  line-height: var(--ui-line-height-md);
   opacity: 0;
   transform: translateX(-50%);
-  transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast, 120ms))
-    var(--ui-motion-ease, ease);
+  transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
   pointer-events: none;
 }
-.control.row .tooltip[data-v-a31eb11f] {
+.control.row .tooltip[data-v-d5963c35] {
   top: 50%;
   left: auto;
   right: calc(100% + 8px);
   transform: translateY(-50%);
 }
-.control.active .tooltip[data-v-a31eb11f],
-.handle:focus-visible .tooltip[data-v-a31eb11f] {
+.control.active .tooltip[data-v-d5963c35],
+.handle:focus-visible .tooltip[data-v-d5963c35] {
   opacity: 1;
 }
-.selector[data-v-a31eb11f],
-.cell-menu[data-v-a31eb11f] {
+.selector[data-v-d5963c35],
+.cell-menu[data-v-d5963c35] {
   position: absolute;
   z-index: 2;
   display: inline-flex;
@@ -1917,105 +1935,101 @@ svg[data-v-b2b50d17] {
   padding: 0;
   border: 1px solid transparent;
   background: transparent;
-  color: var(--ui-text-secondary, #5c5c5c);
+  color: var(--ui-text-secondary);
   box-shadow: none;
   pointer-events: auto;
   cursor: pointer;
   transition:
-    color var(--ui-affordance-motion, var(--ui-motion-fast, 120ms)) var(--ui-motion-ease, ease),
-    background-color var(--ui-affordance-motion, var(--ui-motion-fast, 120ms))
-    var(--ui-motion-ease, ease),
-    border-color var(--ui-affordance-motion, var(--ui-motion-fast, 120ms))
-    var(--ui-motion-ease, ease),
-    box-shadow var(--ui-affordance-motion, var(--ui-motion-fast, 120ms))
-    var(--ui-motion-ease, ease);
-}
-.selector[data-v-a31eb11f]:hover,
-.cell-menu[data-v-a31eb11f]:hover {
-  background: var(--ui-icon-button-hover-bg, var(--ui-surface-muted, #f3f4f6));
-  color: var(--ui-icon-button-hover-color, var(--ui-text-primary, #1a1a1a));
+    color var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease),
+    background-color var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease),
+    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 {
+  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-a31eb11f] {
-  border-radius: var(--ui-radius-round, 999px);
+.selector[data-v-d5963c35] {
+  border-radius: var(--ui-radius-round);
 }
-.selector[data-v-a31eb11f]::before {
+.selector[data-v-d5963c35]::before {
   content: "";
   position: absolute;
   inset: 50% auto auto 50%;
-  border-radius: var(--ui-radius-round, 999px);
-  background: var(--ui-affordance-guide-color, var(--ui-border-strong, #c8c8c4));
-  opacity: var(--ui-affordance-guide-opacity, 0.42);
+  border-radius: var(--ui-radius-round);
+  background: var(--ui-affordance-guide-color, var(--ui-border-strong));
+  opacity: var(--ui-affordance-guide-opacity);
   transform: translate(-50%, -50%);
-  transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast, 120ms))
-    var(--ui-motion-ease, ease);
+  transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
   pointer-events: none;
 }
-.selector .glyph[data-v-a31eb11f] {
+.selector .glyph[data-v-d5963c35] {
   display: block;
   width: 14px;
   height: 14px;
   --ui-icon-size: 14px;
-  --ui-icon-stroke-width: var(--ui-editor-table-affordance-icon-stroke-width, 2);
+  --ui-icon-stroke-width: 2;
   opacity: 0;
   transform: scale(0.72);
   transition:
-    opacity var(--ui-affordance-motion, var(--ui-motion-fast, 120ms)) var(--ui-motion-ease, ease),
-    transform var(--ui-affordance-motion, var(--ui-motion-fast, 120ms)) var(--ui-motion-ease, ease);
+    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-a31eb11f]:hover::before,
-.selector[data-v-a31eb11f]:focus-visible::before {
+.selector[data-v-d5963c35]:hover::before,
+.selector[data-v-d5963c35]:focus-visible::before {
   opacity: 0;
 }
-.selector:hover .glyph[data-v-a31eb11f],
-.selector:focus-visible .glyph[data-v-a31eb11f] {
+.selector:hover .glyph[data-v-d5963c35],
+.selector:focus-visible .glyph[data-v-d5963c35] {
   opacity: 1;
   transform: scale(1);
 }
-.selector.row[data-v-a31eb11f] {
+.selector.row[data-v-d5963c35] {
   left: -9px;
   width: 18px;
   height: 32px;
   transform: translateY(-50%);
 }
-.selector.row[data-v-a31eb11f]::before {
+.selector.row[data-v-d5963c35]::before {
   width: 2px;
   height: 16px;
 }
-.selector.column[data-v-a31eb11f] {
+.selector.column[data-v-d5963c35] {
   top: -9px;
   width: 32px;
   height: 18px;
   transform: translateX(-50%);
 }
-.selector.column[data-v-a31eb11f]::before {
+.selector.column[data-v-d5963c35]::before {
   width: 16px;
   height: 2px;
 }
 @media (hover: none), (pointer: coarse) {
-.selector[data-v-a31eb11f]::before {
+.selector[data-v-d5963c35]::before {
     opacity: 0;
 }
-.selector .glyph[data-v-a31eb11f] {
+.selector .glyph[data-v-d5963c35] {
     opacity: 1;
     transform: none;
 }
 }
-.cell-menu[data-v-a31eb11f] {
+.cell-menu[data-v-d5963c35] {
   width: 24px;
   height: 24px;
-  border-radius: var(--ui-radius-1, 4px);
-  background: color-mix(in srgb, var(--ui-surface-muted, #f3f4f6) 78%, transparent);
+  border-radius: var(--ui-radius-sm);
+  background: color-mix(in srgb, var(--ui-surface-muted) 78%, transparent);
 }
-.cell-menu[data-v-a31eb11f] {
+.cell-menu[data-v-d5963c35] {
   --ui-icon-size: 15px;
-  --ui-icon-stroke-width: var(--ui-editor-table-affordance-icon-stroke-width, 2);
+  --ui-icon-stroke-width: 2;
 }
-[data-component~="ui-editor-table-overlay"][hidden][data-v-a31eb11f] {
+[data-component~="ui-editor-table-overlay"][hidden][data-v-d5963c35] {
   display: none;
 }
 
-.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"][data-v-b2b27930] {
+.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"][data-v-c7ed049b] {
   min-width: max-content;
   min-height: 100%;
   padding: 0;
@@ -2025,160 +2039,160 @@ svg[data-v-b2b50d17] {
   box-shadow: none;
   backdrop-filter: none;
 }
-.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] button[data-v-b2b27930] {
+.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] button[data-v-c7ed049b] {
   min-height: 44px;
   background: transparent;
 }
-.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] button.active[data-v-b2b27930],
-.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] button.selected[data-v-b2b27930] {
-  background: var(--ui-accent-soft, var(--ui-accent-subtle, #e8f0fb));
+.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] button.active[data-v-c7ed049b],
+.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] button.selected[data-v-c7ed049b] {
+  background: var(--ui-accent-soft, var(--ui-accent-subtle));
 }
-.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] .menu[data-v-b2b27930] {
+.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] .menu[data-v-c7ed049b] {
   top: auto;
   right: 0;
-  bottom: calc(100% + var(--ui-space-2, 8px));
+  bottom: calc(100% + var(--ui-space-2));
   max-height: min(50dvh, 22rem);
   overflow-y: auto;
   overscroll-behavior: contain;
 }
-[data-component~="ui-editor-table-toolbar"][data-v-b2b27930] {
+[data-component~="ui-editor-table-toolbar"][data-v-c7ed049b] {
   display: inline-flex;
   align-items: center;
-  gap: var(--ui-space-1, 4px);
-  padding: var(--ui-space-1, 4px);
-  background: color-mix(in srgb, var(--ui-surface, #fff) 94%, transparent);
-  border: 1px solid var(--ui-border, #e5e7eb);
-  border-radius: calc(var(--ui-radius-md, 6px) + 2px);
+  gap: var(--ui-space-1);
+  padding: var(--ui-space-1);
+  background: color-mix(in srgb, var(--ui-surface) 94%, transparent);
+  border: 1px solid var(--ui-border);
+  border-radius: calc(var(--ui-radius-md) + 2px);
   box-shadow: var(--ui-shadow-lg, 0 10px 15px -3px rgb(0 0 0 / 0.1));
   backdrop-filter: blur(10px);
 }
-.group[data-v-b2b27930] {
+.group[data-v-c7ed049b] {
   display: inline-flex;
   align-items: center;
   gap: 2px;
   overflow: hidden;
 }
-.sep[data-v-b2b27930] {
+.sep[data-v-c7ed049b] {
   width: 1px;
   align-self: stretch;
-  background: var(--ui-border, #e5e7eb);
+  background: var(--ui-border);
 }
-.overflow[data-v-b2b27930] {
+.overflow[data-v-c7ed049b] {
   position: relative;
 }
-[data-component~="ui-editor-table-toolbar"] button[data-v-b2b27930] {
+[data-component~="ui-editor-table-toolbar"] button[data-v-c7ed049b] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  gap: var(--ui-space-1-5, 6px);
+  gap: var(--ui-space-2);
   min-height: 32px;
   border: 0;
-  border-radius: var(--ui-radius-sm, 4px);
+  border-radius: var(--ui-radius-sm);
   background: transparent;
-  color: var(--ui-text-primary, #111827);
+  color: var(--ui-text-primary);
   cursor: pointer;
-  font-size: var(--ui-text-sm, 0.875rem);
+  font-size: var(--ui-font-size-sm);
   font-weight: 500;
   line-height: 1;
-  padding: var(--ui-space-1-5, 6px) var(--ui-space-2, 8px);
+  padding: var(--ui-space-2) var(--ui-space-2);
   white-space: nowrap;
 }
-[data-component~="ui-editor-table-toolbar"] button[data-v-b2b27930]:hover {
-  background: var(--ui-surface-hover, #f3f4f6);
+[data-component~="ui-editor-table-toolbar"] button[data-v-c7ed049b]:hover {
+  background: var(--ui-surface-hover);
 }
-[data-component~="ui-editor-table-toolbar"] button.active[data-v-b2b27930] {
-  background: var(--ui-accent-soft, var(--ui-accent-subtle, #e8f0fb));
-  color: var(--ui-accent-active, #003d7a);
+[data-component~="ui-editor-table-toolbar"] button.active[data-v-c7ed049b] {
+  background: var(--ui-accent-soft, var(--ui-accent-subtle));
+  color: var(--ui-accent-active);
 }
-.group button[data-v-b2b27930] {
-  border-radius: var(--ui-radius-sm, 4px);
+.group button[data-v-c7ed049b] {
+  border-radius: var(--ui-radius-sm);
 }
-.group button + button[data-v-b2b27930] {
+.group button + button[data-v-c7ed049b] {
   border-left: 0;
 }
-[data-component~="ui-editor-table-toolbar"] .more[data-v-b2b27930] {
+[data-component~="ui-editor-table-toolbar"] .more[data-v-c7ed049b] {
   border: 0;
-  border-radius: var(--ui-radius-sm, 4px);
+  border-radius: var(--ui-radius-sm);
 }
-[data-component~="ui-editor-table-toolbar"] button.danger[data-v-b2b27930] {
-  color: var(--ui-danger, #dc2626);
+[data-component~="ui-editor-table-toolbar"] button.danger[data-v-c7ed049b] {
+  color: var(--ui-danger);
 }
-[data-component~="ui-editor-table-toolbar"][data-v-b2b27930] {
+[data-component~="ui-editor-table-toolbar"][data-v-c7ed049b] {
   --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-b2b27930] {
+.chevron[data-v-c7ed049b] {
   display: inline-flex;
   --ui-icon-size: 0.875rem;
 }
-[data-component~="ui-editor-table-toolbar"] .icon-button[data-v-b2b27930] {
+[data-component~="ui-editor-table-toolbar"] .icon-button[data-v-c7ed049b] {
   width: 32px;
   padding-inline: 0;
 }
-.menu[data-v-b2b27930] {
+.menu[data-v-c7ed049b] {
   position: absolute;
-  top: calc(100% + var(--ui-space-2, 8px));
+  top: calc(100% + var(--ui-space-2));
   right: 0;
   min-width: 12rem;
-  padding: var(--ui-space-1, 4px);
-  background: var(--ui-surface, #fff);
-  border: 1px solid var(--ui-border, #e5e7eb);
-  border-radius: var(--ui-radius-md, 6px);
+  padding: var(--ui-space-1);
+  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));
   display: flex;
   flex-direction: column;
   gap: 2px;
   z-index: 2;
 }
-.menu-section + .menu-section[data-v-b2b27930] {
-  margin-top: var(--ui-space-1, 4px);
-  padding-top: var(--ui-space-1, 4px);
-  border-top: 1px solid color-mix(in srgb, var(--ui-border, #e5e7eb) 80%, transparent);
+.menu-section + .menu-section[data-v-c7ed049b] {
+  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-b2b27930] {
-  padding: var(--ui-space-1, 4px) var(--ui-space-2, 8px);
+.menu-heading[data-v-c7ed049b] {
+  padding: var(--ui-space-1) var(--ui-space-2);
   font-size: 0.6875rem;
   font-weight: 700;
   letter-spacing: 0.05em;
   text-transform: uppercase;
-  color: var(--ui-text-muted, #6b7280);
+  color: var(--ui-text-muted);
 }
-.menu button[data-v-b2b27930] {
+.menu button[data-v-c7ed049b] {
   display: flex;
   justify-content: flex-start;
   width: 100%;
   text-align: left;
 }
-.swatches[data-v-b2b27930] {
+.swatches[data-v-c7ed049b] {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 2px;
 }
-[data-component~="ui-editor-table-toolbar"] .swatch-button[data-v-b2b27930] {
-  gap: var(--ui-space-1, 4px);
+[data-component~="ui-editor-table-toolbar"] .swatch-button[data-v-c7ed049b] {
+  gap: var(--ui-space-1);
   justify-content: flex-start;
 }
-.swatch[data-v-b2b27930] {
+.swatch[data-v-c7ed049b] {
   width: 14px;
   height: 14px;
   flex: 0 0 14px;
-  border: 1px solid color-mix(in srgb, var(--ui-border, #e5e7eb) 80%, #000);
+  border: 1px solid color-mix(in srgb, var(--ui-border) 80%, #000);
   border-radius: 3px;
   background: var(--ui-editor-table-toolbar-swatch);
 }
-.swatch.default[data-v-b2b27930] {
+.swatch.default[data-v-c7ed049b] {
   background:
-    linear-gradient(135deg, transparent 44%, var(--ui-danger, #dc2626) 46% 54%, transparent 56%),
-    var(--ui-surface, #fff);
+    linear-gradient(135deg, transparent 44%, var(--ui-danger) 46% 54%, transparent 56%),
+    var(--ui-surface);
 }
-.swatch-button.selected[data-v-b2b27930] {
-  background: var(--ui-accent-soft, var(--ui-accent-subtle, #e8f0fb));
+.swatch-button.selected[data-v-c7ed049b] {
+  background: var(--ui-accent-soft, var(--ui-accent-subtle));
 }
-[data-component~="ui-editor-table-toolbar"][hidden][data-v-b2b27930] {
+[data-component~="ui-editor-table-toolbar"][hidden][data-v-c7ed049b] {
   display: none;
 }
 
-[data-component~="ui-editor-toolbar"][data-v-890a1e69] {
+[data-component~="ui-editor-toolbar"][data-v-472b5c16] {
   position: sticky;
   top: 0;
   z-index: var(--ui-editor-toolbar-z-index, 10);
@@ -2192,23 +2206,23 @@ svg[data-v-b2b50d17] {
   overflow-x: auto;
   scrollbar-width: none;
   white-space: nowrap;
-  background: var(--ui-editor-toolbar-bg, var(--ui-surface, #fff));
-  border-bottom: 1px solid var(--ui-editor-toolbar-border, var(--ui-border, #e5e7eb));
+  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-890a1e69]::-webkit-scrollbar {
+[data-component~="ui-editor-toolbar"][data-v-472b5c16]::-webkit-scrollbar {
   display: none;
 }
-[data-component~="ui-editor-toolbar"] > [data-v-890a1e69-s] {
+[data-component~="ui-editor-toolbar"] > [data-v-472b5c16-s] {
   flex: 0 0 auto;
 }
-.divider[data-v-890a1e69-s] {
+.divider[data-v-472b5c16-s] {
   width: 1px;
   height: 20px;
-  background: var(--ui-editor-toolbar-divider, var(--ui-border, #e5e7eb));
+  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-890a1e69] {
+[data-component~="ui-editor-toolbar"][data-ui-editor-toolbar-state~="floating"][data-v-472b5c16] {
   position: static;
   top: auto;
   width: max-content;
@@ -2218,11 +2232,11 @@ svg[data-v-b2b50d17] {
   overflow-x: visible;
   background: color-mix(
     in srgb,
-    var(--ui-editor-toolbar-bg, var(--ui-surface, #fff)) 96%,
+    var(--ui-editor-toolbar-surface, var(--ui-surface)) 96%,
     transparent
   );
-  border: 1px solid var(--ui-editor-toolbar-border, var(--ui-border, #e5e7eb));
-  border-radius: var(--ui-editor-toolbar-floating-radius, var(--ui-radius-lg, 10px));
+  border: 1px solid var(--ui-editor-toolbar-border, var(--ui-border));
+  border-radius: var(--ui-editor-toolbar-floating-radius, var(--ui-radius-lg));
   box-shadow: var(
     --ui-editor-toolbar-floating-shadow,
     var(--ui-shadow-lg, 0 10px 24px rgb(0 0 0 / 0.12))
@@ -2230,23 +2244,23 @@ svg[data-v-b2b50d17] {
   backdrop-filter: blur(10px);
 }
 @media (max-width: 767px) {
-[data-component~="ui-editor-toolbar"][data-v-890a1e69] {
+[data-component~="ui-editor-toolbar"][data-v-472b5c16] {
     position: fixed;
     top: auto;
     bottom: env(safe-area-inset-bottom);
     left: 0;
     right: 0;
     min-height: var(--ui-editor-toolbar-mobile-min-height, 56px);
-    border-top: 1px solid var(--ui-editor-toolbar-border, var(--ui-border, #e5e7eb));
+    border-top: 1px solid var(--ui-editor-toolbar-border, var(--ui-border));
     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-890a1e69] {
+[data-component~="ui-editor-toolbar"][data-ui-editor-toolbar-state~="floating"][data-v-472b5c16] {
     position: static;
     inset: auto;
     min-height: auto;
-    border: 1px solid var(--ui-editor-toolbar-border, var(--ui-border, #e5e7eb));
-    border-radius: var(--ui-editor-toolbar-floating-radius, var(--ui-radius-lg, 10px));
+    border: 1px solid var(--ui-editor-toolbar-border, var(--ui-border));
+    border-radius: var(--ui-editor-toolbar-floating-radius, var(--ui-radius-lg));
     box-shadow: var(
       --ui-editor-toolbar-floating-shadow,
       var(--ui-shadow-lg, 0 10px 24px rgb(0 0 0 / 0.12))
@@ -2255,7 +2269,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-890a1e69] {
+.looma-editor__sticky-toolbar-shell [data-component~="ui-editor-toolbar"][data-v-472b5c16] {
   position: static;
   min-height: var(--ui-editor-toolbar-min-height, 48px);
   overscroll-behavior-inline: contain;
@@ -2266,7 +2280,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-890a1e69] {
+  [data-component~="ui-editor-toolbar"][data-ui-editor-toolbar-state~="floating"][data-v-472b5c16] {
   width: 100%;
   max-width: none;
   min-height: 100%;
@@ -2283,25 +2297,26 @@ 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-890a1e69] {
+[data-component~="ui-editor-toolbar"][hidden][data-v-472b5c16] {
   display: none;
 }
 
-[data-component~="ui-floating-action-button"][data-v-a6b9e9ca] {
+[data-component~="ui-floating-action-button"][data-v-b66a2428] {
   position: fixed;
   inset-block-end: calc(
-    var(--ui-floating-action-button-bottom, var(--ui-space-6, 1.5rem)) + env(safe-area-inset-bottom)
+    var(--ui-floating-action-button-inset-block-end, var(--ui-space-6)) +
+      env(safe-area-inset-bottom)
   );
   inset-inline-end: max(
-    var(--ui-floating-action-button-inline-end, var(--ui-space-5, 1.25rem)),
+    var(--ui-floating-action-button-inset-inline-end, var(--ui-space-5)),
     env(safe-area-inset-right)
   );
-  inline-size: var(--ui-floating-action-button-size, 56px);
-  block-size: var(--ui-floating-action-button-size, 56px);
+  inline-size: var(--ui-control-min-block-size);
+  block-size: var(--ui-control-min-block-size);
   display: inline-flex;
   z-index: var(--ui-floating-action-button-z-index, 100);
 }
-[data-component~="ui-floating-action-button"][data-v-a6b9e9ca] {
+[data-component~="ui-floating-action-button"][data-v-b66a2428] {
   appearance: none;
   border: none;
   border-radius: 999px;
@@ -2310,49 +2325,43 @@ svg[data-v-b2b50d17] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  background: var(--ui-floating-action-button-bg, var(--ui-accent-solid));
-  color: var(--ui-floating-action-button-color, var(--ui-text-on-accent));
-  box-shadow: var(
-    --ui-floating-action-button-shadow,
-    0 4px 12px color-mix(in srgb, var(--ui-accent-solid) 40%, transparent)
-  );
+  background: var(--ui-accent);
+  color: var(--ui-on-accent);
+  box-shadow: 0 4px 12px color-mix(in srgb, var(--ui-accent) 40%, transparent);
   cursor: pointer;
   transition:
-    background-color var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease),
-    transform var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease),
-    box-shadow var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease);
+    background-color 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);
 }
-[data-component~="ui-floating-action-button"][data-v-a6b9e9ca]:hover:enabled {
-  background: var(--ui-floating-action-button-hover-bg, var(--ui-accent-hover));
-  box-shadow: var(
-    --ui-floating-action-button-hover-shadow,
-    0 6px 16px color-mix(in srgb, var(--ui-accent-solid) 50%, transparent)
-  );
+[data-component~="ui-floating-action-button"][data-v-b66a2428]: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-a6b9e9ca]:active:enabled {
-  transform: scale(var(--ui-floating-action-button-active-scale, 0.94));
+[data-component~="ui-floating-action-button"][data-v-b66a2428]:active:enabled {
+  transform: scale(0.94);
 }
-[data-component~="ui-floating-action-button"][data-v-a6b9e9ca]:focus-visible {
-  outline: 2px solid var(--ui-focus-ring, currentColor);
+[data-component~="ui-floating-action-button"][data-v-b66a2428]:focus-visible {
+  outline: 2px solid var(--ui-focus-ring);
   outline-offset: 2px;
 }
-[data-component~="ui-floating-action-button"][data-v-a6b9e9ca]:disabled {
+[data-component~="ui-floating-action-button"][data-v-b66a2428]:disabled {
   opacity: 0.6;
   cursor: not-allowed;
 }
-svg[data-v-a6b9e9ca-s] {
-  inline-size: var(--ui-floating-action-button-icon-size, 24px);
-  block-size: var(--ui-floating-action-button-icon-size, 24px);
+svg[data-v-b66a2428-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-a6b9e9ca] {
+[data-component~="ui-floating-action-button"][data-ui-floating-action-button-state~="mobileOnly"][data-v-b66a2428] {
     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-a6b9e9ca] {
+[data-component~="ui-floating-action-button"][hidden][data-v-b66a2428] {
   display: none;
 }
 
@@ -2393,8 +2402,8 @@ svg[data-v-a6b9e9ca-s] {
   display: none;
 }
 
-[data-component~="ui-grid"][data-v-c390a71d] {
-  --_grid-gap: var(--ui-space-4, 1rem);
+[data-component~="ui-grid"][data-v-356b2957] {
+  --_grid-gap: var(--ui-space-4);
   --_grid-min: 12rem;
   display: grid;
   gap: var(--ui-grid-gap, var(--_grid-gap));
@@ -2404,50 +2413,50 @@ svg[data-v-a6b9e9ca-s] {
   max-inline-size: 100%;
   margin: 0;
 }
-[data-component~="ui-grid"][data-ui-grid-state~="gap=xs"][data-v-c390a71d] {
-  --_grid-gap: var(--ui-space-2, 0.5rem);
+[data-component~="ui-grid"][data-ui-grid-state~="gap=xs"][data-v-356b2957] {
+  --_grid-gap: var(--ui-space-2);
 }
-[data-component~="ui-grid"][data-ui-grid-state~="gap=s"][data-v-c390a71d] {
-  --_grid-gap: var(--ui-space-3, 0.75rem);
+[data-component~="ui-grid"][data-ui-grid-state~="gap=s"][data-v-356b2957] {
+  --_grid-gap: var(--ui-space-3);
 }
-[data-component~="ui-grid"][data-ui-grid-state~="gap=m"][data-v-c390a71d] {
-  --_grid-gap: var(--ui-space-4, 1rem);
+[data-component~="ui-grid"][data-ui-grid-state~="gap=m"][data-v-356b2957] {
+  --_grid-gap: var(--ui-space-4);
 }
-[data-component~="ui-grid"][data-ui-grid-state~="gap=l"][data-v-c390a71d] {
-  --_grid-gap: var(--ui-space-5, 1.5rem);
+[data-component~="ui-grid"][data-ui-grid-state~="gap=l"][data-v-356b2957] {
+  --_grid-gap: var(--ui-space-5);
 }
-[data-component~="ui-grid"][data-ui-grid-state~="gap=xl"][data-v-c390a71d] {
-  --_grid-gap: var(--ui-space-6, 2rem);
+[data-component~="ui-grid"][data-ui-grid-state~="gap=xl"][data-v-356b2957] {
+  --_grid-gap: var(--ui-space-6);
 }
-[data-component~="ui-grid"][data-ui-grid-state~="min=md"][data-v-c390a71d] {
+[data-component~="ui-grid"][data-ui-grid-state~="min=md"][data-v-356b2957] {
   --_grid-min: 16rem;
 }
-[data-component~="ui-grid"][data-ui-grid-state~="min=lg"][data-v-c390a71d] {
+[data-component~="ui-grid"][data-ui-grid-state~="min=lg"][data-v-356b2957] {
   --_grid-min: 20rem;
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-grid"][hidden][data-v-c390a71d] {
+[data-component~="ui-grid"][hidden][data-v-356b2957] {
   display: none;
 }
 
-[data-component~="ui-icon-button"][data-v-9ff7e192] {
+[data-component~="ui-icon-button"][data-v-80722d12] {
   display: inline-flex;
   color: var(--ui-text-secondary);
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-9ff7e192] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-80722d12] {
   position: relative;
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-9ff7e192]::before {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-80722d12]::before {
   content: "";
   position: absolute;
   inset: 50% auto auto 50%;
   z-index: 1;
-  inline-size: var(--ui-affordance-guide-size, 0.25rem);
-  block-size: var(--ui-affordance-guide-size, 0.25rem);
-  border-radius: var(--ui-radius-round, 999px);
+  inline-size: var(--ui-affordance-guide-size);
+  block-size: var(--ui-affordance-guide-size);
+  border-radius: var(--ui-radius-round);
   background: var(--ui-affordance-guide-color, var(--ui-border-strong));
-  opacity: var(--ui-affordance-guide-opacity, 0.42);
+  opacity: var(--ui-affordance-guide-opacity);
   transform: translate(-50%, -50%);
   transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
   pointer-events: none;
@@ -2457,27 +2466,29 @@ svg[data-v-a6b9e9ca-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-9ff7e192]: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-80722d12]: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-9ff7e192]: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-80722d12]: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-9ff7e192] {
+[data-component~="ui-icon-button"][data-v-80722d12] {
+  /* The size prop resolves here; --ui-icon-button-size overrides it on an element. */
+  --_size: 2rem;
   appearance: none;
-  inline-size: var(--ui-icon-button-size, 2rem);
-  block-size: var(--ui-icon-button-size, 2rem);
-  min-inline-size: var(--ui-icon-button-size, 2rem);
-  min-block-size: var(--ui-icon-button-size, 2rem);
+  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));
   padding: 0;
   margin: 0;
   border: 1px solid transparent;
-  border-radius: var(--ui-icon-button-radius, var(--ui-radius-2));
-  background: var(--ui-icon-button-bg, transparent);
+  border-radius: var(--ui-icon-button-radius, var(--ui-radius-md));
+  background: var(--ui-icon-button-surface, transparent);
   color: inherit;
   display: inline-flex;
   align-items: center;
@@ -2491,7 +2502,7 @@ svg[data-v-a6b9e9ca-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-9ff7e192]::before {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-80722d12]::before {
     opacity: 0;
 }
 }
@@ -2499,116 +2510,104 @@ svg[data-v-a6b9e9ca-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-9ff7e192] {
+[data-component~="ui-icon-button"][data-v-80722d12] {
     position: relative;
 }
-[data-component~="ui-icon-button"][data-v-9ff7e192]::after {
+[data-component~="ui-icon-button"][data-v-80722d12]::after {
     content: "";
     position: absolute;
     inset: 50% auto auto 50%;
-    inline-size: max(100%, var(--ui-control-min-block-size, 2.75rem));
-    block-size: max(100%, var(--ui-control-min-block-size, 2.75rem));
+    inline-size: max(100%, var(--ui-control-min-block-size));
+    block-size: max(100%, var(--ui-control-min-block-size));
     transform: translate(-50%, -50%);
 }
 }
-html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-9ff7e192] {
+html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-80722d12] {
   position: relative;
 }
-html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-9ff7e192]::after {
+html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-80722d12]::after {
   content: "";
   position: absolute;
   inset: 50% auto auto 50%;
-  inline-size: max(100%, var(--ui-control-min-block-size, 2.75rem));
-  block-size: max(100%, var(--ui-control-min-block-size, 2.75rem));
+  inline-size: max(100%, var(--ui-control-min-block-size));
+  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-9ff7e192] {
-  inline-size: var(--ui-icon-button-size-sm, 1.75rem);
-  block-size: var(--ui-icon-button-size-sm, 1.75rem);
-  min-inline-size: var(--ui-icon-button-size-sm, 1.75rem);
-  min-block-size: var(--ui-icon-button-size-sm, 1.75rem);
-}
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="size=lg"][data-v-9ff7e192] {
-  inline-size: var(--ui-icon-button-size-lg, 2.5rem);
-  block-size: var(--ui-icon-button-size-lg, 2.5rem);
-  min-inline-size: var(--ui-icon-button-size-lg, 2.5rem);
-  min-block-size: var(--ui-icon-button-size-lg, 2.5rem);
-}
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="round"][data-v-9ff7e192] {
-  border-radius: var(--ui-radius-round, 999px);
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="size=sm"][data-v-80722d12] {
+  --_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] {
+  --_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] {
+  border-radius: var(--ui-radius-round);
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][data-v-9ff7e192] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][data-v-80722d12] {
   border-color: var(--ui-icon-button-border, var(--ui-border-default));
-  background: var(--ui-icon-button-outline-bg, var(--ui-surface-default));
-  color: var(--ui-icon-button-outline-color, var(--ui-text-primary));
+  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-9ff7e192] {
-  background: var(--ui-icon-button-solid-bg, var(--ui-accent-solid));
-  color: var(--ui-icon-button-solid-color, var(--ui-text-on-accent));
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"][data-v-80722d12] {
+  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(
     --ui-icon-button-solid-shadow,
     0 1px 2px color-mix(in srgb, var(--ui-accent-solid) 18%, transparent)
   );
 }
-[data-component~="ui-icon-button"][data-v-9ff7e192]:hover:enabled {
+[data-component~="ui-icon-button"][data-v-80722d12]:hover:enabled {
   /* Derived from the text colour so the ghost hover shows on any background. */
-  background: var(--ui-icon-button-hover-bg, color-mix(in srgb, currentColor 8%, transparent));
-  color: var(--ui-icon-button-hover-color, var(--ui-text-primary));
+  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-9ff7e192]:hover:enabled {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][data-v-80722d12]: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-9ff7e192]:hover:enabled {
-  background: var(--ui-icon-button-solid-hover-bg, var(--ui-accent-hover));
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"][data-v-80722d12]:hover:enabled {
+  background: var(--ui-icon-button-solid-hover-surface, var(--ui-accent-hover));
 }
-[data-component~="ui-icon-button"][data-v-9ff7e192]:active:enabled {
+[data-component~="ui-icon-button"][data-v-80722d12]:active:enabled {
   transform: scale(var(--ui-icon-button-active-scale, 0.96));
 }
-[data-component~="ui-icon-button"][data-v-9ff7e192]:focus-visible {
+[data-component~="ui-icon-button"][data-v-80722d12]: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-9ff7e192]:disabled {
-  opacity: var(--ui-icon-button-disabled-opacity, 0.6);
-  color: var(--ui-icon-button-disabled-color, inherit);
+[data-component~="ui-icon-button"][data-v-80722d12]: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-9ff7e192]:disabled {
-  border-color: var(
-    --ui-icon-button-disabled-border,
-    var(--ui-icon-button-border, var(--ui-border-default))
-  );
-  background-color: var(
-    --ui-icon-button-disabled-bg,
-    var(--ui-icon-button-outline-bg, var(--ui-surface-default))
-  );
-  color: var(
-    --ui-icon-button-disabled-color,
-    var(--ui-icon-button-outline-color, var(--ui-text-primary))
-  );
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][data-v-80722d12]: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-9ff7e192]:disabled {
-  background-color: var(
-    --ui-icon-button-disabled-bg,
-    var(--ui-icon-button-solid-bg, var(--ui-accent-solid))
-  );
-  color: var(
-    --ui-icon-button-disabled-color,
-    var(--ui-icon-button-solid-color, var(--ui-text-on-accent))
-  );
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"][data-v-80722d12]: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-9ff7e192] {
-  --_icon-button-icon-default: var(--ui-icon-size-md, 1.25rem);
+[data-component~="ui-icon-button"][data-v-80722d12] {
+  --_icon-button-icon-default: var(--ui-icon-size-md);
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="size=sm"][data-v-9ff7e192] {
-  --_icon-button-icon-default: var(--ui-icon-size-sm, 1rem);
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="size=sm"][data-v-80722d12] {
+  --_icon-button-icon-default: var(--ui-icon-size-sm);
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="size=lg"][data-v-9ff7e192] {
-  --_icon-button-icon-default: var(--ui-icon-size-lg, 1.5rem);
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="size=lg"][data-v-80722d12] {
+  --_icon-button-icon-default: var(--ui-icon-size-lg);
 }
-svg[data-v-9ff7e192-s] {
+svg[data-v-80722d12-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;
@@ -2616,21 +2615,21 @@ svg[data-v-9ff7e192-s] {
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-icon-button"][hidden][data-v-9ff7e192] {
+[data-component~="ui-icon-button"][hidden][data-v-80722d12] {
   display: none;
 }
 
-[data-component~="ui-input"][data-v-e80b5857] {
+[data-component~="ui-input"][data-v-f00d6a51] {
   box-sizing: border-box;
   display: inline-block;
   inline-size: 100%;
   min-inline-size: 0;
-  min-block-size: var(--ui-control-size-md, 2.5rem);
+  min-block-size: var(--ui-control-size-md);
   margin: 0;
   padding: var(--ui-space-2) var(--ui-space-3);
   appearance: none;
   border: 1px solid var(--ui-control-border, var(--ui-border-strong));
-  border-radius: var(--ui-input-radius, var(--ui-radius-2));
+  border-radius: var(--ui-input-radius, var(--ui-radius-md));
   background: var(--ui-control-surface, var(--ui-surface-elevated));
   color: var(--ui-text-primary);
   font: inherit;
@@ -2643,18 +2642,18 @@ svg[data-v-9ff7e192-s] {
 }
 
 /* Tabbing into a field selects its text; tint that selection softly instead of the page highlight. */
-[data-component~="ui-input"][data-v-e80b5857]::selection {
+[data-component~="ui-input"][data-v-f00d6a51]::selection {
   background: color-mix(in srgb, var(--ui-accent-solid) 20%, transparent);
   color: inherit;
 }
-[data-component~="ui-input"][data-v-e80b5857]::placeholder {
+[data-component~="ui-input"][data-v-f00d6a51]::placeholder {
   color: var(--ui-control-placeholder, var(--ui-text-secondary));
   opacity: 1;
 }
-[data-component~="ui-input"][data-v-e80b5857]:hover:not(:focus):not(:disabled) {
+[data-component~="ui-input"][data-v-f00d6a51]:hover:not(:focus):not(:disabled) {
   border-color: var(--ui-control-border-hover, var(--ui-text-secondary));
 }
-[data-component~="ui-input"][data-v-e80b5857]:focus-visible {
+[data-component~="ui-input"][data-v-f00d6a51]:focus-visible {
   border-color: var(--ui-control-focus, var(--ui-accent-solid));
   outline: none;
   box-shadow: var(
@@ -2665,16 +2664,16 @@ svg[data-v-9ff7e192-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-e80b5857],
-[data-component~="ui-input"][data-v-e80b5857]:is(:user-invalid, [data-user-invalid]) {
+[data-component~="ui-input"][aria-invalid="true"][data-v-f00d6a51],
+[data-component~="ui-input"][data-v-f00d6a51]:is(:user-invalid, [data-user-invalid]) {
   border-color: var(--ui-danger-solid);
 }
-[data-component~="ui-input"][data-v-e80b5857]:is([aria-invalid="true"], :is(:user-invalid, [data-user-invalid])):focus-visible {
+[data-component~="ui-input"][data-v-f00d6a51]: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-e80b5857]:disabled {
+[data-component~="ui-input"][data-v-f00d6a51]:disabled {
   background: var(--ui-control-surface-disabled, var(--ui-surface-muted));
   color: var(--ui-text-muted);
   box-shadow: none;
@@ -2685,20 +2684,26 @@ svg[data-v-9ff7e192-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-e80b5857] {
+[data-component~="ui-input"][hidden][data-v-f00d6a51] {
   display: none;
 }
 
-[data-component~="ui-menu"][data-v-3174acee] {
+/* 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] {
+  --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);
+  --ui-menu-item-radius: var(--ui-radius-sm);
+  padding: var(--ui-space-1);
+  gap: 0;
+}
+[data-component~="ui-menu"][data-v-09be9e37] {
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   inline-size: max-content;
-  min-inline-size: min(
-    12rem,
-    calc(100vw - var(--ui-menu-viewport-gap, var(--ui-space-2, 0.5rem)) * 2)
-  );
-  max-inline-size: calc(100vw - var(--ui-menu-viewport-gap, var(--ui-space-2, 0.5rem)) * 2);
+  min-inline-size: min(12rem, calc(100vw - var(--ui-menu-viewport-gap, var(--ui-space-2)) * 2));
+  max-inline-size: calc(100vw - var(--ui-menu-viewport-gap, var(--ui-space-2)) * 2);
   padding: 0;
   border: 0;
   outline: 0;
@@ -2707,7 +2712,7 @@ svg[data-v-9ff7e192-s] {
   box-shadow: none;
   overflow: visible;
 }
-.surface[data-v-3174acee] {
+.surface[data-v-09be9e37] {
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
@@ -2715,20 +2720,20 @@ svg[data-v-9ff7e192-s] {
   padding: var(--ui-space-1);
   background: var(--ui-surface-elevated);
   border: 1px solid var(--ui-border-default);
-  border-radius: var(--ui-radius-3);
+  border-radius: var(--ui-radius-lg);
   box-shadow: var(--ui-elevation-overlay, var(--ui-shadow-lg));
   max-block-size: inherit;
   overflow: auto;
 }
-[data-component~="ui-menu"][data-v-3174acee]:not([data-component~="ui-menu"][data-ui-menu-state~="internalOpen"]) {
+[data-component~="ui-menu"][data-v-09be9e37]:not([data-component~="ui-menu"][data-ui-menu-state~="internalOpen"]) {
   display: none;
 }
-[data-component~="ui-menu"][popover][data-v-3174acee] {
+[data-component~="ui-menu"][popover][data-v-09be9e37] {
   position: fixed;
   inset: auto;
   margin: 0;
   overflow: visible;
-  max-block-size: calc(100dvh - var(--ui-menu-viewport-gap, var(--ui-space-2, 0.5rem)) * 2);
+  max-block-size: calc(100dvh - var(--ui-menu-viewport-gap, var(--ui-space-2)) * 2);
   opacity: 0;
   transform: translateY(-4px) scale(0.99);
   transition:
@@ -2737,61 +2742,62 @@ svg[data-v-9ff7e192-s] {
     display var(--ui-motion-fast) allow-discrete,
     overlay var(--ui-motion-fast) allow-discrete;
 }
-[data-component~="ui-menu"][popover][data-v-3174acee]:popover-open {
+[data-component~="ui-menu"][popover][data-v-09be9e37]:popover-open {
   opacity: 1;
   transform: translateY(0) scale(1);
 }
 @starting-style {
-[data-component~="ui-menu"][popover][data-v-3174acee]:popover-open {
+[data-component~="ui-menu"][popover][data-v-09be9e37]:popover-open {
     opacity: 0;
     transform: translateY(-4px) scale(0.99);
 }
 }
-[data-component~="ui-menu"][hidden][data-v-3174acee] {
+[data-component~="ui-menu"][hidden][data-v-09be9e37] {
   display: none;
 }
 @media (prefers-reduced-motion: reduce) {
-[data-component~="ui-menu"][popover][data-v-3174acee] {
+[data-component~="ui-menu"][popover][data-v-09be9e37] {
     transition: none;
 }
 }
 
-[data-component~="ui-menu-item"][data-v-732d4711] {
+[data-component~="ui-menu-item"][data-v-deb5a674] {
   display: block;
   box-sizing: border-box;
   width: 100%;
-  padding: var(--ui-space-2) var(--ui-space-3);
+  padding: var(--ui-menu-item-padding-block, var(--ui-space-2))
+    var(--ui-menu-item-padding-inline, var(--ui-space-3));
   text-align: left;
-  border-radius: var(--ui-radius-2);
+  border-radius: var(--ui-menu-item-radius, var(--ui-radius-md));
   color: var(--ui-text-primary);
-  font-size: var(--ui-font-size-md);
-  font-weight: var(--ui-font-medium, 500);
+  font-size: var(--ui-menu-item-font-size, var(--ui-font-size-md));
+  font-weight: var(--ui-font-medium);
   cursor: pointer;
   outline: none;
   transition:
     background-color var(--ui-motion-fast) var(--ui-motion-ease),
     color var(--ui-motion-fast) var(--ui-motion-ease);
 }
-[data-component~="ui-menu-item"][data-v-732d4711]:is(:hover, :focus-visible):not([aria-disabled="true"]) {
-  background: var(--ui-surface-subtle);
+[data-component~="ui-menu-item"][data-v-deb5a674]: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-732d4711] {
+[data-component~="ui-menu-item"][aria-disabled="true"][data-v-deb5a674] {
   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-732d4711] {
+[data-component~="ui-menu-item"][hidden][data-v-deb5a674] {
   display: none;
 }
 
-[data-component~="ui-popover"][data-v-49809509] {
+[data-component~="ui-popover"][data-v-c16079f0] {
   box-sizing: border-box;
   max-inline-size: min(
     20rem,
-    calc(100vw - var(--ui-popover-viewport-gap, var(--ui-space-2, 0.5rem)) * 2)
+    calc(100vw - var(--ui-popover-viewport-gap, var(--ui-space-2)) * 2)
   );
-  max-block-size: calc(100dvh - var(--ui-popover-viewport-gap, var(--ui-space-2, 0.5rem)) * 2);
+  max-block-size: calc(100dvh - var(--ui-popover-viewport-gap, var(--ui-space-2)) * 2);
   overflow: visible;
   padding: 0;
   border: 0;
@@ -2800,7 +2806,7 @@ svg[data-v-9ff7e192-s] {
   background: transparent;
   box-shadow: none;
 }
-.surface[data-v-49809509] {
+.surface[data-v-c16079f0] {
   box-sizing: border-box;
   max-inline-size: inherit;
   max-block-size: inherit;
@@ -2808,13 +2814,13 @@ svg[data-v-9ff7e192-s] {
   padding: var(--ui-space-3);
   background: var(--ui-surface-elevated);
   border: 1px solid var(--ui-border-default);
-  border-radius: var(--ui-radius-3);
+  border-radius: var(--ui-radius-lg);
   box-shadow: var(--ui-elevation-overlay, var(--ui-shadow-lg));
 }
-[data-component~="ui-popover"][data-v-49809509]:not([data-component~="ui-popover"][data-ui-popover-state~="internalOpen"]) {
+[data-component~="ui-popover"][data-v-c16079f0]:not([data-component~="ui-popover"][data-ui-popover-state~="internalOpen"]) {
   display: none;
 }
-[data-component~="ui-popover"][popover][data-v-49809509] {
+[data-component~="ui-popover"][popover][data-v-c16079f0] {
   position: fixed;
   inset: auto;
   margin: 0;
@@ -2826,21 +2832,21 @@ svg[data-v-9ff7e192-s] {
     display var(--ui-motion-fast) allow-discrete,
     overlay var(--ui-motion-fast) allow-discrete;
 }
-[data-component~="ui-popover"][popover][data-v-49809509]:popover-open {
+[data-component~="ui-popover"][popover][data-v-c16079f0]:popover-open {
   opacity: 1;
   transform: translateY(0) scale(1);
 }
 @starting-style {
-[data-component~="ui-popover"][popover][data-v-49809509]:popover-open {
+[data-component~="ui-popover"][popover][data-v-c16079f0]:popover-open {
     opacity: 0;
     transform: translateY(-4px) scale(0.99);
 }
 }
-[data-component~="ui-popover"][hidden][data-v-49809509] {
+[data-component~="ui-popover"][hidden][data-v-c16079f0] {
   display: none;
 }
 @media (prefers-reduced-motion: reduce) {
-[data-component~="ui-popover"][popover][data-v-49809509] {
+[data-component~="ui-popover"][popover][data-v-c16079f0] {
     transition: none;
 }
 }
@@ -2912,8 +2918,8 @@ legend[data-v-df092584] + * {
   display: none;
 }
 
-[data-component~="ui-reel"][data-v-8cc08968] {
-  --_reel-gap: var(--ui-space-4, 1rem);
+[data-component~="ui-reel"][data-v-0dde8279] {
+  --_reel-gap: var(--ui-space-4);
   --_reel-item-width: auto;
   display: flex;
   inline-size: 100%;
@@ -2925,133 +2931,130 @@ legend[data-v-df092584] + * {
   overflow-y: hidden;
   overscroll-behavior-inline: contain;
 }
-[data-component~="ui-reel"] > [data-v-8cc08968-s] {
+[data-component~="ui-reel"] > [data-v-0dde8279-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-8cc08968] {
-  --_reel-gap: var(--ui-space-2, 0.5rem);
+[data-component~="ui-reel"][data-ui-reel-state~="gap=xs"][data-v-0dde8279] {
+  --_reel-gap: var(--ui-space-2);
 }
-[data-component~="ui-reel"][data-ui-reel-state~="gap=s"][data-v-8cc08968] {
-  --_reel-gap: var(--ui-space-3, 0.75rem);
+[data-component~="ui-reel"][data-ui-reel-state~="gap=s"][data-v-0dde8279] {
+  --_reel-gap: var(--ui-space-3);
 }
-[data-component~="ui-reel"][data-ui-reel-state~="gap=m"][data-v-8cc08968] {
-  --_reel-gap: var(--ui-space-4, 1rem);
+[data-component~="ui-reel"][data-ui-reel-state~="gap=m"][data-v-0dde8279] {
+  --_reel-gap: var(--ui-space-4);
 }
-[data-component~="ui-reel"][data-ui-reel-state~="gap=l"][data-v-8cc08968] {
-  --_reel-gap: var(--ui-space-5, 1.5rem);
+[data-component~="ui-reel"][data-ui-reel-state~="gap=l"][data-v-0dde8279] {
+  --_reel-gap: var(--ui-space-5);
 }
-[data-component~="ui-reel"][data-ui-reel-state~="gap=xl"][data-v-8cc08968] {
-  --_reel-gap: var(--ui-space-6, 2rem);
+[data-component~="ui-reel"][data-ui-reel-state~="gap=xl"][data-v-0dde8279] {
+  --_reel-gap: var(--ui-space-6);
 }
-[data-component~="ui-reel"][data-ui-reel-state~="itemWidth=sm"][data-v-8cc08968] {
+[data-component~="ui-reel"][data-ui-reel-state~="itemWidth=sm"][data-v-0dde8279] {
   --_reel-item-width: 12rem;
 }
-[data-component~="ui-reel"][data-ui-reel-state~="itemWidth=md"][data-v-8cc08968] {
+[data-component~="ui-reel"][data-ui-reel-state~="itemWidth=md"][data-v-0dde8279] {
   --_reel-item-width: 16rem;
 }
-[data-component~="ui-reel"][data-ui-reel-state~="itemWidth=lg"][data-v-8cc08968] {
+[data-component~="ui-reel"][data-ui-reel-state~="itemWidth=lg"][data-v-0dde8279] {
   --_reel-item-width: 20rem;
 }
-[data-component~="ui-reel"][data-ui-reel-state~="snap"][data-v-8cc08968] {
+[data-component~="ui-reel"][data-ui-reel-state~="snap"][data-v-0dde8279] {
   scroll-snap-type: inline mandatory;
 }
-[data-component~="ui-reel"][data-ui-reel-state~="snap=start"] > [data-v-8cc08968-s] {
+[data-component~="ui-reel"][data-ui-reel-state~="snap=start"] > [data-v-0dde8279-s] {
   scroll-snap-align: start;
 }
-[data-component~="ui-reel"][data-ui-reel-state~="snap=center"] > [data-v-8cc08968-s] {
+[data-component~="ui-reel"][data-ui-reel-state~="snap=center"] > [data-v-0dde8279-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-8cc08968] {
+[data-component~="ui-reel"][hidden][data-v-0dde8279] {
   display: none;
 }
 
-[data-component~="ui-search-result-row"][data-v-d2414aa2] {
+[data-component~="ui-search-result-row"][data-v-7d88a5d4] {
   appearance: none;
   inline-size: 100%;
   min-block-size: var(--ui-search-result-row-min-height, 56px);
   margin: 0;
-  padding-block: var(--ui-search-result-row-padding-block, var(--ui-space-3, 0.75rem));
-  padding-inline: var(--ui-search-result-row-padding-inline, var(--ui-space-4, 1rem));
+  padding-block: var(--ui-search-result-row-padding-block, var(--ui-space-3));
+  padding-inline: var(--ui-search-result-row-padding-inline, var(--ui-space-4));
   display: flex;
   align-items: flex-start;
-  gap: var(--ui-search-result-row-gap, var(--ui-space-3, 0.75rem));
-  background: var(--ui-search-result-row-bg, transparent);
+  gap: var(--ui-search-result-row-gap, var(--ui-space-3));
+  background: var(--ui-search-result-row-surface, transparent);
   border: none;
-  border-block-end: 1px solid var(--ui-search-result-row-border, var(--ui-border, #e5e7eb));
+  border-block-end: 1px solid var(--ui-search-result-row-border, var(--ui-border));
   color: inherit;
   cursor: pointer;
   text-align: left;
-  transition: background-color var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease);
+  transition: background-color var(--ui-motion-fast) var(--ui-motion-ease);
 }
-[data-component~="ui-search-result-row"][data-v-d2414aa2]:last-child {
+[data-component~="ui-search-result-row"][data-v-7d88a5d4]:last-child {
   border-block-end: none;
 }
-[data-component~="ui-search-result-row"][data-v-d2414aa2]:hover:enabled {
+[data-component~="ui-search-result-row"][data-v-7d88a5d4]:hover:enabled {
   background: var(
-    --ui-search-result-row-hover-bg,
-    color-mix(in srgb, var(--ui-surface, #ffffff) 85%, black 3%)
+    --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-d2414aa2] {
+[data-component~="ui-search-result-row"][data-ui-search-result-row-state~="selected"][data-v-7d88a5d4] {
   background: var(
     --ui-search-result-row-selected-bg,
-    var(
-      --ui-search-result-row-hover-bg,
-      color-mix(in srgb, var(--ui-surface, #ffffff) 85%, black 3%)
-    )
+    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-d2414aa2]:focus-visible {
-  outline: 2px solid var(--ui-focus-ring, #2563eb);
+[data-component~="ui-search-result-row"][data-v-7d88a5d4]:focus-visible {
+  outline: 2px solid var(--ui-focus-ring);
   outline-offset: -2px;
 }
-[data-component~="ui-search-result-row"][data-v-d2414aa2]:disabled {
+[data-component~="ui-search-result-row"][data-v-7d88a5d4]:disabled {
   opacity: 0.6;
   cursor: not-allowed;
 }
-.leading[data-v-d2414aa2],
-.trailing[data-v-d2414aa2] {
+.leading[data-v-7d88a5d4],
+.trailing[data-v-7d88a5d4] {
   display: inline-flex;
   align-items: flex-start;
   flex-shrink: 0;
 }
-.content[data-v-d2414aa2] {
+.content[data-v-7d88a5d4] {
   min-inline-size: 0;
   flex: 1;
   display: flex;
   flex-direction: column;
 }
-.title[data-v-d2414aa2],
-.meta[data-v-d2414aa2],
-.excerpt[data-v-d2414aa2] {
+.title[data-v-7d88a5d4],
+.meta[data-v-7d88a5d4],
+.excerpt[data-v-7d88a5d4] {
   display: block;
   min-inline-size: 0;
 }
 
 /* An unused region takes no space. */
-.leading[data-v-d2414aa2]:empty,
-.meta[data-v-d2414aa2]:empty,
-.excerpt[data-v-d2414aa2]:empty,
-.trailing[data-v-d2414aa2]:empty {
+.leading[data-v-7d88a5d4]:empty,
+.meta[data-v-7d88a5d4]:empty,
+.excerpt[data-v-7d88a5d4]:empty,
+.trailing[data-v-7d88a5d4]:empty {
   display: none;
 }
-[slot="title"][data-v-d2414aa2-s],[slot="meta"][data-v-d2414aa2-s],[slot="excerpt"][data-v-d2414aa2-s] {
+[slot="title"][data-v-7d88a5d4-s],[slot="meta"][data-v-7d88a5d4-s],[slot="excerpt"][data-v-7d88a5d4-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-d2414aa2] {
+[data-component~="ui-search-result-row"][hidden][data-v-7d88a5d4] {
   display: none;
 }
 
-[data-component~="ui-search-shell"][data-v-7aa92a93] {
+[data-component~="ui-search-shell"][data-v-976b649d] {
   display: contents;
 }
-dialog[data-v-7aa92a93] {
+dialog[data-v-976b649d] {
   position: fixed;
   inset: 0;
   z-index: var(--ui-search-shell-z-index, 400);
@@ -3069,10 +3072,10 @@ dialog[data-v-7aa92a93] {
   background: var(--ui-overlay-backdrop);
   color: var(--ui-text-primary);
 }
-dialog[data-v-7aa92a93]::backdrop {
+dialog[data-v-976b649d]::backdrop {
   background: var(--ui-overlay-backdrop);
 }
-.panel[data-v-7aa92a93] {
+.panel[data-v-976b649d] {
   position: relative;
   display: flex;
   flex-direction: column;
@@ -3080,12 +3083,12 @@ dialog[data-v-7aa92a93]::backdrop {
   max-block-size: var(--ui-search-shell-max-height, 80vh);
   margin-inline: auto;
   overflow: hidden;
-  background: var(--ui-search-shell-bg, var(--ui-surface-elevated));
+  background: var(--ui-search-shell-surface, var(--ui-surface-elevated));
   border: 1px solid var(--ui-search-shell-border, var(--ui-border-default));
   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-7aa92a93] {
+.search[data-v-976b649d] {
   padding: var(--ui-space-3);
   border-block-end: 1px solid var(--ui-border-default);
   transition:
@@ -3094,40 +3097,40 @@ dialog[data-v-7aa92a93]::backdrop {
 }
 
 /* The search region shows where typing goes, whatever the author put in it. */
-.search[data-v-7aa92a93]:focus-within {
+.search[data-v-976b649d]: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-7aa92a93-s] {
+input[slot="search"][data-v-976b649d-s] {
   box-sizing: border-box;
   inline-size: 100%;
   min-block-size: var(--ui-control-min-block-size);
   padding: var(--ui-space-2) var(--ui-space-3);
   border: 1px solid var(--ui-control-border);
-  border-radius: var(--ui-radius-2);
+  border-radius: var(--ui-radius-md);
   background: var(--ui-control-surface);
   color: var(--ui-text-primary);
   font: inherit;
   box-shadow: var(--ui-shadow-xs);
 }
-input[slot="search"][data-v-7aa92a93-s]:focus-visible {
+input[slot="search"][data-v-976b649d-s]:focus-visible {
   border-color: var(--ui-control-focus);
-  outline: 2px solid var(--ui-focus-ring, currentColor);
+  outline: 2px solid var(--ui-focus-ring);
   outline-offset: 2px;
 }
-.status[data-v-7aa92a93],
-.footer[data-v-7aa92a93] {
+.status[data-v-976b649d],
+.footer[data-v-976b649d] {
   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-7aa92a93] {
+.status[data-v-976b649d] {
   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-7aa92a93] {
+.footer[data-v-976b649d] {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
@@ -3136,21 +3139,21 @@ input[slot="search"][data-v-7aa92a93-s]:focus-visible {
   padding: var(--ui-space-3) var(--ui-space-4);
   border-block-start: 1px solid var(--ui-border-default);
 }
-.status[data-v-7aa92a93]:empty,
-.footer[data-v-7aa92a93]:empty {
+.status[data-v-976b649d]:empty,
+.footer[data-v-976b649d]:empty {
   display: none;
 }
-.body[data-v-7aa92a93] {
+.body[data-v-976b649d] {
   flex: 1;
   min-block-size: 0;
   overflow: auto;
   padding: var(--ui-space-2);
 }
 @media (max-width: 47.9375rem) {
-dialog[data-v-7aa92a93] {
+dialog[data-v-976b649d] {
     padding: 0;
 }
-.panel[data-v-7aa92a93] {
+.panel[data-v-976b649d] {
     inline-size: 100%;
     min-block-size: 100dvh;
     max-block-size: none;
@@ -3160,20 +3163,20 @@ dialog[data-v-7aa92a93] {
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-search-shell"][hidden][data-v-7aa92a93] {
+[data-component~="ui-search-shell"][hidden][data-v-976b649d] {
   display: none;
 }
 
-[data-component~="ui-select"][data-v-b52cc131] {
+[data-component~="ui-select"][data-v-01335c35] {
   box-sizing: border-box;
   display: inline-block;
   inline-size: 100%;
   min-inline-size: 0;
-  min-block-size: var(--ui-control-size-md, 2.5rem);
+  min-block-size: var(--ui-control-size-md);
   margin: 0;
   padding: var(--ui-space-2) var(--ui-space-3);
   border: 1px solid var(--ui-control-border, var(--ui-border-strong));
-  border-radius: var(--ui-select-radius, var(--ui-radius-2));
+  border-radius: var(--ui-select-radius, var(--ui-radius-md));
   background-color: var(--ui-control-surface, var(--ui-surface-elevated));
   color: var(--ui-text-primary);
   color-scheme: light dark;
@@ -3188,7 +3191,7 @@ dialog[data-v-7aa92a93] {
 
 /* Single selects draw their 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-b52cc131]:not([multiple]) {
+[data-component~="ui-select"][data-v-01335c35]:not([multiple]) {
   appearance: none;
   padding-inline-end: calc(var(--ui-space-3) + 1.5rem);
   background-image: var(
@@ -3199,10 +3202,10 @@ dialog[data-v-7aa92a93] {
   background-position: right var(--ui-space-3) center;
   background-size: 1.125rem 1.125rem;
 }
-[data-component~="ui-select"][data-v-b52cc131]:hover:not(:focus):not(:disabled) {
+[data-component~="ui-select"][data-v-01335c35]:hover:not(:focus):not(:disabled) {
   border-color: var(--ui-control-border-hover, var(--ui-text-secondary));
 }
-[data-component~="ui-select"][data-v-b52cc131]:focus-visible {
+[data-component~="ui-select"][data-v-01335c35]:focus-visible {
   border-color: var(--ui-control-focus, var(--ui-accent-solid));
   outline: none;
   box-shadow: var(
@@ -3213,29 +3216,29 @@ dialog[data-v-7aa92a93] {
 }
 
 /* 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-b52cc131],
-[data-component~="ui-select"][data-v-b52cc131]:is(:user-invalid, [data-user-invalid]) {
+[data-component~="ui-select"][aria-invalid="true"][data-v-01335c35],
+[data-component~="ui-select"][data-v-01335c35]:is(:user-invalid, [data-user-invalid]) {
   border-color: var(--ui-danger-solid);
 }
-[data-component~="ui-select"][data-v-b52cc131]:is([aria-invalid="true"], :is(:user-invalid, [data-user-invalid])):focus-visible {
+[data-component~="ui-select"][data-v-01335c35]: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-b52cc131]:disabled {
+[data-component~="ui-select"][data-v-01335c35]: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-b52cc131],
-[data-component~="ui-select"][size][data-v-b52cc131]:not([size="1"]) {
+[data-component~="ui-select"][multiple][data-v-01335c35],
+[data-component~="ui-select"][size][data-v-01335c35]: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-b52cc131] {
+[data-component~="ui-select"][hidden][data-v-01335c35] {
   display: none;
 }
 
@@ -3252,7 +3255,7 @@ hr[aria-orientation="vertical"][data-v-f0034397] {
   border-inline-start: 1px solid var(--ui-separator-color, var(--ui-border-default));
 }
 
-[data-component~="ui-sidebar"][data-v-fe11c9df] {
+[data-component~="ui-sidebar"][data-v-a2e22569] {
   position: relative;
   box-sizing: border-box;
   display: flex;
@@ -3264,21 +3267,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-fe11c9df] {
+[data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"][data-v-a2e22569] {
   border-inline-end: 0;
   border-inline-start: 1px solid var(--ui-sidebar-border, var(--ui-border-default));
 }
-.content[data-v-fe11c9df] {
+.content[data-v-a2e22569] {
   flex: 1;
   min-block-size: 0;
   overflow: auto;
 }
 
 /* Collapsed while docked. */
-[data-component~="ui-sidebar"][data-ui-sidebar-state~="internalCollapsed"][data-v-fe11c9df]:not([popover]) {
+[data-component~="ui-sidebar"][data-ui-sidebar-state~="internalCollapsed"][data-v-a2e22569]:not([popover]) {
   display: none;
 }
-.resizer[data-v-fe11c9df] {
+.resizer[data-v-a2e22569] {
   position: absolute;
   z-index: 1;
   inset-block: 0;
@@ -3291,15 +3294,15 @@ hr[aria-orientation="vertical"][data-v-f0034397] {
   touch-action: none;
   outline: none;
 }
-.resizer[hidden][data-v-fe11c9df] {
+.resizer[hidden][data-v-a2e22569] {
   display: none;
 }
-[data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"] .resizer[data-v-fe11c9df] {
+[data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"] .resizer[data-v-a2e22569] {
   inset-inline-end: auto;
   inset-inline-start: 0;
   transform: translateX(-50%);
 }
-.resizer[data-v-fe11c9df]::after {
+.resizer[data-v-a2e22569]::after {
   content: "";
   position: absolute;
   inset-block: 0;
@@ -3310,40 +3313,35 @@ hr[aria-orientation="vertical"][data-v-f0034397] {
     var(--ui-affordance-guide-color, var(--ui-border-strong)) 45%,
     transparent
   );
-  opacity: var(--ui-affordance-guide-opacity, 0.42);
+  opacity: var(--ui-affordance-guide-opacity);
   transition:
-    background-color var(--ui-affordance-motion, var(--ui-motion-fast, 120ms))
-    var(--ui-motion-ease, ease),
-    opacity var(--ui-affordance-motion, var(--ui-motion-fast, 120ms)) var(--ui-motion-ease, ease);
+    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-fe11c9df] {
+.guide[data-v-a2e22569] {
   position: absolute;
   inset-block-start: 50%;
   inset-inline-start: 50%;
   inline-size: 6px;
   block-size: 22px;
-  border: 1px solid var(--ui-border-strong, #c8c8c4);
-  border-radius: var(--ui-radius-round, 999px);
-  background: var(--ui-surface-elevated, #fff);
+  border: 1px solid var(--ui-border-strong);
+  border-radius: var(--ui-radius-round);
+  background: var(--ui-surface-elevated);
   opacity: 0;
   transform: translate(-50%, -50%);
-  transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast, 120ms))
-    var(--ui-motion-ease, ease);
+  transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
   pointer-events: none;
 }
-.resizer[data-v-fe11c9df]:is(:hover, :focus-visible)::after {
-  background: var(
-    --ui-affordance-direct-color,
-    var(--ui-accent-solid, var(--ui-color-focus, Highlight))
-  );
+.resizer[data-v-a2e22569]: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-fe11c9df] {
+.resizer:is(:hover, :focus-visible) > .guide[data-v-a2e22569] {
   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-fe11c9df] {
+[data-component~="ui-sidebar"][popover][data-v-a2e22569] {
   position: fixed;
   inset-block: 0;
   inset-inline-start: 0;
@@ -3357,47 +3355,47 @@ hr[aria-orientation="vertical"][data-v-f0034397] {
   box-shadow: var(--ui-elevation-overlay, var(--ui-shadow-lg));
   transform: translateX(0);
   transition:
-    transform var(--ui-motion-base, 0.2s) var(--ui-motion-ease-out, ease-out),
-    display var(--ui-motion-base, 0.2s) allow-discrete,
-    overlay var(--ui-motion-base, 0.2s) allow-discrete;
+    transform var(--ui-motion-base) var(--ui-motion-ease-out),
+    display var(--ui-motion-base) allow-discrete,
+    overlay var(--ui-motion-base) allow-discrete;
 }
 
 /* The author display above would otherwise override the UA rule that hides a closed popover. */
-[data-component~="ui-sidebar"][popover][data-v-fe11c9df]:not(:popover-open) {
+[data-component~="ui-sidebar"][popover][data-v-a2e22569]:not(:popover-open) {
   display: none;
   transform: translateX(-100%);
 }
-[data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"][popover][data-v-fe11c9df] {
+[data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"][popover][data-v-a2e22569] {
   inset-inline-start: auto;
   inset-inline-end: 0;
 }
-[data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"][popover][data-v-fe11c9df]:not(:popover-open) {
+[data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"][popover][data-v-a2e22569]:not(:popover-open) {
   transform: translateX(100%);
 }
 @starting-style {
-[data-component~="ui-sidebar"][popover][data-v-fe11c9df]:popover-open {
+[data-component~="ui-sidebar"][popover][data-v-a2e22569]:popover-open {
     transform: translateX(-100%);
 }
-[data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"][popover][data-v-fe11c9df]:popover-open {
+[data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"][popover][data-v-a2e22569]:popover-open {
     transform: translateX(100%);
 }
 }
-[data-component~="ui-sidebar"][popover][data-v-fe11c9df]::backdrop {
+[data-component~="ui-sidebar"][popover][data-v-a2e22569]::backdrop {
   background: var(--ui-sidebar-backdrop, rgb(0 0 0 / 0.32));
 }
 @media (prefers-reduced-motion: reduce) {
-[data-component~="ui-sidebar"][popover][data-v-fe11c9df] {
+[data-component~="ui-sidebar"][popover][data-v-a2e22569] {
     transition: none;
 }
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-sidebar"][hidden][data-v-fe11c9df] {
+[data-component~="ui-sidebar"][hidden][data-v-a2e22569] {
   display: none;
 }
 
-[data-component~="ui-stack"][data-v-8ab460be] {
-  --_layout-gap: var(--ui-space-4, 1rem);
+[data-component~="ui-stack"][data-v-aa8062a9] {
+  --_layout-gap: var(--ui-space-4);
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -3406,42 +3404,42 @@ 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-8ab460be] {
-  --_layout-gap: var(--ui-space-2, 0.5rem);
+[data-component~="ui-stack"][data-ui-stack-state~="gap=xs"][data-v-aa8062a9] {
+  --_layout-gap: var(--ui-space-2);
 }
-[data-component~="ui-stack"][data-ui-stack-state~="gap=s"][data-v-8ab460be] {
-  --_layout-gap: var(--ui-space-3, 0.75rem);
+[data-component~="ui-stack"][data-ui-stack-state~="gap=s"][data-v-aa8062a9] {
+  --_layout-gap: var(--ui-space-3);
 }
-[data-component~="ui-stack"][data-ui-stack-state~="gap=m"][data-v-8ab460be] {
-  --_layout-gap: var(--ui-space-4, 1rem);
+[data-component~="ui-stack"][data-ui-stack-state~="gap=m"][data-v-aa8062a9] {
+  --_layout-gap: var(--ui-space-4);
 }
-[data-component~="ui-stack"][data-ui-stack-state~="gap=l"][data-v-8ab460be] {
-  --_layout-gap: var(--ui-space-5, 1.5rem);
+[data-component~="ui-stack"][data-ui-stack-state~="gap=l"][data-v-aa8062a9] {
+  --_layout-gap: var(--ui-space-5);
 }
-[data-component~="ui-stack"][data-ui-stack-state~="gap=xl"][data-v-8ab460be] {
-  --_layout-gap: var(--ui-space-6, 2rem);
+[data-component~="ui-stack"][data-ui-stack-state~="gap=xl"][data-v-aa8062a9] {
+  --_layout-gap: var(--ui-space-6);
 }
-[data-component~="ui-stack"][data-ui-stack-state~="align=start"][data-v-8ab460be] {
+[data-component~="ui-stack"][data-ui-stack-state~="align=start"][data-v-aa8062a9] {
   align-items: flex-start;
 }
-[data-component~="ui-stack"][data-ui-stack-state~="align=center"][data-v-8ab460be] {
+[data-component~="ui-stack"][data-ui-stack-state~="align=center"][data-v-aa8062a9] {
   align-items: center;
 }
-[data-component~="ui-stack"][data-ui-stack-state~="align=end"][data-v-8ab460be] {
+[data-component~="ui-stack"][data-ui-stack-state~="align=end"][data-v-aa8062a9] {
   align-items: flex-end;
 }
-[data-component~="ui-stack"][data-ui-stack-state~="justify=center"][data-v-8ab460be] {
+[data-component~="ui-stack"][data-ui-stack-state~="justify=center"][data-v-aa8062a9] {
   justify-content: center;
 }
-[data-component~="ui-stack"][data-ui-stack-state~="justify=end"][data-v-8ab460be] {
+[data-component~="ui-stack"][data-ui-stack-state~="justify=end"][data-v-aa8062a9] {
   justify-content: flex-end;
 }
-[data-component~="ui-stack"][data-ui-stack-state~="justify=between"][data-v-8ab460be] {
+[data-component~="ui-stack"][data-ui-stack-state~="justify=between"][data-v-aa8062a9] {
   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-8ab460be] {
+[data-component~="ui-stack"][hidden][data-v-aa8062a9] {
   display: none;
 }
 
@@ -3519,8 +3517,8 @@ input[data-v-44eb48fd], input[data-v-44eb48fd]::after {
   display: none;
 }
 
-[data-component~="ui-switcher"][data-v-4c7859e6] {
-  --_switcher-gap: var(--ui-space-4, 1rem);
+[data-component~="ui-switcher"][data-v-4ba623e1] {
+  --_switcher-gap: var(--ui-space-4);
   display: flex;
   flex-wrap: wrap;
   gap: var(--ui-switcher-gap, var(--_switcher-gap));
@@ -3528,57 +3526,68 @@ input[data-v-44eb48fd], input[data-v-44eb48fd]::after {
   max-inline-size: 100%;
   margin: 0;
 }
-[data-component~="ui-switcher"] > [data-v-4c7859e6-s] {
+[data-component~="ui-switcher"] > [data-v-4ba623e1-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-4c7859e6] {
-  --_switcher-gap: var(--ui-space-2, 0.5rem);
+[data-component~="ui-switcher"][data-ui-switcher-state~="gap=xs"][data-v-4ba623e1] {
+  --_switcher-gap: var(--ui-space-2);
 }
-[data-component~="ui-switcher"][data-ui-switcher-state~="gap=s"][data-v-4c7859e6] {
-  --_switcher-gap: var(--ui-space-3, 0.75rem);
+[data-component~="ui-switcher"][data-ui-switcher-state~="gap=s"][data-v-4ba623e1] {
+  --_switcher-gap: var(--ui-space-3);
 }
-[data-component~="ui-switcher"][data-ui-switcher-state~="gap=m"][data-v-4c7859e6] {
-  --_switcher-gap: var(--ui-space-4, 1rem);
+[data-component~="ui-switcher"][data-ui-switcher-state~="gap=m"][data-v-4ba623e1] {
+  --_switcher-gap: var(--ui-space-4);
 }
-[data-component~="ui-switcher"][data-ui-switcher-state~="gap=l"][data-v-4c7859e6] {
-  --_switcher-gap: var(--ui-space-5, 1.5rem);
+[data-component~="ui-switcher"][data-ui-switcher-state~="gap=l"][data-v-4ba623e1] {
+  --_switcher-gap: var(--ui-space-5);
 }
-[data-component~="ui-switcher"][data-ui-switcher-state~="gap=xl"][data-v-4c7859e6] {
-  --_switcher-gap: var(--ui-space-6, 2rem);
+[data-component~="ui-switcher"][data-ui-switcher-state~="gap=xl"][data-v-4ba623e1] {
+  --_switcher-gap: var(--ui-space-6);
 }
-[data-component~="ui-switcher"][data-ui-switcher-state~="threshold=xs"] > [data-v-4c7859e6-s] {
+[data-component~="ui-switcher"][data-ui-switcher-state~="threshold=xs"] > [data-v-4ba623e1-s] {
   flex-basis: calc((var(--ui-switcher-threshold, 20rem) - 100%) * 999);
 }
-[data-component~="ui-switcher"][data-ui-switcher-state~="threshold=md"] > [data-v-4c7859e6-s] {
+[data-component~="ui-switcher"][data-ui-switcher-state~="threshold=md"] > [data-v-4ba623e1-s] {
   flex-basis: calc((var(--ui-switcher-threshold, 45rem) - 100%) * 999);
 }
-[data-component~="ui-switcher"][data-ui-switcher-state~="threshold=lg"] > [data-v-4c7859e6-s] {
+[data-component~="ui-switcher"][data-ui-switcher-state~="threshold=lg"] > [data-v-4ba623e1-s] {
   flex-basis: calc((var(--ui-switcher-threshold, 60rem) - 100%) * 999);
 }
-[data-component~="ui-switcher"][data-ui-switcher-state~="align=start"][data-v-4c7859e6] {
+[data-component~="ui-switcher"][data-ui-switcher-state~="align=start"][data-v-4ba623e1] {
   align-items: flex-start;
 }
-[data-component~="ui-switcher"][data-ui-switcher-state~="align=center"][data-v-4c7859e6] {
+[data-component~="ui-switcher"][data-ui-switcher-state~="align=center"][data-v-4ba623e1] {
   align-items: center;
 }
-[data-component~="ui-switcher"][data-ui-switcher-state~="align=end"][data-v-4c7859e6] {
+[data-component~="ui-switcher"][data-ui-switcher-state~="align=end"][data-v-4ba623e1] {
   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-4c7859e6] {
+[data-component~="ui-switcher"][hidden][data-v-4ba623e1] {
   display: none;
 }
 
-[data-component~="ui-tabs"][data-v-d4ecb8b6] {
+/* Density resolves into the tab row's own values; the public tokens still override them. */
+[data-component~="ui-tabs"][data-v-b9e876c6] {
+  --_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-b9e876c6] {
+  --_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-b9e876c6] {
   display: grid;
   inline-size: 100%;
   min-inline-size: 0;
 }
-.list[data-v-d4ecb8b6] {
+.list[data-v-b9e876c6] {
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: max-content;
@@ -3594,60 +3603,61 @@ 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-d4ecb8b6] {
-  min-block-size: 2.5rem;
+.list button[data-v-b9e876c6] {
+  min-block-size: var(--ui-tabs-tab-min-block-size, var(--_tab-min-block-size));
   margin: 0 0 -1px;
-  padding: var(--ui-space-2) var(--ui-space-3);
+  padding: var(--ui-tabs-tab-padding-block, var(--_tab-padding-block))
+    var(--ui-tabs-tab-padding-inline, var(--_tab-padding-inline));
   border: 0;
   border-block-end: 2px solid transparent;
   background: transparent;
   color: var(--ui-text-secondary);
   font: inherit;
   font-size: var(--ui-font-size-sm);
-  font-weight: var(--ui-font-medium, 500);
+  font-weight: var(--ui-font-medium);
   cursor: pointer;
   transition:
     color var(--ui-motion-fast) var(--ui-motion-ease),
     background-color var(--ui-motion-fast) var(--ui-motion-ease),
     border-color var(--ui-motion-fast) var(--ui-motion-ease);
 }
-[data-component~="ui-tabs"][data-ui-tabs-state~="stretch"] .list[data-v-d4ecb8b6] {
+[data-component~="ui-tabs"][data-ui-tabs-state~="stretch"] .list[data-v-b9e876c6] {
   grid-auto-columns: minmax(max-content, 1fr);
 }
-.list button[data-v-d4ecb8b6] {
+.list button[data-v-b9e876c6] {
   white-space: nowrap;
 }
-.list button[data-v-d4ecb8b6]:hover {
+.list button[data-v-b9e876c6]:hover {
   color: var(--ui-text-primary);
   background: var(--ui-surface-muted);
 }
-.list button[aria-selected="true"][data-v-d4ecb8b6] {
+.list button[aria-selected="true"][data-v-b9e876c6] {
   color: var(--ui-accent-solid);
   border-block-end-color: var(--ui-accent-solid);
 }
-.list button[data-v-d4ecb8b6]:focus-visible {
+.list button[data-v-b9e876c6]: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-1);
+  border-radius: var(--ui-radius-sm);
 }
-.panels[data-v-d4ecb8b6] {
+.panels[data-v-b9e876c6] {
   min-inline-size: 0;
 }
-[data-v-d4ecb8b6-s] {
+[data-v-b9e876c6-s] {
   padding: var(--ui-space-4);
 }
-[data-component~="ui-tabs"][data-ui-tabs-state~="orientation=vertical"][data-v-d4ecb8b6] {
+[data-component~="ui-tabs"][data-ui-tabs-state~="orientation=vertical"][data-v-b9e876c6] {
   grid-template-columns: max-content minmax(0, 1fr);
   align-items: start;
 }
-[data-component~="ui-tabs"][data-ui-tabs-state~="orientation=vertical"] .list[data-v-d4ecb8b6] {
+[data-component~="ui-tabs"][data-ui-tabs-state~="orientation=vertical"] .list[data-v-b9e876c6] {
   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-d4ecb8b6] {
+[data-component~="ui-tabs"][data-ui-tabs-state~="orientation=vertical"] .list button[data-v-b9e876c6] {
   margin: 0 -1px 0 0;
   border-block-end: 0;
   border-inline-end: 2px solid transparent;
@@ -3655,32 +3665,32 @@ 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-d4ecb8b6] {
+  button[aria-selected="true"][data-v-b9e876c6] {
   border-inline-end-color: var(--ui-accent-solid);
 }
 @media (prefers-reduced-motion: reduce) {
-.list button[data-v-d4ecb8b6] {
+.list button[data-v-b9e876c6] {
     transition: none;
 }
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-tabs"][hidden][data-v-d4ecb8b6] {
+[data-component~="ui-tabs"][hidden][data-v-b9e876c6] {
   display: none;
 }
 
-[data-component~="ui-textarea"][data-v-3c990207] {
+[data-component~="ui-textarea"][data-v-2b01ccc0] {
   box-sizing: border-box;
   display: inline-block;
   inline-size: 100%;
   min-inline-size: 0;
-  min-block-size: calc(var(--ui-space-12, 3rem) * 2);
+  min-block-size: calc(3rem * 2);
   margin: 0;
   padding: var(--ui-space-2) var(--ui-space-3);
   appearance: none;
   resize: vertical;
   border: 1px solid var(--ui-control-border, var(--ui-border-strong));
-  border-radius: var(--ui-textarea-radius, var(--ui-radius-2));
+  border-radius: var(--ui-textarea-radius, var(--ui-radius-md));
   background: var(--ui-control-surface, var(--ui-surface-elevated));
   color: var(--ui-text-primary);
   font: inherit;
@@ -3693,18 +3703,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-3c990207]::selection {
+[data-component~="ui-textarea"][data-v-2b01ccc0]::selection {
   background: color-mix(in srgb, var(--ui-accent-solid) 20%, transparent);
   color: inherit;
 }
-[data-component~="ui-textarea"][data-v-3c990207]::placeholder {
+[data-component~="ui-textarea"][data-v-2b01ccc0]::placeholder {
   color: var(--ui-control-placeholder, var(--ui-text-secondary));
   opacity: 1;
 }
-[data-component~="ui-textarea"][data-v-3c990207]:hover:not(:focus):not(:disabled) {
+[data-component~="ui-textarea"][data-v-2b01ccc0]:hover:not(:focus):not(:disabled) {
   border-color: var(--ui-control-border-hover, var(--ui-text-secondary));
 }
-[data-component~="ui-textarea"][data-v-3c990207]:focus-visible {
+[data-component~="ui-textarea"][data-v-2b01ccc0]:focus-visible {
   border-color: var(--ui-control-focus, var(--ui-accent-solid));
   outline: none;
   box-shadow: var(
@@ -3715,16 +3725,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-3c990207],
-[data-component~="ui-textarea"][data-v-3c990207]:is(:user-invalid, [data-user-invalid]) {
+[data-component~="ui-textarea"][aria-invalid="true"][data-v-2b01ccc0],
+[data-component~="ui-textarea"][data-v-2b01ccc0]:is(:user-invalid, [data-user-invalid]) {
   border-color: var(--ui-danger-solid);
 }
-[data-component~="ui-textarea"][data-v-3c990207]:is([aria-invalid="true"], :is(:user-invalid, [data-user-invalid])):focus-visible {
+[data-component~="ui-textarea"][data-v-2b01ccc0]: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-3c990207]:disabled {
+[data-component~="ui-textarea"][data-v-2b01ccc0]:disabled {
   background: var(--ui-control-surface-disabled, var(--ui-surface-muted));
   color: var(--ui-text-muted);
   box-shadow: none;
@@ -3732,11 +3742,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-3c990207] {
+[data-component~="ui-textarea"][hidden][data-v-2b01ccc0] {
   display: none;
 }
 
-[data-component~="ui-toast-region"][data-v-d98878bd] {
+[data-component~="ui-toast-region"][data-v-7d8dab78] {
   position: fixed;
   top: calc(var(--ui-space-4) + env(safe-area-inset-top));
   right: auto;
@@ -3758,34 +3768,34 @@ input[data-v-44eb48fd], input[data-v-44eb48fd]::after {
   box-shadow: none;
   pointer-events: none;
 }
-[data-component~="ui-toast-region"][data-v-d98878bd]:not(:popover-open) {
+[data-component~="ui-toast-region"][data-v-7d8dab78]:not(:popover-open) {
   display: none;
 }
-[data-component~="ui-toast-region"] > .toast[data-v-d98878bd],
-[data-component~="ui-toast-region"] > [data-v-d98878bd-s] {
+[data-component~="ui-toast-region"] > .toast[data-v-7d8dab78],
+[data-component~="ui-toast-region"] > [data-v-7d8dab78-s] {
   pointer-events: auto;
 }
-.toast[data-v-d98878bd] {
+.toast[data-v-7d8dab78] {
   display: grid;
   grid-template-columns: 1fr auto;
   gap: var(--ui-space-2);
   align-items: start;
   border: 1px solid var(--ui-border-default);
-  border-radius: var(--ui-radius-3);
+  border-radius: var(--ui-radius-lg);
   padding: var(--ui-space-3) var(--ui-space-4);
   background: var(--ui-surface-elevated);
   color: var(--ui-text-primary);
   box-shadow: var(--ui-elevation-overlay, var(--ui-shadow-lg));
-  animation: ui-toast-enter-d98878bd var(--ui-toast-enter-duration, 0.32s)
+  animation: ui-toast-enter-7d8dab78 var(--ui-toast-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-d98878bd] {
-  animation: ui-toast-exit-d98878bd var(--ui-toast-exit-duration, 0.22s) var(--ui-motion-ease, ease) both;
+.toast.closing[data-v-7d8dab78] {
+  animation: ui-toast-exit-7d8dab78 var(--ui-toast-exit-duration, 0.22s) var(--ui-motion-ease) both;
   pointer-events: none;
 }
-@keyframes ui-toast-enter-d98878bd {
+@keyframes ui-toast-enter-7d8dab78 {
 from {
     opacity: 0;
     transform: translateY(-1rem);
@@ -3795,7 +3805,7 @@ to {
     transform: translateY(0);
 }
 }
-@keyframes ui-toast-exit-d98878bd {
+@keyframes ui-toast-exit-7d8dab78 {
 from {
     opacity: 1;
     transform: translateY(0);
@@ -3806,83 +3816,88 @@ to {
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.toast[data-v-d98878bd], .toast.closing[data-v-d98878bd] {
+.toast[data-v-7d8dab78], .toast.closing[data-v-7d8dab78] {
     animation: none;
 }
 }
-.message[data-v-d98878bd] {
+.message[data-v-7d8dab78] {
   min-inline-size: 0;
   align-self: center;
 }
-.dismiss[data-v-d98878bd] {
+.dismiss[data-v-7d8dab78] {
   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-d98878bd] {
+[data-component~="ui-toast-region"][hidden][data-v-7d8dab78] {
   display: none;
 }
 
-[data-component~="ui-top-bar"][data-v-e785cef9] {
+[data-component~="ui-top-bar"][data-v-88437f08] {
   position: sticky;
   inset-block-start: 0;
   z-index: var(--ui-top-bar-z-index, 100);
   min-block-size: calc(var(--ui-top-bar-height, 56px) + env(safe-area-inset-top));
   display: flex;
   align-items: center;
-  gap: var(--ui-top-bar-gap, var(--ui-space-3, 0.75rem));
+  gap: var(--ui-top-bar-gap, var(--ui-space-3));
   padding-block-start: env(safe-area-inset-top);
   padding-inline-start: max(
-    var(--ui-top-bar-padding-inline, var(--ui-space-4, 1rem)),
+    var(--ui-top-bar-padding-inline, var(--ui-space-4)),
     env(safe-area-inset-left)
   );
   padding-inline-end: max(
-    var(--ui-top-bar-padding-inline, var(--ui-space-4, 1rem)),
+    var(--ui-top-bar-padding-inline, var(--ui-space-4)),
     env(safe-area-inset-right)
   );
-  background: var(--ui-top-bar-bg, var(--ui-surface-elevated));
+  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-e785cef9],
-.search[data-v-e785cef9],
-.actions[data-v-e785cef9] {
+.leading[data-v-88437f08],
+.search[data-v-88437f08],
+.actions[data-v-88437f08] {
   display: flex;
   align-items: center;
   flex-shrink: 0;
 }
-.actions[data-v-e785cef9] {
-  gap: var(--ui-top-bar-actions-gap, var(--ui-space-1, 0.25rem));
+.actions[data-v-88437f08] {
+  gap: var(--ui-top-bar-actions-gap, var(--ui-space-1));
 }
-.title[data-v-e785cef9] {
+.title[data-v-88437f08] {
   min-inline-size: 0;
   flex: 1;
 }
 
 /* An unused region takes no space, so it adds no gap. */
-.leading[data-v-e785cef9]:empty,
-.search[data-v-e785cef9]:empty,
-.actions[data-v-e785cef9]:empty {
+.leading[data-v-88437f08]:empty,
+.search[data-v-88437f08]:empty,
+.actions[data-v-88437f08]: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-e785cef9] {
+[data-component~="ui-top-bar"][hidden][data-v-88437f08] {
   display: none;
 }
 
-[data-component~="ui-tree"][data-v-abe57610] {
+[data-component~="ui-tree"][data-ui-tree-state~="density=compact"][data-v-e94f7a5c] {
+  --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] {
   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-abe57610] {
+[data-component~="ui-tree"][hidden][data-v-e94f7a5c] {
   display: none;
 }
 
-[data-component~="ui-tree-item"][data-v-554c49dd] {
+[data-component~="ui-tree-item"][data-v-b57a29c6] {
   --_tree-row-min-height: 32px;
 
   position: relative;
@@ -3890,14 +3905,14 @@ to {
   min-inline-size: 0;
   margin-inline-start: calc(var(--ui-tree-item-depth, 0) * var(--ui-tree-indent, 16px));
 }
-.row[data-v-554c49dd] {
+.row[data-v-b57a29c6] {
   position: relative;
   display: grid;
   grid-template-columns: 20px auto minmax(0, 1fr) auto;
   align-items: center;
-  min-block-size: var(--ui-tree-row-min-height, var(--_tree-row-min-height));
+  min-block-size: var(--ui-tree-item-min-block-size, var(--_tree-row-min-height));
   min-inline-size: 0;
-  font-size: var(--ui-tree-font-size, var(--ui-font-size-ui, 0.9375rem));
+  font-size: var(--ui-tree-item-font-size, var(--ui-font-size-ui));
   border-radius: var(--ui-radius-md);
   color: var(--ui-text-secondary);
   transition:
@@ -3907,36 +3922,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-554c49dd]:hover,
-[data-component~="ui-tree-item"][data-ui-tree-item-state~="selected"] .row[data-v-554c49dd],
-.row[data-v-554c49dd]:focus-within {
+.row[data-v-b57a29c6]:hover,
+[data-component~="ui-tree-item"][data-ui-tree-item-state~="selected"] .row[data-v-b57a29c6],
+.row[data-v-b57a29c6]: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-554c49dd] {
+[data-component~="ui-tree-item"][data-ui-tree-item-state~="disabled"] .row[data-v-b57a29c6] {
   opacity: 0.55;
 }
-[data-component~="ui-tree-item"][data-dragging] .row[data-v-554c49dd] {
+[data-component~="ui-tree-item"][data-dragging] .row[data-v-b57a29c6] {
   opacity: 0.42;
 }
-[data-component~="ui-tree-item"][data-v-554c49dd]:focus {
+[data-component~="ui-tree-item"][data-v-b57a29c6]:focus {
   outline: none;
 }
-[data-component~="ui-tree-item"]:focus-visible .row[data-v-554c49dd] {
+[data-component~="ui-tree-item"]:focus-visible .row[data-v-b57a29c6] {
   box-shadow: 0 0 0 2px var(--ui-focus-ring);
 }
-[data-component~="ui-tree-item"][data-drop-position="inside"] .row[data-v-554c49dd] {
+
+/* 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-b57a29c6] {
   background: var(--ui-accent-subtle);
   box-shadow: inset 0 0 0 1px var(--ui-tree-drop-color, var(--ui-accent-solid));
 }
-.disclosure[data-v-554c49dd],
-.disclosure-spacer[data-v-554c49dd] {
+.disclosure[data-v-b57a29c6],
+.disclosure-spacer[data-v-b57a29c6] {
   grid-column: 1;
   grid-row: 1;
   inline-size: 20px;
   block-size: 28px;
 }
-.disclosure[data-v-554c49dd] {
+.disclosure[data-v-b57a29c6] {
   display: grid;
   place-items: center;
   padding: 0;
@@ -3946,14 +3963,14 @@ to {
   border-radius: var(--ui-radius-sm);
   cursor: pointer;
 }
-.disclosure[hidden][data-v-554c49dd] {
+.disclosure[hidden][data-v-b57a29c6] {
   display: none;
 }
-.disclosure[data-v-554c49dd]:hover {
+.disclosure[data-v-b57a29c6]:hover {
   color: var(--ui-text-primary);
   background: var(--ui-surface-elevated);
 }
-.disclosure-icon[data-v-554c49dd] {
+.disclosure-icon[data-v-b57a29c6] {
   display: grid;
   place-items: center;
   inline-size: 14px;
@@ -3961,7 +3978,7 @@ to {
   transform: rotate(-90deg);
   transition: transform var(--ui-motion-fast) var(--ui-motion-ease);
 }
-.disclosure-icon[data-v-554c49dd]::before {
+.disclosure-icon[data-v-b57a29c6]::before {
   display: block;
   inline-size: 0.45rem;
   block-size: 0.45rem;
@@ -3971,19 +3988,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-554c49dd] {
+[data-component~="ui-tree-item"][aria-expanded="true"] .disclosure-icon[data-v-b57a29c6] {
   transform: rotate(0deg);
 }
 
 /* Lucide grip-vertical, filling the handle as in Looma 0.2. */
-.drag-handle svg[data-v-554c49dd] {
+.drag-handle svg[data-v-b57a29c6] {
   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-554c49dd] {
+.leading[data-v-b57a29c6] {
   display: inline-grid;
   place-items: center;
   grid-column: 2;
@@ -3993,12 +4010,12 @@ to {
   margin-inline-start: var(--ui-space-1);
   color: var(--ui-text-muted);
 }
-.leading[data-v-554c49dd]:empty {
+.leading[data-v-b57a29c6]: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-554c49dd-s],img[data-v-554c49dd-s] {
+svg[data-v-b57a29c6-s],img[data-v-b57a29c6-s] {
   display: block;
   inline-size: 1em;
   block-size: 1em;
@@ -4007,24 +4024,31 @@ svg[data-v-554c49dd-s],img[data-v-554c49dd-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-554c49dd] {
+.label[data-v-b57a29c6] {
   grid-column: 3;
   grid-row: 1;
   align-self: stretch;
   display: flex;
   align-items: center;
   min-inline-size: 0;
-  padding: var(--ui-tree-label-padding-block, var(--ui-space-1))
-    var(--ui-tree-label-padding-inline, var(--ui-space-2));
+  padding: var(--ui-tree-item-label-padding-block, var(--ui-space-1))
+    var(--ui-tree-item-label-padding-inline, var(--ui-space-2));
+}
+
+/* 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-b57a29c6-s] {
+  flex: 1 1 auto;
+  min-inline-size: 0;
 }
-.actions[data-v-554c49dd] {
+.actions[data-v-b57a29c6] {
   grid-column: 4;
   grid-row: 1;
   display: inline-flex;
   align-items: center;
   min-inline-size: 0;
 }
-.drag-handle[data-v-554c49dd] {
+.drag-handle[data-v-b57a29c6] {
   position: absolute;
   z-index: 2;
   inset-block-start: 50%;
@@ -4045,16 +4069,16 @@ svg[data-v-554c49dd-s],img[data-v-554c49dd-s] {
   transform: translateY(-50%);
   transition: opacity var(--ui-motion-fast) var(--ui-motion-ease);
 }
-.row:hover .drag-handle[data-v-554c49dd],
-.drag-handle[data-v-554c49dd]:hover,
-.drag-handle[data-v-554c49dd]:focus-visible,
-[data-component~="ui-tree-item"][data-dragging] .drag-handle[data-v-554c49dd] {
+.row:hover .drag-handle[data-v-b57a29c6],
+.drag-handle[data-v-b57a29c6]:hover,
+.drag-handle[data-v-b57a29c6]:focus-visible,
+[data-component~="ui-tree-item"][data-dragging] > .row > .drag-handle[data-v-b57a29c6] {
   opacity: 1;
 }
-.drag-handle[data-v-554c49dd]:active {
+.drag-handle[data-v-b57a29c6]:active {
   cursor: grabbing;
 }
-.drop-indicator[data-v-554c49dd] {
+.drop-indicator[data-v-b57a29c6] {
   position: absolute;
   z-index: 3;
   inset-inline: 1px;
@@ -4064,8 +4088,8 @@ svg[data-v-554c49dd-s],img[data-v-554c49dd-s] {
   background: var(--ui-tree-drop-color, var(--ui-accent-solid));
   pointer-events: none;
 }
-.drop-indicator[data-v-554c49dd]::before,
-.drop-indicator[data-v-554c49dd]::after {
+.drop-indicator[data-v-b57a29c6]::before,
+.drop-indicator[data-v-b57a29c6]::after {
   content: "";
   position: absolute;
   inset-block-start: 50%;
@@ -4076,39 +4100,39 @@ svg[data-v-554c49dd-s],img[data-v-554c49dd-s] {
   background: var(--ui-surface-elevated);
   transform: translateY(-50%);
 }
-.drop-indicator[data-v-554c49dd]::before {
+.drop-indicator[data-v-b57a29c6]::before {
   inset-inline-start: -1px;
 }
-.drop-indicator[data-v-554c49dd]::after {
+.drop-indicator[data-v-b57a29c6]::after {
   inset-inline-end: -1px;
 }
-[data-component~="ui-tree-item"][data-drop-position="before"] .row-drop-indicator[data-v-554c49dd] {
+[data-component~="ui-tree-item"][data-drop-position="before"] > .row > .row-drop-indicator[data-v-b57a29c6] {
   display: block;
   inset-block-start: -1px;
 }
-[data-component~="ui-tree-item"][data-drop-position="after"] .subtree-drop-indicator[data-v-554c49dd] {
+[data-component~="ui-tree-item"][data-drop-position="after"] > .subtree-drop-indicator[data-v-b57a29c6] {
   display: block;
   inset-block-end: -1px;
 }
-.children[hidden][data-v-554c49dd] {
+.children[hidden][data-v-b57a29c6] {
   display: none;
 }
-html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"][data-v-554c49dd] {
+html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"][data-v-b57a29c6] {
   --_tree-row-min-height: 44px;
 }
-html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .drag-handle[data-v-554c49dd] {
+html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .drag-handle[data-v-b57a29c6] {
   display: none;
 }
 @media (prefers-reduced-motion: reduce) {
-.row[data-v-554c49dd],
-  .disclosure-icon[data-v-554c49dd],
-  .drag-handle[data-v-554c49dd] {
+.row[data-v-b57a29c6],
+  .disclosure-icon[data-v-b57a29c6],
+  .drag-handle[data-v-b57a29c6] {
     transition: none;
 }
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-tree-item"][hidden][data-v-554c49dd] {
+[data-component~="ui-tree-item"][hidden][data-v-b57a29c6] {
   display: none;
 }
 /**
@@ -4407,7 +4431,7 @@ html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .drag-hand
 }
 
 .looma-editor__toolbar-button {
-  --ui-icon-button-size-sm: var(--ui-editor-toolbar-button-size, 2rem);
+  --ui-icon-button-size: var(--ui-editor-toolbar-button-size, 2rem);
   --ui-icon-button-radius: var(--ui-editor-toolbar-button-radius, var(--ui-radius-1));
   --ui-icon-button-icon-size: var(--ui-editor-toolbar-icon-size, 1rem);
 }
@@ -4477,7 +4501,7 @@ html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .drag-hand
 }
 
 .looma-editor__mobile-toolbar-shell .looma-editor__toolbar-button {
-  --ui-icon-button-size-sm: var(--ui-editor-toolbar-mobile-button-size, 44px);
+  --ui-icon-button-size: var(--ui-editor-toolbar-mobile-button-size, var(--ui-control-min-block-size));
 }
 
 .looma-editor__mobile-toolbar-back {