@threadlabs/looma 0.26.25 → 0.27.0

package/vue/components.css

@@ -1581,7 +1581,7 @@ html[data-ui-input-modality="touch"]
 
 /* A surface that groups content. Its children stack with even space between them, so a card
        needs no layout of its own. */
-[data-component~="ui-card"][data-v-150bfc3d] {
+[data-component~="ui-card"][data-v-b5f8424c] {
   --_ui-card-surface: var(--ui-surface-raised);
   --_ui-selection-context-surface: initial;
   --_ui-selection-context-border: initial;
@@ -1597,56 +1597,59 @@ html[data-ui-input-modality="touch"]
   background: var(--_ui-card-surface);
   color: var(--ui-text-primary);
 }
-[data-component~="ui-card"][data-ui-card-state~="padding=xs"][data-v-150bfc3d] {
+[data-component~="ui-card"][data-ui-card-state~="padding=xs"][data-v-b5f8424c] {
   gap: var(--ui-space-1);
   padding: var(--ui-space-2);
 }
-[data-component~="ui-card"][data-ui-card-state~="padding=sm"][data-v-150bfc3d] {
+[data-component~="ui-card"][data-ui-card-state~="padding=sm"][data-v-b5f8424c] {
   gap: var(--ui-space-2);
   padding: var(--ui-space-3);
 }
-[data-component~="ui-card"][data-ui-card-state~="padding=lg"][data-v-150bfc3d] {
+[data-component~="ui-card"][data-ui-card-state~="padding=lg"][data-v-b5f8424c] {
   padding: var(--ui-space-6);
 }
-[data-component~="ui-card"][data-ui-card-state~="variant=subtle"][data-v-150bfc3d] {
+[data-component~="ui-card"][data-ui-card-state~="variant=subtle"][data-v-b5f8424c] {
   border-color: transparent;
   --_ui-card-surface: var(--ui-surface-muted);
 }
-[data-component~="ui-card"][data-ui-card-state~="variant=elevated"][data-v-150bfc3d] {
+[data-component~="ui-card"][data-ui-card-state~="variant=elevated"][data-v-b5f8424c] {
   border-color: var(--ui-border-subtle);
   box-shadow: var(--ui-shadow-lg);
 }
-[data-component~="ui-card"][data-ui-card-state~="tone=accent"][data-v-150bfc3d] {
+[data-component~="ui-card"][data-ui-card-state~="tone=accent"][data-v-b5f8424c] {
   border-color: color-mix(in srgb, var(--ui-accent) 25%, var(--ui-border-default));
   --_ui-card-surface: color-mix(in srgb, var(--ui-accent) 6%, var(--ui-surface-default));
 }
-[data-component~="ui-card"][data-ui-card-state~="tone=info"][data-v-150bfc3d] {
+[data-component~="ui-card"][data-ui-card-state~="tone=info"][data-v-b5f8424c] {
   border-color: color-mix(in srgb, var(--ui-info) 25%, var(--ui-border-default));
   --_ui-card-surface: color-mix(in srgb, var(--ui-info) 6%, var(--ui-surface-default));
 }
-[data-component~="ui-card"][data-ui-card-state~="tone=success"][data-v-150bfc3d] {
+[data-component~="ui-card"][data-ui-card-state~="tone=success"][data-v-b5f8424c] {
   border-color: color-mix(in srgb, var(--ui-success) 25%, var(--ui-border-default));
   --_ui-card-surface: color-mix(in srgb, var(--ui-success) 6%, var(--ui-surface-default));
 }
-[data-component~="ui-card"][data-ui-card-state~="tone=warning"][data-v-150bfc3d] {
+[data-component~="ui-card"][data-ui-card-state~="tone=warning"][data-v-b5f8424c] {
   border-color: color-mix(in srgb, var(--ui-warning) 25%, var(--ui-border-default));
   --_ui-card-surface: color-mix(in srgb, var(--ui-warning) 6%, var(--ui-surface-default));
 }
-[data-component~="ui-card"][data-ui-card-state~="variant=subtle"][data-v-150bfc3d]:is([data-ui-card-state~="tone=accent"], [data-ui-card-state~="tone=info"], [data-ui-card-state~="tone=success"], [data-ui-card-state~="tone=warning"]) {
+[data-component~="ui-card"][data-ui-card-state~="variant=subtle"][data-v-b5f8424c]:is([data-ui-card-state~="tone=accent"], [data-ui-card-state~="tone=info"], [data-ui-card-state~="tone=success"], [data-ui-card-state~="tone=warning"]) {
   border-color: transparent;
 }
-[data-component~="ui-card"][data-ui-card-state~="tone=danger"][data-v-150bfc3d] {
+[data-component~="ui-card"][data-ui-card-state~="tone=danger"][data-v-b5f8424c] {
   border-color: color-mix(in srgb, var(--ui-danger) 45%, var(--ui-border-default));
   border-inline-start: var(--ui-accent-line-width) solid var(--ui-danger);
+  /* An accent edge keeps the corners on its side straight. */
+  border-start-start-radius: 0;
+  border-end-start-radius: 0;
   --_ui-card-surface: var(--ui-danger-soft);
 }
 
 /* A colored panel shades rows in its own hue, without changing button intent. */
-[data-component~="ui-card"][data-ui-card-state~="tone=accent"][data-v-150bfc3d],
-[data-component~="ui-card"][data-ui-card-state~="tone=info"][data-v-150bfc3d],
-[data-component~="ui-card"][data-ui-card-state~="tone=success"][data-v-150bfc3d],
-[data-component~="ui-card"][data-ui-card-state~="tone=warning"][data-v-150bfc3d],
-[data-component~="ui-card"][data-ui-card-state~="tone=danger"][data-v-150bfc3d] {
+[data-component~="ui-card"][data-ui-card-state~="tone=accent"][data-v-b5f8424c],
+[data-component~="ui-card"][data-ui-card-state~="tone=info"][data-v-b5f8424c],
+[data-component~="ui-card"][data-ui-card-state~="tone=success"][data-v-b5f8424c],
+[data-component~="ui-card"][data-ui-card-state~="tone=warning"][data-v-b5f8424c],
+[data-component~="ui-card"][data-ui-card-state~="tone=danger"][data-v-b5f8424c] {
   --_ui-selection-context-surface: light-dark(
     oklch(from var(--_ui-card-surface) calc(l - 0.045) calc(max(c, min(0.045, c * 3))) h),
     oklch(from var(--_ui-card-surface) calc(l + 0.045) calc(max(c, min(0.045, c * 3))) h)
@@ -1657,21 +1660,21 @@ html[data-ui-input-modality="touch"]
   );
   --_ui-selection-context-text: var(--ui-text-primary);
 }
-[data-component~="ui-card"][data-ui-card-state~="size=sm"][data-v-150bfc3d] {
+[data-component~="ui-card"][data-ui-card-state~="size=sm"][data-v-b5f8424c] {
   inline-size: min(22rem, calc(100vw - var(--ui-space-2) * 2));
   max-inline-size: min(22rem, calc(100vw - var(--ui-space-2) * 2));
 }
-[data-component~="ui-card"][data-ui-card-state~="size=md"][data-v-150bfc3d] {
+[data-component~="ui-card"][data-ui-card-state~="size=md"][data-v-b5f8424c] {
   inline-size: min(28rem, calc(100vw - var(--ui-space-2) * 2));
   max-inline-size: min(28rem, calc(100vw - var(--ui-space-2) * 2));
 }
-[data-component~="ui-card"][data-ui-card-state~="size=lg"][data-v-150bfc3d] {
+[data-component~="ui-card"][data-ui-card-state~="size=lg"][data-v-b5f8424c] {
   inline-size: min(36rem, calc(100vw - var(--ui-space-2) * 2));
   max-inline-size: min(36rem, calc(100vw - var(--ui-space-2) * 2));
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-card"][hidden][data-v-150bfc3d] {
+[data-component~="ui-card"][hidden][data-v-b5f8424c] {
   display: none;
 }
 
@@ -1978,7 +1981,7 @@ input[data-v-a7d28848]:focus-visible {
   syntax: "*";
   inherits: false;
 }
-[data-component~="ui-tooltip"][data-v-a876d863] {
+[data-component~="ui-tooltip"][data-v-4a6fb61a] {
   /* Hooks do not inherit, so the parts below read them from the root. */
   --_ui-tooltip-border: var(--ui-tooltip-border);
   --_ui-tooltip-max-inline-size: var(--ui-tooltip-max-inline-size);
@@ -2010,7 +2013,7 @@ input[data-v-a7d28848]:focus-visible {
     display var(--ui-motion-fast) allow-discrete,
     overlay var(--ui-motion-fast) allow-discrete;
 }
-.surface[data-v-a876d863] {
+.surface[data-v-4a6fb61a] {
   --_tooltip-line: var(--_ui-tooltip-border, var(--ui-overlay-border, var(--ui-border-strong)));
   position: relative;
   box-sizing: border-box;
@@ -2031,7 +2034,7 @@ input[data-v-a7d28848]:focus-visible {
 
 /* A keyboard shortcut follows the label after a thin divider, smaller and quieter, as menus show
    it. The label stays first in the description, so a screen reader hears the name, then the keys. */
-.shortcut[data-v-a876d863] {
+.shortcut[data-v-4a6fb61a] {
   display: inline-flex;
   align-items: center;
   margin-inline-start: var(--ui-space-2);
@@ -2043,15 +2046,15 @@ input[data-v-a7d28848]:focus-visible {
   white-space: nowrap;
   vertical-align: baseline;
 }
-.shortcut[data-v-a876d863]:empty {
+.shortcut[data-v-4a6fb61a]:empty {
   display: none;
 }
 
 /* A <kbd> takes the browser's monospace; the hint reads in the tooltip's own type. */
-.shortcut kbd[data-v-a876d863-s] {
+.shortcut kbd[data-v-4a6fb61a-s] {
   font: inherit;
 }
-[data-component~="ui-tooltip"][data-ui-tooltip-state~="inverse"] .surface[data-v-a876d863] {
+[data-component~="ui-tooltip"][data-ui-tooltip-state~="inverse"] .surface[data-v-4a6fb61a] {
   --_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));
@@ -2059,7 +2062,7 @@ input[data-v-a7d28848]: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-a876d863]::after {
+.surface[data-v-4a6fb61a]::after {
   content: "";
   position: absolute;
   z-index: 1;
@@ -2075,7 +2078,7 @@ input[data-v-a7d28848]:focus-visible {
   border-end-end-radius: var(--ui-border-width);
   transform: rotate(45deg) scaleX(1.25) scaleY(0.85);
 }
-[data-component~="ui-tooltip"][data-ui-actual-placement="bottom"] .surface[data-v-a876d863]::after {
+[data-component~="ui-tooltip"][data-ui-actual-placement="bottom"] .surface[data-v-4a6fb61a]::after {
   inset-block-start: calc(
     var(--_ui-tooltip-arrow-size, 0.625rem) / -2 - var(--ui-border-width) / 2
   );
@@ -2087,26 +2090,26 @@ input[data-v-a7d28848]:focus-visible {
   border-end-end-radius: 0;
   border-start-start-radius: var(--ui-border-width);
 }
-[data-component~="ui-tooltip"][data-ui-actual-align="center"] .surface[data-v-a876d863]::after {
+[data-component~="ui-tooltip"][data-ui-actual-align="center"] .surface[data-v-4a6fb61a]::after {
   inset-inline-start: calc(50% - var(--_ui-tooltip-arrow-size, 0.625rem) / 2);
 }
-[data-component~="ui-tooltip"][data-ui-actual-align="end"] .surface[data-v-a876d863]::after {
+[data-component~="ui-tooltip"][data-ui-actual-align="end"] .surface[data-v-4a6fb61a]::after {
   inset-inline-start: auto;
   inset-inline-end: var(--ui-space-3);
 }
-[data-component~="ui-tooltip"][data-ui-actual-placement="left"] .surface[data-v-a876d863]::after,
-[data-component~="ui-tooltip"][data-ui-actual-placement="right"] .surface[data-v-a876d863]::after {
+[data-component~="ui-tooltip"][data-ui-actual-placement="left"] .surface[data-v-4a6fb61a]::after,
+[data-component~="ui-tooltip"][data-ui-actual-placement="right"] .surface[data-v-4a6fb61a]::after {
   inset-block-start: calc(50% - var(--_ui-tooltip-arrow-size, 0.625rem) / 2);
   inset-block-end: auto;
   border: 0 solid var(--_tooltip-line);
 }
-[data-component~="ui-tooltip"][data-ui-actual-placement="left"] .surface[data-v-a876d863]::after {
+[data-component~="ui-tooltip"][data-ui-actual-placement="left"] .surface[data-v-4a6fb61a]::after {
   inset-inline-start: auto;
   inset-inline-end: calc(var(--_ui-tooltip-arrow-size, 0.625rem) / -2 - var(--ui-border-width) / 2);
   border-inline-end-width: var(--ui-border-width);
   border-block-start-width: var(--ui-border-width);
 }
-[data-component~="ui-tooltip"][data-ui-actual-placement="right"] .surface[data-v-a876d863]::after {
+[data-component~="ui-tooltip"][data-ui-actual-placement="right"] .surface[data-v-4a6fb61a]::after {
   inset-inline-start: calc(
     var(--_ui-tooltip-arrow-size, 0.625rem) / -2 - var(--ui-border-width) / 2
   );
@@ -2115,33 +2118,33 @@ input[data-v-a7d28848]:focus-visible {
   border-block-end-width: var(--ui-border-width);
 }
 [data-component~="ui-tooltip"][data-ui-actual-placement="left"][data-ui-actual-align="start"]
-  .surface[data-v-a876d863]::after,
+  .surface[data-v-4a6fb61a]::after,
 [data-component~="ui-tooltip"][data-ui-actual-placement="right"][data-ui-actual-align="start"]
-  .surface[data-v-a876d863]::after {
+  .surface[data-v-4a6fb61a]::after {
   inset-block-start: var(--ui-space-3);
 }
 [data-component~="ui-tooltip"][data-ui-actual-placement="left"][data-ui-actual-align="end"]
-  .surface[data-v-a876d863]::after,
+  .surface[data-v-4a6fb61a]::after,
 [data-component~="ui-tooltip"][data-ui-actual-placement="right"][data-ui-actual-align="end"]
-  .surface[data-v-a876d863]::after {
+  .surface[data-v-4a6fb61a]::after {
   inset-block-start: auto;
   inset-block-end: var(--ui-space-3);
 }
-[data-component~="ui-tooltip"][data-v-a876d863]:popover-open {
+[data-component~="ui-tooltip"][data-v-4a6fb61a]:popover-open {
   opacity: 1;
   transform: translateY(0);
 }
 @starting-style {
-[data-component~="ui-tooltip"][data-v-a876d863]:popover-open {
+[data-component~="ui-tooltip"][data-v-4a6fb61a]:popover-open {
     opacity: 0;
     transform: translateY(4px);
 }
 }
-[data-component~="ui-tooltip"][hidden][data-v-a876d863] {
+[data-component~="ui-tooltip"][hidden][data-v-4a6fb61a] {
   display: none;
 }
 @media (prefers-reduced-motion: reduce) {
-[data-component~="ui-tooltip"][data-v-a876d863] {
+[data-component~="ui-tooltip"][data-v-4a6fb61a] {
     transition: none;
 }
 }
@@ -2817,10 +2820,10 @@ dd[data-v-ac017b1f] {
 /* The controller sets each fade length from overflow and scroll position. The mask blends
        into whatever is behind the area without needing to know its colour. Before upgrade, its
        zero-length defaults leave the authored scroll area fully visible. */
-[data-component~="ui-scroll-area"][data-ui-scroll-area-state~="fill"][data-v-a1ccf697] {
+[data-component~="ui-scroll-area"][data-ui-scroll-area-state~="fill"][data-v-9a5bb175] {
   flex: 1;
 }
-[data-component~="ui-scroll-area"][data-v-a1ccf697] {
+[data-component~="ui-scroll-area"][data-v-9a5bb175] {
   display: block;
   box-sizing: border-box;
   min-block-size: 0;
@@ -2839,41 +2842,53 @@ dd[data-v-ac017b1f] {
     transparent
   );
 }
-.content[data-v-a1ccf697] {
+.content[data-v-9a5bb175] {
   display: flow-root;
 }
 
 /* Trim projected edges without changing spacing inside an item. */
 [data-component~="ui-scroll-area"][data-ui-scroll-area-state~="trim"]
   .content
-  > [data-v-a1ccf697-s]:first-child {
+  > [data-v-9a5bb175-s]:first-child {
   margin-block-start: 0;
 }
 [data-component~="ui-scroll-area"][data-ui-scroll-area-state~="trim"]
   .content
-  > [data-v-a1ccf697-s]:last-child {
+  > [data-v-9a5bb175-s]:last-child {
   margin-block-end: 0;
 }
-[data-component~="ui-scroll-area"][data-ui-scroll-area-state~="orientation=horizontal"][data-v-a1ccf697] {
+[data-component~="ui-scroll-area"][data-ui-scroll-area-state~="orientation=horizontal"][data-v-9a5bb175] {
   overflow-x: auto;
   overflow-y: hidden;
   --_ui-scroll-fade-direction: var(--_ui-scroll-fade-inline);
 }
-[data-component~="ui-scroll-area"][data-v-a1ccf697]:dir(rtl) {
+[data-component~="ui-scroll-area"][data-v-9a5bb175]:dir(rtl) {
   --_ui-scroll-fade-inline: to left;
 }
-[data-component~="ui-scroll-area"][data-ui-scroll-area-state~="size=sm"][data-v-a1ccf697] {
+[data-component~="ui-scroll-area"][data-ui-scroll-area-state~="size=sm"][data-v-9a5bb175] {
   max-block-size: calc(9.375rem + var(--ui-scroll-fade-size, 24px));
 }
-[data-component~="ui-scroll-area"][data-ui-scroll-area-state~="size=md"][data-v-a1ccf697] {
+[data-component~="ui-scroll-area"][data-ui-scroll-area-state~="size=md"][data-v-9a5bb175] {
   max-block-size: 20rem;
 }
-[data-component~="ui-scroll-area"][data-ui-scroll-area-state~="size=lg"][data-v-a1ccf697] {
+[data-component~="ui-scroll-area"][data-ui-scroll-area-state~="size=lg"][data-v-9a5bb175] {
   max-block-size: 30rem;
 }
+[data-component~="ui-scroll-area"][data-ui-scroll-area-state~="padding=xs"][data-v-9a5bb175] {
+  padding: var(--ui-space-2);
+}
+[data-component~="ui-scroll-area"][data-ui-scroll-area-state~="padding=sm"][data-v-9a5bb175] {
+  padding: var(--ui-space-3);
+}
+[data-component~="ui-scroll-area"][data-ui-scroll-area-state~="padding=md"][data-v-9a5bb175] {
+  padding: var(--ui-space-5);
+}
+[data-component~="ui-scroll-area"][data-ui-scroll-area-state~="padding=lg"][data-v-9a5bb175] {
+  padding: var(--ui-space-6);
+}
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-scroll-area"][hidden][data-v-a1ccf697] {
+[data-component~="ui-scroll-area"][hidden][data-v-9a5bb175] {
   display: none;
 }
 
@@ -2906,7 +2921,7 @@ dd[data-v-ac017b1f] {
   syntax: "*";
   inherits: false;
 }
-[data-component~="ui-dialog"][data-v-6d90ae32] {
+[data-component~="ui-dialog"][data-v-1ec9644b] {
   /* Hooks do not inherit, so the parts below read them from the root. */
   --_ui-dialog-duration: var(--ui-dialog-duration);
 
@@ -2942,21 +2957,21 @@ dd[data-v-ac017b1f] {
     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-6d90ae32] {
+[data-component~="ui-dialog"][open][data-v-1ec9644b] {
   display: flex;
   visibility: visible;
   pointer-events: auto;
   opacity: 1;
   transform: scale(1);
-  animation: ui-dialog-enter-6d90ae32 var(--ui-dialog-duration, var(--ui-motion-base)) var(--ui-motion-ease);
+  animation: ui-dialog-enter-1ec9644b var(--ui-dialog-duration, var(--ui-motion-base)) var(--ui-motion-ease);
 }
-[data-component~="ui-dialog"][data-ui-dialog-state~="size=sm"][data-v-6d90ae32] {
+[data-component~="ui-dialog"][data-ui-dialog-state~="size=sm"][data-v-1ec9644b] {
   --_ui-dialog-size: 360px;
 }
-[data-component~="ui-dialog"][data-ui-dialog-state~="size=lg"][data-v-6d90ae32] {
+[data-component~="ui-dialog"][data-ui-dialog-state~="size=lg"][data-v-1ec9644b] {
   --_ui-dialog-size: 640px;
 }
-[data-component~="ui-dialog"][data-ui-dialog-state~="size=fullscreen"][data-v-6d90ae32] {
+[data-component~="ui-dialog"][data-ui-dialog-state~="size=fullscreen"][data-v-1ec9644b] {
   inset: 0;
   inline-size: 100%;
   block-size: 100dvh;
@@ -2964,21 +2979,24 @@ dd[data-v-ac017b1f] {
   margin: 0;
   border-radius: var(--ui-dialog-radius, 0);
 }
-[data-component~="ui-dialog"][data-ui-dialog-state~="alert"] .close[data-v-6d90ae32] {
+[data-component~="ui-dialog"][data-ui-dialog-state~="alert"] .close[data-v-1ec9644b] {
   display: none;
 }
 
 /* Own the layout wrapper; nested component roots are outside these scoped rules. */
-header[data-v-6d90ae32] {
+header[data-v-1ec9644b] {
   display: flex;
   align-items: center;
   gap: var(--ui-space-3);
   flex: none;
-  padding: var(--ui-space-3) var(--ui-space-3) var(--ui-space-3) var(--ui-space-5);
+  /* The title's ink sits inside its line box and the taller close target. Balance that
+     visible top inset against the action row's bottom inset, not just the boxes. */
+  padding: calc(var(--ui-space-3) + var(--ui-space-1) / 2) var(--ui-space-3) var(--ui-space-3)
+    var(--ui-space-5);
 }
 
 /* :host-qualified so page heading rules that reach in cannot outrank the dialog chrome. */
-[data-component~="ui-dialog"] .title[data-v-6d90ae32] {
+[data-component~="ui-dialog"] .title[data-v-1ec9644b] {
   flex: 1;
   min-inline-size: 0;
   margin: 0;
@@ -2990,7 +3008,7 @@ header[data-v-6d90ae32] {
   font-weight: var(--ui-font-semibold);
   line-height: var(--ui-line-height-tight);
 }
-.close[data-v-6d90ae32] {
+.close[data-v-1ec9644b] {
   display: inline-grid;
   place-items: center;
   flex: none;
@@ -3009,8 +3027,8 @@ header[data-v-6d90ae32] {
 }
 
 /* A CSS-drawn X. */
-.close[data-v-6d90ae32]::before,
-.close[data-v-6d90ae32]::after {
+.close[data-v-1ec9644b]::before,
+.close[data-v-1ec9644b]::after {
   content: "";
   grid-area: 1 / 1;
   inline-size: 0.875rem;
@@ -3019,37 +3037,37 @@ header[data-v-6d90ae32] {
   background: currentColor;
   transform: rotate(45deg);
 }
-.close[data-v-6d90ae32]::after {
+.close[data-v-1ec9644b]::after {
   transform: rotate(-45deg);
 }
-.close[data-v-6d90ae32]:hover {
+.close[data-v-1ec9644b]:hover {
   background: var(--ui-surface-muted);
   color: var(--ui-text-primary);
 }
-.close[data-v-6d90ae32]:focus-visible {
+.close[data-v-1ec9644b]:focus-visible {
   outline: var(--ui-focus-width) solid var(--ui-focus-ring);
   outline-offset: var(--ui-focus-width);
 }
 
 /* A touch target, like Button on coarse pointers. */
 @media (pointer: coarse) {
-.close[data-v-6d90ae32] {
+.close[data-v-1ec9644b] {
     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-6d90ae32] {
+html[data-ui-input-modality="touch"] [data-component~="ui-dialog"] .close[data-v-1ec9644b] {
   inline-size: var(--ui-control-min-block-size);
   block-size: var(--ui-control-min-block-size);
 }
-.body[data-v-6d90ae32] {
+.body[data-v-1ec9644b] {
   display: flex;
   flex-direction: column;
   flex: 1 1 auto;
   min-block-size: 0;
   padding: var(--ui-space-3) var(--ui-space-5) var(--ui-space-5);
 }
-footer[data-v-6d90ae32] {
+footer[data-v-1ec9644b] {
   display: flex;
   flex: none;
   flex-wrap: wrap;
@@ -3057,33 +3075,33 @@ footer[data-v-6d90ae32] {
   gap: var(--ui-space-2);
   padding: 0 var(--ui-space-5) var(--ui-space-5);
 }
-footer[data-v-6d90ae32]:empty {
+footer[data-v-1ec9644b]:empty {
   display: none;
 }
-@keyframes ui-dialog-enter-6d90ae32 {
+@keyframes ui-dialog-enter-1ec9644b {
 from {
     opacity: 0;
     transform: scale(0.96);
 }
 }
-[data-component~="ui-dialog"][data-v-6d90ae32]::backdrop {
+[data-component~="ui-dialog"][data-v-1ec9644b]::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-6d90ae32]::backdrop {
+[data-component~="ui-dialog"][open][data-v-1ec9644b]:modal::backdrop {
   background-color: var(--ui-overlay-backdrop);
-  animation: ui-dialog-backdrop-enter-6d90ae32 var(--_ui-dialog-duration, var(--ui-motion-base))
+  animation: ui-dialog-backdrop-enter-1ec9644b var(--_ui-dialog-duration, var(--ui-motion-base))
     var(--ui-motion-ease);
 }
-[data-component~="ui-dialog"][open][data-ui-backdrop-hidden][data-v-6d90ae32]::backdrop {
+[data-component~="ui-dialog"][open][data-ui-backdrop-hidden][data-v-1ec9644b]::backdrop {
   background-color: transparent;
   animation: none;
   transition: none;
 }
-@keyframes ui-dialog-backdrop-enter-6d90ae32 {
+@keyframes ui-dialog-backdrop-enter-1ec9644b {
 from {
     background-color: transparent;
 }
@@ -3486,10 +3504,15 @@ from {
   display: none;
 }
 
-[data-component~="ui-editor-mention-menu"][data-v-ba581126] {
+[data-component~="ui-editor-mention-menu"][popover][data-v-f27cd779] {
+  position: fixed;
+  inset: auto;
+  margin: 0;
+}
+[data-component~="ui-editor-mention-menu"][data-v-f27cd779] {
   user-select: none;
 }
-[data-component~="ui-editor-mention-menu"][data-v-ba581126] {
+[data-component~="ui-editor-mention-menu"][data-v-f27cd779] {
   display: flex;
   overflow: hidden;
   flex-direction: column;
@@ -3498,7 +3521,7 @@ from {
   border-radius: var(--ui-radius-dialog);
   box-shadow: var(--ui-shadow-lg, 0 8px 24px rgb(0 0 0 / 0.12));
 }
-.header[data-v-ba581126] {
+.header[data-v-f27cd779] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -3509,23 +3532,23 @@ from {
   font-size: var(--ui-font-size-xs);
   font-weight: var(--ui-font-semibold);
 }
-[data-component~="ui-editor-mention-menu"] > .header[data-v-ba581126]:empty,
-[data-component~="ui-editor-mention-menu"] > .empty[data-v-ba581126]:empty {
+[data-component~="ui-editor-mention-menu"] > .header[data-v-f27cd779]:empty,
+[data-component~="ui-editor-mention-menu"] > .empty[data-v-f27cd779]:empty {
   display: none;
 }
-.empty[data-v-ba581126] {
+.empty[data-v-f27cd779] {
   padding: var(--ui-space-3);
   color: var(--ui-text-muted);
   font-size: var(--ui-font-size-sm);
 }
-.hint[data-v-ba581126] {
+.hint[data-v-f27cd779] {
   overflow: hidden;
   color: var(--ui-text-muted);
   font-weight: var(--ui-font-normal);
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.list[data-v-ba581126] {
+.list[data-v-f27cd779] {
   max-height: 280px;
   padding: var(--ui-space-1) 0;
   margin: 0;
@@ -3554,7 +3577,7 @@ from {
     -1px calc(100% - var(--_ui-scroll-fade-size)),
     calc(100% - var(--_ui-scroll-fade-size)) 100%;
 }
-.item[data-v-ba581126] {
+.item[data-v-f27cd779] {
   display: flex;
   align-items: center;
   min-height: 44px;
@@ -3562,17 +3585,17 @@ from {
   gap: var(--ui-space-3);
   cursor: pointer;
 }
-.item.active[data-v-ba581126] {
+.item.active[data-v-f27cd779] {
   background: var(--ui-accent-subtle, rgb(59 130 246 / 0.1));
 }
 
 /* The highlight and the initials circle share a tint; on the highlighted row the circle takes
    the surface and a fine accent ring, so the initials stay visible. */
-.item.active .avatar[data-v-ba581126] {
+.item.active .avatar[data-v-f27cd779] {
   background: var(--ui-surface);
   box-shadow: inset 0 0 0 1px var(--ui-accent-soft, var(--ui-accent-subtle));
 }
-.avatar[data-v-ba581126] {
+.avatar[data-v-f27cd779] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -3585,41 +3608,41 @@ from {
   font-size: var(--ui-font-size-xs);
   font-weight: var(--ui-font-semibold);
 }
-.body[data-v-ba581126] {
+.body[data-v-f27cd779] {
   display: flex;
   min-width: 0;
   flex-direction: column;
 }
-.label[data-v-ba581126],
-.detail[data-v-ba581126] {
+.label[data-v-f27cd779],
+.detail[data-v-f27cd779] {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.label[data-v-ba581126] {
+.label[data-v-f27cd779] {
   color: var(--ui-text-primary);
   font-size: var(--ui-font-size-sm);
   font-weight: var(--ui-font-medium);
 }
-.detail[data-v-ba581126],
-.loading[data-v-ba581126] {
+.detail[data-v-f27cd779],
+.loading[data-v-f27cd779] {
   color: var(--ui-text-muted);
   font-size: var(--ui-font-size-xs);
 }
-.loading[data-v-ba581126] {
+.loading[data-v-f27cd779] {
   min-height: 44px;
   padding: var(--ui-space-3);
 }
 @media (max-width: 767px) {
-[data-component~="ui-editor-mention-menu"][data-v-ba581126] {
+[data-component~="ui-editor-mention-menu"][data-v-f27cd779] {
     border-bottom: 0;
     border-radius: var(--ui-radius-dialog) var(--ui-radius-dialog) 0 0;
 }
-.list[data-v-ba581126] {
+.list[data-v-f27cd779] {
     max-height: calc(60dvh - 48px);
 }
 }
-[data-component~="ui-editor-mention-menu"][hidden][data-v-ba581126] {
+[data-component~="ui-editor-mention-menu"][hidden][data-v-f27cd779] {
   display: none;
 }
 
@@ -3684,10 +3707,15 @@ from {
   display: none;
 }
 
-[data-component~="ui-editor-slash-menu"][data-v-cedd7cd4] {
+[data-component~="ui-editor-slash-menu"][popover][data-v-a85c3b18] {
+  position: fixed;
+  inset: auto;
+  margin: 0;
+}
+[data-component~="ui-editor-slash-menu"][data-v-a85c3b18] {
   user-select: none;
 }
-[data-component~="ui-editor-slash-menu"][data-v-cedd7cd4] {
+[data-component~="ui-editor-slash-menu"][data-v-a85c3b18] {
   background: var(--ui-surface);
   border: var(--ui-border-width) solid var(--ui-border-strong);
   border-radius: var(--ui-radius-dialog);
@@ -3697,12 +3725,12 @@ from {
   flex-direction: column;
 }
 @media (max-width: 767px) {
-[data-component~="ui-editor-slash-menu"][data-v-cedd7cd4] {
+[data-component~="ui-editor-slash-menu"][data-v-a85c3b18] {
     border-radius: var(--ui-radius-dialog) var(--ui-radius-dialog) 0 0;
     border-bottom: none;
 }
 }
-.header[data-v-cedd7cd4] {
+.header[data-v-a85c3b18] {
   display: none;
   align-items: center;
   gap: var(--ui-space-2);
@@ -3714,22 +3742,22 @@ from {
   text-transform: uppercase;
   letter-spacing: 0.05em;
 }
-[data-component~="ui-editor-slash-menu"] > .header[data-v-cedd7cd4]:empty,
-[data-component~="ui-editor-slash-menu"] > .footer[data-v-cedd7cd4]:empty,
-[data-component~="ui-editor-slash-menu"] > .empty[data-v-cedd7cd4]:empty {
+[data-component~="ui-editor-slash-menu"] > .header[data-v-a85c3b18]:empty,
+[data-component~="ui-editor-slash-menu"] > .footer[data-v-a85c3b18]:empty,
+[data-component~="ui-editor-slash-menu"] > .empty[data-v-a85c3b18]:empty {
   display: none;
 }
-.empty[data-v-cedd7cd4] {
+.empty[data-v-a85c3b18] {
   padding: var(--ui-space-3);
   color: var(--ui-text-muted);
   font-size: var(--ui-font-size-sm);
 }
 @media (max-width: 767px) {
-.header[data-v-cedd7cd4] {
+.header[data-v-a85c3b18] {
     display: flex;
 }
 }
-.list[data-v-cedd7cd4] {
+.list[data-v-a85c3b18] {
   list-style: none;
   margin: 0;
   padding: var(--ui-space-1) 0;
@@ -3759,12 +3787,12 @@ from {
     calc(100% - var(--_ui-scroll-fade-size)) 100%;
 }
 @media (max-width: 767px) {
-.list[data-v-cedd7cd4] {
+.list[data-v-a85c3b18] {
     max-height: calc(60dvh - 80px);
     padding: var(--ui-space-1) 0 var(--ui-space-2);
 }
 }
-.item[data-v-cedd7cd4] {
+.item[data-v-a85c3b18] {
   display: flex;
   align-items: center;
   gap: var(--ui-space-3);
@@ -3773,10 +3801,10 @@ from {
   cursor: pointer;
   transition: background-color 120ms ease;
 }
-.item.active[data-v-cedd7cd4] {
+.item.active[data-v-a85c3b18] {
   background: var(--ui-accent-subtle, rgb(59 130 246 / 0.1));
 }
-.icon[data-v-cedd7cd4] {
+.icon[data-v-a85c3b18] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -3792,22 +3820,22 @@ from {
   flex-shrink: 0;
   line-height: 1;
 }
-.item.active .icon[data-v-cedd7cd4] {
+.item.active .icon[data-v-a85c3b18] {
   background: var(--ui-accent);
   border-color: var(--ui-accent);
   color: var(--ui-accent-contrast);
 }
-.icon[data-v-cedd7cd4] {
+.icon[data-v-a85c3b18] {
   --_ui-default-icon-size: 1rem;
   --_ui-default-icon-stroke-width: var(--ui-editor-toolbar-icon-stroke-width, 1.75);
 }
-.body[data-v-cedd7cd4] {
+.body[data-v-a85c3b18] {
   display: flex;
   min-width: 0;
   flex-direction: column;
   gap: 1px;
 }
-.title[data-v-cedd7cd4] {
+.title[data-v-a85c3b18] {
   font-size: var(--ui-font-size-sm);
   font-weight: var(--ui-font-medium);
   color: var(--ui-text);
@@ -3815,20 +3843,20 @@ from {
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.description[data-v-cedd7cd4] {
+.description[data-v-a85c3b18] {
   font-size: var(--ui-font-size-xs);
   color: var(--ui-text-muted);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.footer[data-v-cedd7cd4] {
+.footer[data-v-a85c3b18] {
   padding: var(--ui-space-2) var(--ui-space-3);
   border-top: var(--ui-border-width) solid var(--ui-border-divider);
   font-size: var(--ui-font-size-xs);
   color: var(--ui-text-muted);
 }
-[data-component~="ui-editor-slash-menu"] kbd[data-v-cedd7cd4] {
+[data-component~="ui-editor-slash-menu"] kbd[data-v-a85c3b18] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -3840,7 +3868,7 @@ from {
   padding: 0 3px;
   color: var(--ui-text-secondary);
 }
-[data-component~="ui-editor-slash-menu"][hidden][data-v-cedd7cd4] {
+[data-component~="ui-editor-slash-menu"][hidden][data-v-a85c3b18] {
   display: none;
 }
 
@@ -3937,10 +3965,15 @@ ul[data-v-516afff1] {
   --_ui-editor-mobile-bottom-space: 0px;
 }
 
-[data-component~="ui-editor-table-context-menu"][data-v-d311fe5d] {
+[data-component~="ui-editor-table-context-menu"][popover][data-v-f2ebbbc8] {
+  position: fixed;
+  inset: auto;
+  margin: 0;
+}
+[data-component~="ui-editor-table-context-menu"][data-v-f2ebbbc8] {
   /* The max-width is a promise about the menu's footprint, so it counts padding and border. */
   box-sizing: border-box;
-  min-width: 14rem;
+  min-width: min(14rem, calc(100vw - 24px));
   max-width: min(17rem, calc(100vw - 24px));
   max-height: min(28rem, calc(100vh - 24px));
   padding: var(--ui-space-2);
@@ -3955,12 +3988,12 @@ ul[data-v-516afff1] {
   overscroll-behavior: contain;
   scrollbar-width: thin;
 }
-.section[data-v-d311fe5d] {
+.section[data-v-f2ebbbc8] {
   display: flex;
   flex-direction: column;
   gap: 3px;
 }
-[data-component~="ui-editor-table-context-menu"] button[data-v-d311fe5d] {
+[data-component~="ui-editor-table-context-menu"] button[data-v-f2ebbbc8] {
   display: flex;
   align-items: center;
   gap: var(--ui-space-2);
@@ -3975,30 +4008,38 @@ ul[data-v-516afff1] {
   cursor: pointer;
   color: var(--ui-text);
 }
-[data-component~="ui-editor-table-context-menu"] button[data-v-d311fe5d] {
+[data-component~="ui-editor-table-context-menu"] button[data-v-f2ebbbc8] {
   --_ui-default-icon-size: 1rem;
   --_ui-default-icon-stroke-width: var(--ui-editor-toolbar-icon-stroke-width, 1.75);
 }
-[data-component~="ui-editor-table-context-menu"] button[data-v-d311fe5d]:hover:not(:disabled) {
+[data-component~="ui-editor-table-context-menu"] button[data-v-f2ebbbc8]:hover:not(:disabled) {
   background: var(--ui-surface-hover);
 }
-[data-component~="ui-editor-table-context-menu"] button.selected[data-v-d311fe5d] {
+[data-component~="ui-editor-table-context-menu"] button.selected[data-v-f2ebbbc8] {
   background: var(--ui-accent-subtle, rgb(59 130 246 / 0.1));
 }
-[data-component~="ui-editor-table-context-menu"] button.danger[data-v-d311fe5d] {
+[data-component~="ui-editor-table-context-menu"] button.danger[data-v-f2ebbbc8] {
   color: var(--ui-danger);
 }
-.swatches[data-v-d311fe5d] {
-  display: grid;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
+
+/* Swatches wrap like words: the row asks for the menu's full width, and a narrower menu fits fewer. */
+.swatches[data-v-f2ebbbc8] {
+  display: flex;
+  flex-wrap: wrap;
   gap: 3px;
 }
-.swatch-button[data-v-d311fe5d] {
+
+/* Three to a row at the menu's full width; 5rem keeps the longest label, "Default", whole. */
+[data-component~="ui-editor-table-context-menu"] .swatch-button[data-v-f2ebbbc8] {
   display: inline-flex;
   align-items: center;
   gap: var(--ui-space-2);
+  flex: 1 0 5rem;
+  min-width: 5rem;
+  max-width: calc((100% - 6px) / 3);
+  padding-inline-end: var(--ui-space-1);
 }
-.swatch[data-v-d311fe5d] {
+.swatch[data-v-f2ebbbc8] {
   display: inline-flex;
   width: 1rem;
   height: 1rem;
@@ -4008,7 +4049,7 @@ ul[data-v-516afff1] {
   box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.35);
   flex-shrink: 0;
 }
-.swatch.default[data-v-d311fe5d] {
+.swatch.default[data-v-f2ebbbc8] {
   position: relative;
   background:
     linear-gradient(
@@ -4020,11 +4061,11 @@ ul[data-v-516afff1] {
     ),
     var(--ui-surface);
 }
-.swatch-label[data-v-d311fe5d] {
+.swatch-label[data-v-f2ebbbc8] {
   min-width: 0;
   white-space: nowrap;
 }
-.heading[data-v-d311fe5d] {
+.heading[data-v-f2ebbbc8] {
   padding: var(--ui-space-1) var(--ui-space-2);
   font-size: var(--ui-font-size-2xs);
   font-weight: 700;
@@ -4032,12 +4073,17 @@ ul[data-v-516afff1] {
   text-transform: uppercase;
   color: var(--ui-text-muted);
 }
-.sep[data-v-d311fe5d] {
+.sep[data-v-f2ebbbc8] {
   height: 1px;
   background: var(--ui-border-divider);
   margin: var(--ui-space-1) 0;
 }
-[data-component~="ui-editor-table-context-menu"][hidden][data-v-d311fe5d] {
+
+/* Separators divide sections, so none sits above the first. */
+.sep[data-v-f2ebbbc8]:first-child {
+  display: none;
+}
+[data-component~="ui-editor-table-context-menu"][hidden][data-v-f2ebbbc8] {
   display: none;
 }
 
@@ -4337,7 +4383,7 @@ ul[data-v-516afff1] {
   display: none;
 }
 
-.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"][data-v-b9979342] {
+.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"][data-v-8c2d4497] {
   min-width: max-content;
   min-height: 100%;
   padding: 0;
@@ -4347,23 +4393,15 @@ ul[data-v-516afff1] {
   box-shadow: none;
   backdrop-filter: none;
 }
-.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] button[data-v-b9979342] {
+.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] button[data-v-8c2d4497] {
   min-height: 44px;
   background: transparent;
 }
-.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] button.active[data-v-b9979342],
-.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] button.selected[data-v-b9979342] {
+.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] button.active[data-v-8c2d4497],
+.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] button.selected[data-v-8c2d4497] {
   background: var(--ui-accent-soft, var(--ui-accent-subtle));
 }
-.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] .menu[data-v-b9979342] {
-  top: auto;
-  right: 0;
-  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-b9979342] {
+[data-component~="ui-editor-table-toolbar"][data-v-8c2d4497] {
   display: inline-flex;
   align-items: center;
   gap: var(--ui-space-1);
@@ -4374,21 +4412,21 @@ ul[data-v-516afff1] {
   box-shadow: var(--ui-shadow-lg, 0 10px 15px -3px rgb(0 0 0 / 0.1));
   backdrop-filter: blur(10px);
 }
-.group[data-v-b9979342] {
+.group[data-v-8c2d4497] {
   display: inline-flex;
   align-items: center;
   gap: 2px;
   overflow: hidden;
 }
-.sep[data-v-b9979342] {
+.sep[data-v-8c2d4497] {
   width: 1px;
   align-self: stretch;
   background: var(--ui-border-divider);
 }
-.overflow[data-v-b9979342] {
+.overflow[data-v-8c2d4497] {
   position: relative;
 }
-[data-component~="ui-editor-table-toolbar"] button[data-v-b9979342] {
+[data-component~="ui-editor-table-toolbar"] button[data-v-8c2d4497] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -4405,43 +4443,43 @@ ul[data-v-516afff1] {
   padding: var(--ui-space-2) var(--ui-space-2);
   white-space: nowrap;
 }
-[data-component~="ui-editor-table-toolbar"] button[data-v-b9979342]:hover {
+[data-component~="ui-editor-table-toolbar"] button[data-v-8c2d4497]:hover {
   background: var(--ui-surface-hover);
 }
-[data-component~="ui-editor-table-toolbar"] button.active[data-v-b9979342] {
+[data-component~="ui-editor-table-toolbar"] button.active[data-v-8c2d4497] {
   background: var(--ui-accent-soft, var(--ui-accent-subtle));
   color: var(--ui-accent-active);
 }
-.group button[data-v-b9979342] {
+.group button[data-v-8c2d4497] {
   border-radius: var(--ui-radius-sm);
 }
-.group button + button[data-v-b9979342] {
+.group button + button[data-v-8c2d4497] {
   border-left: 0;
 }
-[data-component~="ui-editor-table-toolbar"] .more[data-v-b9979342] {
+[data-component~="ui-editor-table-toolbar"] .more[data-v-8c2d4497] {
   border: 0;
   border-radius: var(--ui-radius-sm);
 }
-[data-component~="ui-editor-table-toolbar"] button.danger[data-v-b9979342] {
+[data-component~="ui-editor-table-toolbar"] button.danger[data-v-8c2d4497] {
   color: var(--ui-danger);
 }
-[data-component~="ui-editor-table-toolbar"][data-v-b9979342] {
+[data-component~="ui-editor-table-toolbar"][data-v-8c2d4497] {
   --_ui-default-icon-size: var(--ui-editor-toolbar-icon-size, 1rem);
   --_ui-default-icon-stroke-width: var(--ui-editor-toolbar-icon-stroke-width, 1.75);
 }
-.chevron[data-v-b9979342] {
+.chevron[data-v-8c2d4497] {
   display: inline-flex;
   --_ui-default-icon-size: 0.875rem;
 }
-[data-component~="ui-editor-table-toolbar"] .icon-button[data-v-b9979342] {
+[data-component~="ui-editor-table-toolbar"] .icon-button[data-v-8c2d4497] {
   width: 32px;
   padding-inline: 0;
 }
-.menu[data-v-b9979342] {
+.menu[data-v-8c2d4497] {
   box-sizing: border-box;
-  position: absolute;
-  top: calc(100% + var(--ui-space-2));
-  right: 0;
+  position: fixed;
+  inset: auto;
+  margin: 0;
   min-width: 12rem;
   max-width: min(17rem, calc(100vw - 24px));
   padding: var(--ui-space-1);
@@ -4457,12 +4495,12 @@ ul[data-v-516afff1] {
   overscroll-behavior: contain;
   scrollbar-width: thin;
 }
-.menu-section + .menu-section[data-v-b9979342] {
+.menu-section + .menu-section[data-v-8c2d4497] {
   margin-top: var(--ui-space-1);
   padding-top: var(--ui-space-1);
   border-top: var(--ui-border-width) solid var(--ui-border-divider);
 }
-.menu-heading[data-v-b9979342] {
+.menu-heading[data-v-8c2d4497] {
   padding: var(--ui-space-1) var(--ui-space-2);
   font-size: var(--ui-font-size-2xs);
   font-weight: 700;
@@ -4470,22 +4508,22 @@ ul[data-v-516afff1] {
   text-transform: uppercase;
   color: var(--ui-text-muted);
 }
-.menu button[data-v-b9979342] {
+.menu button[data-v-8c2d4497] {
   display: flex;
   justify-content: flex-start;
   width: 100%;
   text-align: left;
 }
-.swatches[data-v-b9979342] {
+.swatches[data-v-8c2d4497] {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 2px;
 }
-[data-component~="ui-editor-table-toolbar"] .swatch-button[data-v-b9979342] {
+[data-component~="ui-editor-table-toolbar"] .swatch-button[data-v-8c2d4497] {
   gap: var(--ui-space-1);
   justify-content: flex-start;
 }
-.swatch[data-v-b9979342] {
+.swatch[data-v-8c2d4497] {
   width: 14px;
   height: 14px;
   flex: 0 0 14px;
@@ -4493,15 +4531,15 @@ ul[data-v-516afff1] {
   border-radius: var(--ui-radius-round);
   background: var(--_swatch);
 }
-.swatch.default[data-v-b9979342] {
+.swatch.default[data-v-8c2d4497] {
   background:
     linear-gradient(135deg, transparent 44%, var(--ui-danger) 46% 54%, transparent 56%),
     var(--ui-surface);
 }
-.swatch-button.selected[data-v-b9979342] {
+.swatch-button.selected[data-v-8c2d4497] {
   background: var(--ui-accent-soft, var(--ui-accent-subtle));
 }
-[data-component~="ui-editor-table-toolbar"][hidden][data-v-b9979342] {
+[data-component~="ui-editor-table-toolbar"][hidden][data-v-8c2d4497] {
   display: none;
 }
 
@@ -4973,7 +5011,7 @@ svg[data-v-955cfa65-s] {
   syntax: "*";
   inherits: false;
 }
-[data-component~="ui-icon-button"][data-v-219fa683] {
+[data-component~="ui-icon-button"][data-v-ea2a5496] {
   /* Optional inherited action-group values keep text and icon actions under the same light.
      One fine top/start highlight follows the bottom/end lowlight at a joined action seam.
      A single ambient lift avoids stacking a face gradient or another inset bevel. */
@@ -4996,10 +5034,10 @@ svg[data-v-955cfa65-s] {
   display: inline-flex;
   color: var(--ui-text-secondary);
 }
-[data-component~="ui-icon-button"][data-v-219fa683]:dir(rtl) {
+[data-component~="ui-icon-button"][data-v-ea2a5496]:dir(rtl) {
   --_ui-action-start: -1px;
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="tone=accent"][data-v-219fa683] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="tone=accent"][data-v-ea2a5496] {
   --_icon-button-border: var(--ui-accent-solid);
   --_icon-button-hover-border: var(--ui-accent-hover);
   --_icon-button-text: var(--ui-accent-subtle-text, var(--ui-accent-solid));
@@ -5012,15 +5050,15 @@ svg[data-v-955cfa65-s] {
 }
 
 /* Omitted tone retains the existing accent solid; explicit neutral is additive. */
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="tone=neutral"][data-v-219fa683] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="tone=neutral"][data-v-ea2a5496] {
   --_icon-button-solid-surface: var(--ui-text-primary);
   --_icon-button-solid-hover-surface: var(--ui-text-primary);
   --_icon-button-solid-text: var(--ui-surface-default);
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-219fa683] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-ea2a5496] {
   position: relative;
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-219fa683]::before {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-ea2a5496]::before {
   content: "";
   position: absolute;
   inset: 50% auto auto 50%;
@@ -5034,13 +5072,19 @@ svg[data-v-955cfa65-s] {
   transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
   pointer-events: none;
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-219fa683]:disabled::before {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-ui-icon-button-state~="guide=bar"][data-v-ea2a5496]::before {
+  inline-size: 2px;
+  block-size: 20px;
+  background: var(--ui-border-strong);
+  opacity: 1;
+}
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-ea2a5496]:disabled::before {
   opacity: 0;
 }
 
 /* At rest an anticipatory button shows only its guide dot. The icon grows into place when
    proximity, hover, or focus reveals it; the button's hit area and guide remain stable. */
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"] .content[data-v-219fa683] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"] .content[data-v-ea2a5496] {
   opacity: 1;
   transform: scale(1);
   transition:
@@ -5048,22 +5092,22 @@ svg[data-v-955cfa65-s] {
     transform calc(var(--ui-motion-fast) * 2) cubic-bezier(0.2, 1.4, 0.35, 1);
 }
 @media (hover: hover) and (pointer: fine) {
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-219fa683]:not([data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"], [data-component~="ui-icon-button"][data-ui-icon-button-state~="loading"], [data-component~="ui-icon-button"][data-ui-icon-button-state~="pending"], :disabled, [aria-pressed="true"], [data-ui-proximity="near"], :hover, :focus-visible) {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-ea2a5496]:not([data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"], [data-component~="ui-icon-button"][data-ui-icon-button-state~="loading"], [data-component~="ui-icon-button"][data-ui-icon-button-state~="pending"], :disabled, [aria-pressed="true"], [data-ui-proximity="near"], :hover, :focus-visible) {
     border-color: transparent;
     background-color: transparent;
     box-shadow: none;
 }
 [data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"]:not([data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"], [data-component~="ui-icon-button"][data-ui-icon-button-state~="loading"], [data-component~="ui-icon-button"][data-ui-icon-button-state~="pending"], :disabled, [aria-pressed="true"], [data-ui-proximity="near"], :hover, :focus-visible)
-    .content[data-v-219fa683] {
+    .content[data-v-ea2a5496] {
     opacity: 0;
     transform: scale(0.65);
     transition-duration: var(--ui-motion-fast);
 }
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-219fa683]:is([data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"], [aria-pressed="true"], [data-ui-proximity="near"], :hover, :focus-visible)::before {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-ea2a5496]:is([data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"], [aria-pressed="true"], [data-ui-proximity="near"], :hover, :focus-visible)::before {
   opacity: 0;
 }
-[data-component~="ui-icon-button"][data-v-219fa683] {
+[data-component~="ui-icon-button"][data-v-ea2a5496] {
   /* The size prop resolves here; --ui-icon-button-size overrides it on an element. */
   --_size: 2rem;
   appearance: none;
@@ -5086,10 +5130,10 @@ svg[data-v-955cfa65-s] {
     border-color var(--ui-motion-fast) var(--ui-motion-ease),
     color var(--ui-motion-fast) var(--ui-motion-ease),
     box-shadow var(--ui-motion-base) var(--ui-motion-ease),
-    transform var(--ui-motion-fast) var(--ui-motion-ease);
+    scale 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-219fa683]::before {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-ea2a5496]::before {
     opacity: 0;
 }
 }
@@ -5097,10 +5141,10 @@ svg[data-v-955cfa65-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-219fa683] {
+[data-component~="ui-icon-button"][data-v-ea2a5496] {
     position: relative;
 }
-[data-component~="ui-icon-button"][data-v-219fa683]::after {
+[data-component~="ui-icon-button"][data-v-ea2a5496]::after {
     content: "";
     position: absolute;
     inset: 50% auto auto 50%;
@@ -5109,10 +5153,10 @@ svg[data-v-955cfa65-s] {
     transform: translate(-50%, -50%);
 }
 }
-html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-219fa683] {
+html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-ea2a5496] {
   position: relative;
 }
-html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-219fa683]::after {
+html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-ea2a5496]::after {
   content: "";
   position: absolute;
   inset: 50% auto auto 50%;
@@ -5120,14 +5164,14 @@ html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-2
   block-size: max(100%, var(--ui-control-min-block-size));
   transform: translate(-50%, -50%);
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="size=sm"][data-v-219fa683] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="size=sm"][data-v-ea2a5496] {
   --_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-219fa683] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="size=lg"][data-v-ea2a5496] {
   --_size: 2.5rem;
   inline-size: var(--ui-icon-button-size, var(--_size));
   block-size: var(--ui-icon-button-size, var(--_size));
@@ -5136,19 +5180,19 @@ html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-2
 }
 
 /* A text button's companion uses control geometry; compact icon buttons keep their own density. */
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="matchButton"][data-v-219fa683] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="matchButton"][data-v-ea2a5496] {
   --_size: var(--ui-control-size-md);
   block-size: auto;
   align-self: stretch;
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="matchButton"][data-ui-icon-button-state~="size=sm"][data-v-219fa683] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="matchButton"][data-ui-icon-button-state~="size=sm"][data-v-ea2a5496] {
   --_size: var(--ui-control-size-sm);
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="matchButton"][data-ui-icon-button-state~="size=lg"][data-v-219fa683] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="matchButton"][data-ui-icon-button-state~="size=lg"][data-v-ea2a5496] {
   --_size: var(--ui-control-size-lg);
 }
 @media (pointer: coarse) {
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="matchButton"][data-v-219fa683] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="matchButton"][data-v-ea2a5496] {
     inline-size: max(var(--ui-icon-button-size, var(--_size)), var(--ui-control-min-block-size));
     min-inline-size: max(
       var(--ui-icon-button-size, var(--_size)),
@@ -5157,10 +5201,10 @@ html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-2
     min-block-size: max(var(--ui-icon-button-size, var(--_size)), var(--ui-control-min-block-size));
 }
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="round"][data-v-219fa683] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="round"][data-v-ea2a5496] {
   border-radius: var(--ui-radius-round);
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][data-v-219fa683] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][data-v-ea2a5496] {
   border-color: var(
     --ui-icon-button-border,
     var(--_icon-button-border, var(--ui-control-border, var(--ui-border-strong)))
@@ -5173,7 +5217,7 @@ html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-2
   color: var(--ui-icon-button-outline-text, var(--_icon-button-text, var(--ui-text-primary)));
   box-shadow: var(--ui-action-shadow, var(--_ui-action-shadow));
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"][data-v-219fa683] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"][data-v-ea2a5496] {
   background-color: var(
     --ui-icon-button-solid-surface,
     var(--_icon-button-solid-surface, var(--ui-accent-solid))
@@ -5182,7 +5226,7 @@ html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-2
   color: var(--ui-icon-button-solid-text, var(--_icon-button-solid-text, var(--ui-text-on-accent)));
   box-shadow: var(--ui-icon-button-solid-shadow, var(--ui-action-shadow, var(--_ui-action-shadow)));
 }
-[data-component~="ui-icon-button"][data-v-219fa683]:hover:enabled:not([aria-disabled="true"]) {
+[data-component~="ui-icon-button"][data-v-ea2a5496]:hover:enabled:not([aria-disabled="true"]) {
   /* Derived from the text colour so the ghost hover shows on any background. */
   background-color: var(
     --ui-icon-button-hover-surface,
@@ -5190,23 +5234,23 @@ html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-2
   );
   color: var(--ui-icon-button-hover-text, var(--_icon-button-text, var(--ui-text-primary)));
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][data-v-219fa683]:hover:enabled:not([aria-disabled="true"]) {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][data-v-ea2a5496]:hover:enabled:not([aria-disabled="true"]) {
   border-color: var(
     --ui-icon-button-hover-border,
     var(--_icon-button-hover-border, var(--ui-control-border-hover, var(--ui-control-border)))
   );
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"][data-v-219fa683]:hover:enabled:not([aria-disabled="true"]) {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"][data-v-ea2a5496]:hover:enabled:not([aria-disabled="true"]) {
   background-color: var(
     --ui-icon-button-solid-hover-surface,
     var(--_icon-button-solid-hover-surface, var(--ui-accent-hover))
   );
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"][data-ui-icon-button-state~="tone=accent"][data-v-219fa683]:hover:enabled:not([aria-disabled="true"]),
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"][data-ui-icon-button-state~="tone=neutral"][data-v-219fa683]:hover:enabled:not([aria-disabled="true"]) {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"][data-ui-icon-button-state~="tone=accent"][data-v-ea2a5496]:hover:enabled:not([aria-disabled="true"]),
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"][data-ui-icon-button-state~="tone=neutral"][data-v-ea2a5496]:hover:enabled:not([aria-disabled="true"]) {
   color: var(--ui-icon-button-solid-text, var(--_icon-button-solid-text, var(--ui-text-on-accent)));
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=ghost"][aria-expanded="true"][data-v-219fa683]:enabled:not([aria-disabled="true"]) {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=ghost"][aria-expanded="true"][data-v-ea2a5496]:enabled:not([aria-disabled="true"]) {
   background-color: var(
     --ui-icon-button-active-surface,
     color-mix(in srgb, currentColor 16%, transparent)
@@ -5216,7 +5260,7 @@ html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-2
 }
 
 /* Native toggle state persists after pointer release, including during loading. */
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][aria-pressed="true"][data-v-219fa683]:enabled {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][aria-pressed="true"][data-v-ea2a5496]:enabled {
   background-color: var(
     --ui-icon-button-active-surface,
     color-mix(in srgb, currentColor 12%, var(--ui-surface-default))
@@ -5224,61 +5268,61 @@ html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-2
   background-image: none;
   box-shadow: var(--ui-pressed);
 }
-[data-component~="ui-icon-button"][data-v-219fa683]:active:enabled:not([aria-disabled="true"]) {
-  transform: scale(var(--ui-icon-button-active-scale, 0.96));
+[data-component~="ui-icon-button"][data-v-ea2a5496]:active:enabled:not([aria-disabled="true"]) {
+  scale: var(--ui-icon-button-active-scale, 0.96);
 }
-:is([data-component~="ui-icon-button"][data-ui-icon-button-state~="loading"][data-v-219fa683], [data-component~="ui-icon-button"][data-ui-icon-button-state~="pending"][data-v-219fa683]) {
+:is([data-component~="ui-icon-button"][data-ui-icon-button-state~="loading"][data-v-ea2a5496], [data-component~="ui-icon-button"][data-ui-icon-button-state~="pending"][data-v-ea2a5496]) {
   cursor: progress;
 }
-.content[data-v-219fa683] {
+.content[data-v-ea2a5496] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
 }
 :is([data-component~="ui-icon-button"][data-ui-icon-button-state~="loading"], [data-component~="ui-icon-button"][data-ui-icon-button-state~="pending"])
-  .content[data-v-219fa683] {
+  .content[data-v-ea2a5496] {
   display: none;
 }
 @media (prefers-reduced-motion: reduce) {
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"] .content[data-v-219fa683] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"] .content[data-v-ea2a5496] {
     transition: none;
 }
 }
-[data-component~="ui-icon-button"][data-v-219fa683]:focus-visible {
+[data-component~="ui-icon-button"][data-v-ea2a5496]:focus-visible {
   outline: none;
   box-shadow: var(--ui-focus-halo);
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][data-v-219fa683]:focus-visible {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][data-v-ea2a5496]:focus-visible {
   box-shadow:
     var(--ui-action-shadow, var(--_ui-action-shadow)),
     var(--ui-focus-halo);
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"][data-v-219fa683]:focus-visible {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"][data-v-ea2a5496]:focus-visible {
   box-shadow:
     var(--ui-icon-button-solid-shadow, var(--ui-action-shadow, var(--_ui-action-shadow))),
     var(--ui-focus-halo);
 }
-[data-component~="ui-icon-button"][data-v-219fa683]:is([data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"], [data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"]):active:enabled:not([aria-disabled="true"]) {
+[data-component~="ui-icon-button"][data-v-ea2a5496]:is([data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"], [data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"]):active:enabled:not([aria-disabled="true"]) {
   background-image: none;
   box-shadow: var(--ui-pressed);
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][aria-pressed="true"][data-v-219fa683]:enabled:focus-visible {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][aria-pressed="true"][data-v-ea2a5496]:enabled:focus-visible {
   box-shadow:
     var(--ui-pressed),
     var(--ui-focus-halo);
 }
 @media (forced-colors: active) {
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][aria-pressed="true"][data-v-219fa683]:enabled {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][aria-pressed="true"][data-v-ea2a5496]:enabled {
     outline: var(--ui-focus-width) solid Highlight;
     outline-offset: calc(-2 * var(--ui-focus-width));
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][aria-pressed="true"][data-v-219fa683]:enabled:focus-visible {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][aria-pressed="true"][data-v-ea2a5496]:enabled:focus-visible {
     outline-offset: var(--ui-focus-width);
 }
 }
 
 /* Disabled is a flat neutral control, independent of the active variant's tone. */
-[data-component~="ui-icon-button"][data-v-219fa683]:disabled {
+[data-component~="ui-icon-button"][data-v-ea2a5496]:disabled {
   border-color: var(--ui-disabled-border);
   background-color: var(--ui-disabled-surface);
   color: var(--ui-disabled-text);
@@ -5288,23 +5332,23 @@ html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-2
   box-shadow: none;
   background-image: none;
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=ghost"][data-v-219fa683]:disabled {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=ghost"][data-v-ea2a5496]:disabled {
   border-color: transparent;
 }
-[data-component~="ui-icon-button"][data-v-219fa683] {
+[data-component~="ui-icon-button"][data-v-ea2a5496] {
   --_icon-button-icon-default: var(--ui-icon-size-md);
   /* A slotted ui-icon is its own component, out of reach of the svg rule below; these are its
      defaults, which its own --ui-icon-* hooks still override. */
   --_ui-default-icon-size: var(--_ui-icon-button-icon-size, var(--_icon-button-icon-default));
   --_ui-default-icon-stroke-width: var(--_ui-icon-button-icon-stroke-width, 1.75);
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="size=sm"][data-v-219fa683] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="size=sm"][data-v-ea2a5496] {
   --_icon-button-icon-default: var(--ui-icon-size-sm);
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="size=lg"][data-v-219fa683] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="size=lg"][data-v-ea2a5496] {
   --_icon-button-icon-default: var(--ui-icon-size-lg);
 }
-svg[data-v-219fa683-s] {
+svg[data-v-ea2a5496-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;
@@ -5312,7 +5356,7 @@ svg[data-v-219fa683-s] {
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-icon-button"][hidden][data-v-219fa683] {
+[data-component~="ui-icon-button"][hidden][data-v-ea2a5496] {
   display: none;
 }
 
@@ -6167,7 +6211,7 @@ svg[data-v-219fa683-s] {
   syntax: "*";
   inherits: false;
 }
-[data-component~="ui-listbox"][data-v-1ba46396] {
+[data-component~="ui-listbox"][data-v-e7a8688c] {
   position: relative;
   box-sizing: border-box;
   display: block;
@@ -6184,25 +6228,29 @@ svg[data-v-219fa683-s] {
   box-shadow: var(--ui-control-inset);
   outline: none;
 }
-.choices[data-v-1ba46396] {
+
+/* Its own box around the nested Scroll Area, which it shrinks into so the choices scroll. */
+.choices[data-v-e7a8688c] {
+  display: flex;
+  flex-direction: column;
   max-block-size: calc(max(2, var(--_rows, 5)) * var(--ui-control-size-md));
 }
-[data-component~="ui-listbox"][data-v-1ba46396]:not([data-enhanced]) {
+[data-component~="ui-listbox"][data-v-e7a8688c]:not([data-enhanced]) {
   padding: 0;
   border: 0;
   background: transparent;
   box-shadow: none;
 }
-[data-component~="ui-listbox"]:not([data-enhanced]) .choices[data-v-1ba46396],
-[data-component~="ui-listbox"][data-enhanced] .fallback[data-v-1ba46396] {
+[data-component~="ui-listbox"]:not([data-enhanced]) .choices[data-v-e7a8688c],
+[data-component~="ui-listbox"][data-enhanced] .fallback[data-v-e7a8688c] {
   display: none;
 }
-.fallback[data-v-1ba46396] {
+.fallback[data-v-e7a8688c] {
   box-sizing: border-box;
   inline-size: 100%;
   font: inherit;
 }
-.validity[data-v-1ba46396] {
+.validity[data-v-e7a8688c] {
   position: absolute;
   inline-size: 1px;
   block-size: 1px;
@@ -6211,22 +6259,22 @@ svg[data-v-219fa683-s] {
   opacity: 0;
   pointer-events: none;
 }
-[data-component~="ui-listbox"][data-v-1ba46396]:focus-visible {
+[data-component~="ui-listbox"][data-v-e7a8688c]:focus-visible {
   border-color: var(--ui-control-focus);
   outline: var(--ui-focus-width) solid var(--ui-focus-ring);
   outline-offset: var(--ui-focus-width);
   box-shadow: var(--ui-listbox-focus-shadow, var(--ui-focus-halo));
 }
-[data-component~="ui-listbox"][aria-invalid="true"][data-v-1ba46396] {
+[data-component~="ui-listbox"][aria-invalid="true"][data-v-e7a8688c] {
   border-color: var(--ui-listbox-invalid-border, var(--ui-field-danger, var(--ui-danger)));
 }
-[data-component~="ui-listbox"][aria-disabled="true"][data-v-1ba46396] {
+[data-component~="ui-listbox"][aria-disabled="true"][data-v-e7a8688c] {
   background: var(--ui-control-surface-disabled);
   color: var(--ui-disabled-text);
   box-shadow: none;
   cursor: not-allowed;
 }
-[data-component~="ui-listbox"][hidden][data-v-1ba46396] {
+[data-component~="ui-listbox"][hidden][data-v-e7a8688c] {
   display: none;
 }
 
@@ -7460,7 +7508,7 @@ legend[data-v-0bead1b5] + * {
   syntax: "*";
   inherits: false;
 }
-[data-component~="ui-search-shell"][data-v-0778ed20] {
+[data-component~="ui-search-shell"][data-v-62b2f3da] {
   /* Hooks do not inherit, so the parts below read them from the root. */
   --_ui-search-shell-z-index: var(--ui-search-shell-z-index);
   --_ui-search-shell-padding-top: var(--ui-search-shell-padding-top);
@@ -7475,7 +7523,7 @@ legend[data-v-0bead1b5] + * {
 
   display: contents;
 }
-dialog[data-v-0778ed20] {
+dialog[data-v-62b2f3da] {
   position: fixed;
   inset: 0;
   z-index: var(--_ui-search-shell-z-index, 400);
@@ -7493,16 +7541,16 @@ dialog[data-v-0778ed20] {
   background: var(--ui-overlay-backdrop);
   color: var(--ui-text-primary);
 }
-dialog[data-v-0778ed20]::backdrop {
+dialog[data-v-62b2f3da]:modal::backdrop {
   background: var(--ui-overlay-backdrop);
 }
-dialog[data-v-0778ed20]:modal {
+dialog[data-v-62b2f3da]:modal {
   background: transparent;
 }
-dialog[data-ui-backdrop-hidden][data-v-0778ed20]::backdrop {
+dialog[data-ui-backdrop-hidden][data-v-62b2f3da]::backdrop {
   background: transparent;
 }
-.panel[data-v-0778ed20] {
+.panel[data-v-62b2f3da] {
   position: relative;
   display: flex;
   flex-direction: column;
@@ -7522,10 +7570,10 @@ dialog[data-ui-backdrop-hidden][data-v-0778ed20]::backdrop {
     var(--ui-overlay-shadow, var(--ui-elevation-dialog, var(--ui-shadow-xl)))
   );
 }
-.search[data-v-0778ed20] {
+.search[data-v-62b2f3da] {
   padding: var(--ui-space-3);
 }
-input[slot="search"][data-v-0778ed20-s] {
+input[slot="search"][data-v-62b2f3da-s] {
   box-sizing: border-box;
   inline-size: 100%;
   min-block-size: var(--ui-control-min-block-size);
@@ -7537,24 +7585,24 @@ input[slot="search"][data-v-0778ed20-s] {
   font: inherit;
   box-shadow: var(--ui-shadow-xs);
 }
-input[slot="search"][data-v-0778ed20-s]:focus-visible {
+input[slot="search"][data-v-62b2f3da-s]:focus-visible {
   border-color: var(--_ui-search-shell-focus-color, var(--ui-control-focus));
   outline: var(--ui-focus-width) solid var(--ui-focus-ring);
   outline-offset: var(--ui-focus-width);
 }
-.status[data-v-0778ed20],
-.actions[data-v-0778ed20] {
+.status[data-v-62b2f3da],
+.actions[data-v-62b2f3da] {
   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-0778ed20] {
+.status[data-v-62b2f3da] {
   padding-block-start: 0;
 }
 
 /* Laid out like the dialog's action row: actions right-aligned, spaced as buttons, no fill. */
-.actions[data-v-0778ed20] {
+.actions[data-v-62b2f3da] {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
@@ -7562,11 +7610,11 @@ input[slot="search"][data-v-0778ed20-s]:focus-visible {
   gap: var(--ui-space-2);
   padding: var(--ui-space-3) var(--ui-space-4);
 }
-.status[data-v-0778ed20]:empty,
-.actions[data-v-0778ed20]:empty {
+.status[data-v-62b2f3da]:empty,
+.actions[data-v-62b2f3da]:empty {
   display: none;
 }
-.body[data-v-0778ed20] {
+.body[data-v-62b2f3da] {
   flex: 1;
   min-block-size: 0;
   overflow: auto;
@@ -7594,10 +7642,10 @@ input[slot="search"][data-v-0778ed20-s]:focus-visible {
     calc(100% - var(--_ui-scroll-fade-size)) 100%;
 }
 @media (max-width: 47.9375rem) {
-dialog[data-v-0778ed20] {
+dialog[data-v-62b2f3da] {
     padding: 0;
 }
-.panel[data-v-0778ed20] {
+.panel[data-v-62b2f3da] {
     inline-size: 100%;
     min-block-size: 100dvh;
     max-block-size: none;
@@ -7607,19 +7655,19 @@ dialog[data-v-0778ed20] {
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-search-shell"][hidden][data-v-0778ed20] {
+[data-component~="ui-search-shell"][hidden][data-v-62b2f3da] {
   display: none;
 }
 
 /* A part of a view: a heading, an optional line under it, actions for the whole section at its
        end, and the content. Sections space themselves out through the Stack around them. */
-[data-component~="ui-section"][data-v-93e8cb94] {
+[data-component~="ui-section"][data-v-97cdaba4] {
   display: flex;
   flex-direction: column;
   gap: var(--ui-space-4);
   min-inline-size: 0;
 }
-[data-component~="ui-section"][data-ui-section-state~="variant=card"][data-v-93e8cb94] {
+[data-component~="ui-section"][data-ui-section-state~="variant=card"][data-v-97cdaba4] {
   --_ui-selection-context-surface: initial;
   --_ui-selection-context-border: initial;
   --_ui-selection-context-text: initial;
@@ -7628,11 +7676,11 @@ dialog[data-v-0778ed20] {
   border-radius: var(--ui-radius-lg);
   background: var(--ui-surface-raised);
 }
-[data-component~="ui-section"][data-ui-section-state~="variant=divided"][data-v-93e8cb94] {
+[data-component~="ui-section"][data-ui-section-state~="variant=divided"][data-v-97cdaba4] {
   padding-block-start: var(--ui-space-6);
   border-block-start: var(--ui-border-width) solid var(--ui-border-divider);
 }
-[data-component~="ui-section"][data-ui-section-state~="variant=card"][data-ui-section-state~="tone=danger"][data-v-93e8cb94] {
+[data-component~="ui-section"][data-ui-section-state~="variant=card"][data-ui-section-state~="tone=danger"][data-v-97cdaba4] {
   --_ui-selection-context-surface: light-dark(
     oklch(from var(--ui-danger-soft) calc(l - 0.045) calc(max(c, min(0.045, c * 3))) h),
     oklch(from var(--ui-danger-soft) calc(l + 0.045) calc(max(c, min(0.045, c * 3))) h)
@@ -7644,58 +7692,61 @@ dialog[data-v-0778ed20] {
   --_ui-selection-context-text: var(--ui-text-primary);
   border-color: color-mix(in srgb, var(--ui-danger) 45%, var(--ui-border-default));
   border-inline-start: var(--ui-accent-line-width) solid var(--ui-danger);
+  /* An accent edge keeps the corners on its side straight. */
+  border-start-start-radius: 0;
+  border-end-start-radius: 0;
   background: var(--ui-danger-soft);
 }
-.head[data-v-93e8cb94] {
+.head[data-v-97cdaba4] {
   display: flex;
   flex-wrap: wrap;
   align-items: flex-start;
   justify-content: space-between;
   gap: var(--ui-space-2) var(--ui-space-4);
 }
-.copy[data-v-93e8cb94] {
+.copy[data-v-97cdaba4] {
   display: flex;
   flex: 1 1 16rem;
   flex-direction: column;
   gap: var(--ui-space-1);
   min-inline-size: 0;
 }
-.heading[data-v-93e8cb94] {
+.heading[data-v-97cdaba4] {
   margin: 0;
   color: var(--ui-text-primary);
   font-size: var(--ui-font-size-lg);
   font-weight: var(--ui-font-semibold);
   line-height: var(--ui-line-height-tight);
 }
-[data-component~="ui-section"][data-ui-section-state~="tone=danger"] .heading[data-v-93e8cb94] {
+[data-component~="ui-section"][data-ui-section-state~="tone=danger"] .heading[data-v-97cdaba4] {
   color: var(--ui-danger);
 }
-.description[data-v-93e8cb94] {
+.description[data-v-97cdaba4] {
   color: var(--ui-text-secondary);
   font-size: var(--ui-font-size-sm);
   line-height: var(--ui-line-height);
 }
-.actions[data-v-93e8cb94] {
+.actions[data-v-97cdaba4] {
   display: inline-flex;
   flex-wrap: wrap;
   gap: var(--ui-space-2);
 }
-.body[data-v-93e8cb94] {
+.body[data-v-97cdaba4] {
   display: flex;
   flex-direction: column;
   gap: var(--ui-space-4);
   min-inline-size: 0;
 }
-.description[data-v-93e8cb94]:empty,
-.actions[data-v-93e8cb94]:empty {
+.description[data-v-97cdaba4]:empty,
+.actions[data-v-97cdaba4]:empty {
   display: none;
 }
-.head[data-v-93e8cb94]:has(.heading[hidden]):has(.description:empty):has(.actions:empty) {
+.head[data-v-97cdaba4]:has(.heading[hidden]):has(.description:empty):has(.actions:empty) {
   display: none;
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-section"][hidden][data-v-93e8cb94] {
+[data-component~="ui-section"][hidden][data-v-97cdaba4] {
   display: none;
 }
 
@@ -9044,7 +9095,7 @@ tbody tr[data-v-722ca2ea-s]:last-child > * {
   syntax: "*";
   inherits: false;
 }
-[data-component~="ui-toast"][data-v-af4b9641] {
+[data-component~="ui-toast"][data-v-0812e30e] {
   --_ui-toast-accent: var(--ui-border-strong);
   --_ui-toast-surface: var(--ui-surface-muted);
 
@@ -9075,30 +9126,30 @@ tbody tr[data-v-722ca2ea-s]:last-child > * {
   );
   pointer-events: auto;
 }
-[data-component~="ui-toast"][data-ui-toast-state~="tone=info"][data-v-af4b9641] {
+[data-component~="ui-toast"][data-ui-toast-state~="tone=info"][data-v-0812e30e] {
   --_ui-toast-accent: var(--ui-info-solid);
   --_ui-toast-surface: var(--ui-info-soft);
 }
-[data-component~="ui-toast"][data-ui-toast-state~="tone=success"][data-v-af4b9641] {
+[data-component~="ui-toast"][data-ui-toast-state~="tone=success"][data-v-0812e30e] {
   --_ui-toast-accent: var(--ui-success-solid);
   --_ui-toast-surface: var(--ui-success-soft);
 }
-[data-component~="ui-toast"][data-ui-toast-state~="tone=warning"][data-v-af4b9641] {
+[data-component~="ui-toast"][data-ui-toast-state~="tone=warning"][data-v-0812e30e] {
   --_ui-toast-accent: var(--ui-warning-solid);
   --_ui-toast-surface: var(--ui-warning-soft);
 }
-[data-component~="ui-toast"][data-ui-toast-state~="tone=danger"][data-v-af4b9641] {
+[data-component~="ui-toast"][data-ui-toast-state~="tone=danger"][data-v-0812e30e] {
   --_ui-toast-accent: var(--ui-danger-solid);
   --_ui-toast-surface: var(--ui-danger-soft);
 }
-.message[data-v-af4b9641] {
+.message[data-v-0812e30e] {
   min-inline-size: 0;
   flex: 1;
 }
-.action[data-v-af4b9641]:not(:has(> *)) {
+.action[data-v-0812e30e]:not(:has(> *)) {
   display: none;
 }
-[data-component~="ui-toast"][hidden][data-v-af4b9641] {
+[data-component~="ui-toast"][hidden][data-v-0812e30e] {
   display: none;
 }