@threadlabs/looma 0.26.26 → 0.27.1

package/vue/components.css

@@ -360,7 +360,7 @@ svg[data-v-abaeb064] {
   syntax: "*";
   inherits: false;
 }
-[data-component~="ui-badge"][data-v-491791b3] {
+[data-component~="ui-badge"][data-v-3a29482a] {
   --_badge-surface: color-mix(in srgb, var(--ui-surface-subtle) 80%, var(--ui-surface-default));
   --_badge-text: var(--ui-text-secondary);
   /* Sit between the soft fill and its stronger theme ink. */
@@ -406,27 +406,27 @@ svg[data-v-abaeb064] {
 
 /* A constrained badge keeps its surface intact and ellipsizes only its label. The full
    text stays in the DOM for accessible names and consumers' selected values. */
-.label[data-v-491791b3] {
+.label[data-v-3a29482a] {
   display: block;
   min-inline-size: 0;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.label[data-v-491791b3]:empty {
+.label[data-v-3a29482a]:empty {
   display: none;
 }
 
 /* Icon content has its own flex item so label ellipsis never clips its strokes. */
-.icon[data-v-491791b3] {
+.icon[data-v-3a29482a] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   flex: none;
 }
-.icon[data-v-491791b3]:empty {
+.icon[data-v-3a29482a]:empty {
   display: none;
 }
-.icon svg[data-v-491791b3-s] {
+.icon svg[data-v-3a29482a-s] {
   display: block;
   inline-size: 1em;
   block-size: 1em;
@@ -434,39 +434,39 @@ svg[data-v-abaeb064] {
 }
 
 /* Ordinary icon-plus-text children keep inline ellipsis, with explicit glyph spacing. */
-.label svg[data-v-491791b3-s] {
+.label svg[data-v-3a29482a-s] {
   inline-size: 1em;
   block-size: 1em;
   vertical-align: middle;
   margin-inline-end: var(--ui-space-1);
 }
-.label[data-v-491791b3]:has(svg) {
+.label[data-v-3a29482a]:has(svg) {
   text-box-trim: none;
 }
 
 /* Center the capital/baseline text box, while clipping only inline overflow for ellipsis.
    Vertical ink remains visible so trimming never cuts off ascenders or descenders. */
 @supports (text-box-trim: trim-both) {
-[data-component~="ui-badge"][data-v-491791b3] {
+[data-component~="ui-badge"][data-v-3a29482a] {
     display: inline-block;
     min-block-size: var(--ui-badge-min-block-size, 1.5rem);
     text-align: center;
     align-content: center;
     text-box-trim: none;
 }
-[data-component~="ui-badge"][data-v-491791b3]:has(.icon:not(:empty)),
-  [data-component~="ui-badge"][data-v-491791b3]:has(.label svg) {
+[data-component~="ui-badge"][data-v-3a29482a]:has(.icon:not(:empty)),
+  [data-component~="ui-badge"][data-v-3a29482a]:has(.label svg) {
     display: inline-flex;
     text-box-trim: none;
 }
-.label[data-v-491791b3]:not(:has(svg)) {
+.label[data-v-3a29482a]:not(:has(svg)) {
     text-box-trim: trim-both;
     text-box-edge: cap alphabetic;
     overflow-x: clip;
     overflow-y: visible;
 }
 }
-[data-component~="ui-badge"][data-ui-badge-state~="size=xs"][data-v-491791b3] {
+[data-component~="ui-badge"][data-ui-badge-state~="size=xs"][data-v-3a29482a] {
   box-sizing: border-box;
   min-inline-size: 1rem;
   min-block-size: var(--ui-badge-min-block-size, 1rem);
@@ -476,56 +476,56 @@ svg[data-v-abaeb064] {
   font-size: var(--ui-badge-font-size, var(--ui-font-size-2xs));
   line-height: var(--ui-badge-line-height, 1);
 }
-[data-component~="ui-badge"][data-ui-badge-state~="size=sm"][data-v-491791b3] {
+[data-component~="ui-badge"][data-ui-badge-state~="size=sm"][data-v-3a29482a] {
   font-size: var(--ui-badge-font-size, var(--ui-font-size-2xs));
   line-height: var(--ui-badge-line-height, 1);
 }
-[data-component~="ui-badge"][data-ui-badge-state~="tone=accent"][data-v-491791b3] {
+[data-component~="ui-badge"][data-ui-badge-state~="tone=accent"][data-v-3a29482a] {
   --_badge-surface: var(--ui-accent-strong-surface, var(--ui-accent-solid));
   --_badge-border: var(--ui-accent-strong-surface, var(--ui-accent-solid));
   --_badge-text: var(--ui-accent-on-strong, var(--ui-text-on-accent));
 }
-[data-component~="ui-badge"][data-ui-badge-state~="tone=danger"][data-v-491791b3] {
+[data-component~="ui-badge"][data-ui-badge-state~="tone=danger"][data-v-3a29482a] {
   --_badge-surface: var(--ui-danger-strong-surface, var(--ui-danger-solid));
   --_badge-border: var(--ui-danger-strong-surface, var(--ui-danger-solid));
   --_badge-text: var(--ui-danger-on-strong, var(--ui-text-on-accent));
 }
-[data-component~="ui-badge"][data-ui-badge-state~="tone=success"][data-v-491791b3] {
+[data-component~="ui-badge"][data-ui-badge-state~="tone=success"][data-v-3a29482a] {
   --_badge-surface: var(--ui-success-strong-surface, var(--ui-success-solid));
   --_badge-border: var(--ui-success-strong-surface, var(--ui-success-solid));
   --_badge-text: var(--ui-success-on-strong, var(--ui-text-on-accent));
 }
-[data-component~="ui-badge"][data-ui-badge-state~="tone=warning"][data-v-491791b3] {
+[data-component~="ui-badge"][data-ui-badge-state~="tone=warning"][data-v-3a29482a] {
   --_badge-surface: var(--ui-warning-strong-surface, var(--ui-warning-solid));
   --_badge-border: var(--ui-warning-strong-surface, var(--ui-warning-solid));
   --_badge-text: var(--ui-warning-on-strong, var(--ui-text-on-accent));
 }
-[data-component~="ui-badge"][data-ui-badge-state~="tone=info"][data-v-491791b3] {
+[data-component~="ui-badge"][data-ui-badge-state~="tone=info"][data-v-3a29482a] {
   --_badge-surface: var(--ui-info-strong-surface, var(--ui-info-solid));
   --_badge-border: var(--ui-info-strong-surface, var(--ui-info-solid));
   --_badge-text: var(--ui-info-on-strong, var(--ui-text-on-accent));
 }
-[data-component~="ui-badge"][data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=accent"][data-v-491791b3] {
+[data-component~="ui-badge"][data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=accent"][data-v-3a29482a] {
   --_badge-surface: color-mix(in srgb, var(--ui-accent-solid) 19%, var(--ui-surface-default));
   --_badge-border: color-mix(in srgb, var(--ui-accent-solid) 25%, var(--ui-surface-default));
   --_badge-text: var(--ui-accent-subtle-text, var(--ui-accent-solid));
 }
-[data-component~="ui-badge"][data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=danger"][data-v-491791b3] {
+[data-component~="ui-badge"][data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=danger"][data-v-3a29482a] {
   --_badge-surface: color-mix(in srgb, var(--ui-danger-solid) 19%, var(--ui-surface-default));
   --_badge-border: color-mix(in srgb, var(--ui-danger-solid) 25%, var(--ui-surface-default));
   --_badge-text: var(--ui-danger-subtle-text, var(--ui-danger-solid));
 }
-[data-component~="ui-badge"][data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=success"][data-v-491791b3] {
+[data-component~="ui-badge"][data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=success"][data-v-3a29482a] {
   --_badge-surface: color-mix(in srgb, var(--ui-success-solid) 19%, var(--ui-surface-default));
   --_badge-border: color-mix(in srgb, var(--ui-success-solid) 25%, var(--ui-surface-default));
   --_badge-text: var(--ui-success-subtle-text, var(--ui-success-solid));
 }
-[data-component~="ui-badge"][data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=warning"][data-v-491791b3] {
+[data-component~="ui-badge"][data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=warning"][data-v-3a29482a] {
   --_badge-surface: color-mix(in srgb, var(--ui-warning-solid) 19%, var(--ui-surface-default));
   --_badge-border: color-mix(in srgb, var(--ui-warning-solid) 25%, var(--ui-surface-default));
   --_badge-text: var(--ui-warning-subtle-text, var(--ui-warning-solid));
 }
-[data-component~="ui-badge"][data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=info"][data-v-491791b3] {
+[data-component~="ui-badge"][data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=info"][data-v-3a29482a] {
   --_badge-surface: color-mix(in srgb, var(--ui-info-solid) 19%, var(--ui-surface-default));
   --_badge-border: color-mix(in srgb, var(--ui-info-solid) 25%, var(--ui-surface-default));
   --_badge-text: var(--ui-info-subtle-text, var(--ui-info-solid));
@@ -533,7 +533,7 @@ svg[data-v-abaeb064] {
 
 /* A solid colour fills with the ink. Its text is the page surface, mixed at 0% only so that it too is
    invalid while the hook is unset. */
-[data-component~="ui-badge"][data-ui-badge-state~="variant=solid"][data-v-491791b3] {
+[data-component~="ui-badge"][data-ui-badge-state~="variant=solid"][data-v-3a29482a] {
   --_badge-color-surface: var(--_badge-color-ink);
   --_badge-color-border: var(--_badge-color-ink);
   --_badge-color-text: color-mix(in oklab, var(--_ui-badge-color) 0%, var(--ui-surface-default));
@@ -541,7 +541,7 @@ svg[data-v-abaeb064] {
 
 /* A translucent inverse surface picks up its filled control's tone. Deepen the tone ink
    toward the theme text to retain contrast against that composed surface. */
-[data-component~="ui-badge"][data-ui-badge-state~="variant=inverse"][data-v-491791b3] {
+[data-component~="ui-badge"][data-ui-badge-state~="variant=inverse"][data-v-3a29482a] {
   --_badge-color-surface: color-mix(
     in srgb,
     color-mix(in oklab, var(--_ui-badge-color) 0%, var(--ui-surface-default)) 88%,
@@ -567,7 +567,7 @@ svg[data-v-abaeb064] {
 
 /* A circular count has a tone-tinted surface, a separate lighter rim and readable tone ink.
    Dark controls retain a shaded surface and theme ink with a quieter rim. */
-[data-component~="ui-badge"][data-ui-badge-state~="variant=inverse"][data-ui-badge-state~="shape=circle"][data-v-491791b3] {
+[data-component~="ui-badge"][data-ui-badge-state~="variant=inverse"][data-ui-badge-state~="shape=circle"][data-v-3a29482a] {
   --_badge-color-surface: light-dark(
     color-mix(
       in srgb,
@@ -633,12 +633,24 @@ svg[data-v-abaeb064] {
   box-shadow: 0 1px 1px light-dark(rgb(0 0 0 / 0.08), rgb(0 0 0 / 0.12));
 }
 
+/* A count can keep its containing control's contrasting ink instead of reversing it.
+   The faint fill is painted over that control; no second rim or shadow competes with it. */
+[data-component~="ui-badge"][data-ui-badge-state~="variant=overlay"][data-v-3a29482a] {
+  --_badge-outline-surface: var(
+    --ui-badge-surface,
+    color-mix(in srgb, currentColor 10%, transparent)
+  );
+  color: var(--ui-badge-text, inherit);
+  border-color: var(--ui-badge-border, transparent);
+  box-shadow: none;
+}
+
 /* Neutral reverses a subtle surface/ink pair rather than a strong tone. Keep its original
    surface ink: moving it toward dark-theme primary text would reduce overlay contrast. */
-[data-component~="ui-badge"][data-ui-badge-state~="variant=inverse"][data-ui-badge-state~="tone=neutral"][data-v-491791b3] {
+[data-component~="ui-badge"][data-ui-badge-state~="variant=inverse"][data-ui-badge-state~="tone=neutral"][data-v-3a29482a] {
   color: var(--ui-badge-text, var(--_badge-color-text, var(--_badge-surface)));
 }
-[data-component~="ui-badge"][data-ui-badge-state~="variant=outline"][data-v-491791b3] {
+[data-component~="ui-badge"][data-ui-badge-state~="variant=outline"][data-v-3a29482a] {
   --_badge-surface: var(--ui-surface-default);
   --_badge-border: var(--ui-border-strong);
   --_badge-text: var(--ui-text-secondary);
@@ -646,29 +658,29 @@ svg[data-v-abaeb064] {
   --_badge-color-surface: initial;
   --_badge-color-border: var(--_badge-color-ink);
 }
-[data-component~="ui-badge"][data-ui-badge-state~="variant=outline"][data-ui-badge-state~="tone=accent"][data-v-491791b3] {
+[data-component~="ui-badge"][data-ui-badge-state~="variant=outline"][data-ui-badge-state~="tone=accent"][data-v-3a29482a] {
   --_badge-border: var(--ui-accent-solid);
   --_badge-text: var(--ui-accent-subtle-text, var(--ui-accent-solid));
 }
-[data-component~="ui-badge"][data-ui-badge-state~="variant=outline"][data-ui-badge-state~="tone=danger"][data-v-491791b3] {
+[data-component~="ui-badge"][data-ui-badge-state~="variant=outline"][data-ui-badge-state~="tone=danger"][data-v-3a29482a] {
   --_badge-border: var(--ui-danger-solid);
   --_badge-text: var(--ui-danger-subtle-text, var(--ui-danger-solid));
 }
-[data-component~="ui-badge"][data-ui-badge-state~="variant=outline"][data-ui-badge-state~="tone=success"][data-v-491791b3] {
+[data-component~="ui-badge"][data-ui-badge-state~="variant=outline"][data-ui-badge-state~="tone=success"][data-v-3a29482a] {
   --_badge-border: var(--ui-success-solid);
   --_badge-text: var(--ui-success-subtle-text, var(--ui-success-solid));
 }
-[data-component~="ui-badge"][data-ui-badge-state~="variant=outline"][data-ui-badge-state~="tone=warning"][data-v-491791b3] {
+[data-component~="ui-badge"][data-ui-badge-state~="variant=outline"][data-ui-badge-state~="tone=warning"][data-v-3a29482a] {
   --_badge-border: var(--ui-warning-solid);
   --_badge-text: var(--ui-warning-subtle-text, var(--ui-warning-solid));
 }
-[data-component~="ui-badge"][data-ui-badge-state~="variant=outline"][data-ui-badge-state~="tone=info"][data-v-491791b3] {
+[data-component~="ui-badge"][data-ui-badge-state~="variant=outline"][data-ui-badge-state~="tone=info"][data-v-3a29482a] {
   --_badge-border: var(--ui-info-solid);
   --_badge-text: var(--ui-info-subtle-text, var(--ui-info-solid));
 }
 
 /* An icon mark keeps the existing tone recipe and follows the global spacing and radius. */
-[data-component~="ui-badge"][data-ui-badge-state~="shape=square"][data-v-491791b3] {
+[data-component~="ui-badge"][data-ui-badge-state~="shape=square"][data-v-3a29482a] {
   --_badge-square-size: var(--ui-badge-square-size, calc(var(--ui-space-4) * 2));
   display: inline-flex;
   box-sizing: border-box;
@@ -681,29 +693,29 @@ svg[data-v-abaeb064] {
   border-radius: var(--ui-radius-md);
   text-box-trim: none;
 }
-[data-component~="ui-badge"][data-ui-badge-state~="shape=square"][data-ui-badge-state~="size=xs"][data-v-491791b3] {
+[data-component~="ui-badge"][data-ui-badge-state~="shape=square"][data-ui-badge-state~="size=xs"][data-v-3a29482a] {
   --_badge-square-size: var(--ui-badge-square-size, calc(var(--ui-space-3) * 2));
 }
-[data-component~="ui-badge"][data-ui-badge-state~="shape=square"][data-ui-badge-state~="size=lg"][data-v-491791b3] {
+[data-component~="ui-badge"][data-ui-badge-state~="shape=square"][data-ui-badge-state~="size=lg"][data-v-3a29482a] {
   --_badge-square-size: var(
     --ui-badge-square-size,
     calc(var(--ui-space-4) * 2 + var(--ui-space-2))
   );
 }
-[data-component~="ui-badge"][data-ui-badge-state~="shape=square"] .label[data-v-491791b3] {
+[data-component~="ui-badge"][data-ui-badge-state~="shape=square"] .label[data-v-3a29482a] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
 }
-[data-component~="ui-badge"][data-ui-badge-state~="shape=square"] .label svg[data-v-491791b3-s] {
+[data-component~="ui-badge"][data-ui-badge-state~="shape=square"] .label svg[data-v-3a29482a-s] {
   margin-inline-end: 0;
 }
-[data-component~="ui-badge"][data-ui-badge-state~="shape=square"] .label[data-v-491791b3]:empty {
+[data-component~="ui-badge"][data-ui-badge-state~="shape=square"] .label[data-v-3a29482a]:empty {
   display: none;
 }
 
 /* A visible glyph needs fixed geometry, unlike a content-sized pill or a hidden-label dot. */
-[data-component~="ui-badge"][data-ui-badge-state~="shape=circle"][data-v-491791b3] {
+[data-component~="ui-badge"][data-ui-badge-state~="shape=circle"][data-v-3a29482a] {
   --_badge-circle-size: var(--ui-badge-circle-size, calc(var(--ui-space-3) * 2));
   display: inline-flex;
   flex: none;
@@ -715,31 +727,34 @@ svg[data-v-abaeb064] {
   border-radius: var(--ui-radius-round);
   text-box-trim: none;
 }
-[data-component~="ui-badge"][data-ui-badge-state~="shape=circle"][data-ui-badge-state~="size=xs"][data-v-491791b3] {
+[data-component~="ui-badge"][data-ui-badge-state~="shape=circle"][data-ui-badge-state~="size=sm"][data-ui-badge-state~="variant=overlay"][data-v-3a29482a] {
+  --_badge-circle-size: var(--ui-badge-circle-size, calc(var(--ui-space-4) + var(--ui-space-1)));
+}
+[data-component~="ui-badge"][data-ui-badge-state~="shape=circle"][data-ui-badge-state~="size=xs"][data-v-3a29482a] {
   --_badge-circle-size: var(--ui-badge-circle-size, var(--ui-space-4));
 }
-[data-component~="ui-badge"][data-ui-badge-state~="shape=circle"][data-ui-badge-state~="size=lg"][data-v-491791b3] {
+[data-component~="ui-badge"][data-ui-badge-state~="shape=circle"][data-ui-badge-state~="size=lg"][data-v-3a29482a] {
   --_badge-circle-size: var(--ui-badge-circle-size, calc(var(--ui-space-4) * 2));
 }
-[data-component~="ui-badge"][data-ui-badge-state~="shape=circle"] .label[data-v-491791b3] {
+[data-component~="ui-badge"][data-ui-badge-state~="shape=circle"] .label[data-v-3a29482a] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   line-height: 1;
   text-box-trim: none;
 }
-[data-component~="ui-badge"][data-ui-badge-state~="shape=circle"] .label svg[data-v-491791b3-s] {
+[data-component~="ui-badge"][data-ui-badge-state~="shape=circle"] .label svg[data-v-3a29482a-s] {
   margin-inline-end: 0;
 }
-[data-component~="ui-badge"][data-ui-badge-state~="shape=circle"] .label[data-v-491791b3]:empty {
+[data-component~="ui-badge"][data-ui-badge-state~="shape=circle"] .label[data-v-3a29482a]:empty {
   display: none;
 }
 
 /* Center capital and numeral ink, rather than the font's ascent/descent line box.
    Icon labels retain flex geometry; untrimmed browsers keep that fallback too. */
 @supports (text-box-trim: trim-both) {
-[data-component~="ui-badge"][data-ui-badge-state~="shape=circle"] .label[data-v-491791b3]:not(:has(svg)),
-  [data-component~="ui-badge"][data-ui-badge-state~="shape=square"] .label[data-v-491791b3]:not(:has(svg)) {
+[data-component~="ui-badge"][data-ui-badge-state~="shape=circle"] .label[data-v-3a29482a]:not(:has(svg)),
+  [data-component~="ui-badge"][data-ui-badge-state~="shape=square"] .label[data-v-3a29482a]:not(:has(svg)) {
     display: block;
     text-box-trim: trim-both;
     text-box-edge: cap alphabetic;
@@ -748,7 +763,7 @@ svg[data-v-abaeb064] {
 }
 
 /* A dot uses the badge's tone recipe; only its silhouette and visible label change. */
-[data-component~="ui-badge"][data-ui-badge-state~="shape=dot"][data-v-491791b3] {
+[data-component~="ui-badge"][data-ui-badge-state~="shape=dot"][data-v-3a29482a] {
   position: relative;
   box-sizing: border-box;
   flex: none;
@@ -760,7 +775,7 @@ svg[data-v-abaeb064] {
   border-radius: var(--ui-radius-round);
   text-box-trim: none;
 }
-[data-component~="ui-badge"][data-ui-badge-state~="shape=dot"] .label[data-v-491791b3] {
+[data-component~="ui-badge"][data-ui-badge-state~="shape=dot"] .label[data-v-3a29482a] {
   position: absolute;
   inline-size: 1px;
   block-size: 1px;
@@ -771,7 +786,7 @@ svg[data-v-abaeb064] {
 
 /* The clipped point needs an inset surface over an outer border-colour shape: a native border
    has no diagonal edge to follow. Keep this edge for every tag variant. */
-[data-component~="ui-badge"][data-ui-badge-state~="shape=tag"][data-v-491791b3] {
+[data-component~="ui-badge"][data-ui-badge-state~="shape=tag"][data-v-3a29482a] {
   --_badge-point: var(--ui-badge-point, var(--ui-space-2));
 
   position: relative;
@@ -788,7 +803,7 @@ svg[data-v-abaeb064] {
     0 100%
   );
 }
-[data-component~="ui-badge"][data-ui-badge-state~="shape=tag"][data-v-491791b3]::before {
+[data-component~="ui-badge"][data-ui-badge-state~="shape=tag"][data-v-3a29482a]::before {
   content: "";
   position: absolute;
   inset: 0;
@@ -803,37 +818,37 @@ svg[data-v-abaeb064] {
   );
   pointer-events: none;
 }
-[data-component~="ui-badge"][data-ui-badge-state~="shape=tag"][data-ui-badge-state~="variant=inverse"][data-v-491791b3] {
+[data-component~="ui-badge"][data-ui-badge-state~="shape=tag"][data-ui-badge-state~="variant=inverse"][data-v-3a29482a] {
   background: var(--ui-badge-border, var(--_badge-color-border, var(--_badge-text)));
 }
-[data-component~="ui-badge"][data-ui-badge-state~="shape=tag"][data-v-491791b3]:dir(rtl) {
+[data-component~="ui-badge"][data-ui-badge-state~="shape=tag"][data-v-3a29482a]:dir(rtl) {
   padding-inline-end: var(--ui-badge-padding-inline, var(--ui-space-2));
   padding-inline-start: calc(
     var(--ui-badge-padding-inline, var(--ui-space-2)) + var(--_badge-point)
   );
   clip-path: polygon(var(--_badge-point) 0, 100% 0, 100% 100%, var(--_badge-point) 100%, 0 50%);
 }
-[data-component~="ui-badge"][data-ui-badge-state~="shape=tag"][data-v-491791b3]:dir(rtl)::before {
+[data-component~="ui-badge"][data-ui-badge-state~="shape=tag"][data-v-3a29482a]:dir(rtl)::before {
   clip-path: polygon(var(--_badge-point) 0, 100% 0, 100% 100%, var(--_badge-point) 100%, 0 50%);
 }
 @media (forced-colors: active) {
-[data-component~="ui-badge"][data-ui-badge-state~="shape=dot"][data-v-491791b3] {
+[data-component~="ui-badge"][data-ui-badge-state~="shape=dot"][data-v-3a29482a] {
     forced-color-adjust: none;
     border-color: CanvasText;
     background: CanvasText;
 }
-[data-component~="ui-badge"][data-ui-badge-state~="shape=tag"][data-v-491791b3] {
+[data-component~="ui-badge"][data-ui-badge-state~="shape=tag"][data-v-3a29482a] {
     forced-color-adjust: none;
     background: CanvasText;
     color: CanvasText;
 }
-[data-component~="ui-badge"][data-ui-badge-state~="shape=tag"][data-v-491791b3]::before {
+[data-component~="ui-badge"][data-ui-badge-state~="shape=tag"][data-v-3a29482a]::before {
     background: Canvas;
 }
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-badge"][hidden][data-v-491791b3] {
+[data-component~="ui-badge"][hidden][data-v-3a29482a] {
   display: none;
 }
 
@@ -1581,7 +1596,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 +1612,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 +1675,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 +2835,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 +2857,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 +2936,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 +2972,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 +2994,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 +3023,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 +3042,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 +3052,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 +3090,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 +3519,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 +3536,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 +3547,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 +3592,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 +3600,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 +3623,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 +3722,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 +3740,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 +3757,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 +3802,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 +3816,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 +3835,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 +3858,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 +3883,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 +3980,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 +4003,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 +4023,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 +4064,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 +4076,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 +4088,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 +4398,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 +4408,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 +4427,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 +4458,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 +4510,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 +4523,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 +4546,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 +6226,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 +6243,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 +6274,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 +7523,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 +7538,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 +7556,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 +7585,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 +7600,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 +7625,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 +7657,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 +7670,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 +7691,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 +7707,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 +9110,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 +9141,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;
 }