@threadlabs/looma 0.26.26 → 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;
 }
 
@@ -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;
 }
 
@@ -6173,7 +6211,7 @@ svg[data-v-ea2a5496-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;
@@ -6190,25 +6228,29 @@ svg[data-v-ea2a5496-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;
@@ -6217,22 +6259,22 @@ svg[data-v-ea2a5496-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;
 }
 
@@ -7466,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);
@@ -7481,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);
@@ -7499,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;
@@ -7528,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);
@@ -7543,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;
@@ -7568,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;
@@ -7600,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;
@@ -7613,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;
@@ -7634,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)
@@ -7650,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;
 }
 
@@ -9050,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);
 
@@ -9081,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;
 }