@threadlabs/looma 0.4.0 → 0.5.0

package/vue/components.css

@@ -0,0 +1,4405 @@
+
+[data-component~="ui-affordance-scope"][data-v-650ceaf5] {
+      display: contents;
+      --ui-affordance-scope-engaged: 0;
+}
+[data-component~="ui-affordance-scope"][data-ui-affordance-scope-state~="engaged"][data-v-650ceaf5] {
+      --ui-affordance-scope-engaged: 1;
+}
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
+[data-component~="ui-affordance-scope"][hidden][data-v-650ceaf5] {
+      display: none;
+}
+
+[data-component~="ui-avatar"][data-v-110795c3] {
+      display: inline-grid;
+      place-items: center;
+      overflow: hidden;
+      inline-size: 2.5rem;
+      block-size: 2.5rem;
+      border-radius: 999px;
+      border: 1px solid var(--ui-avatar-border, var(--ui-border-strong));
+      background: var(--ui-avatar-surface, var(--ui-accent-soft));
+      color: var(--ui-avatar-text, var(--ui-accent-solid));
+      font: inherit;
+      font-size: 0.875rem;
+      font-weight: 600;
+      text-transform: uppercase;
+}
+.image[data-v-110795c3],img[data-v-110795c3-s] {
+      grid-area: 1 / 1;
+      inline-size: 100%;
+      block-size: 100%;
+      object-fit: cover;
+}
+.fallback[data-v-110795c3] {
+      grid-area: 1 / 1;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      inline-size: 100%;
+      block-size: 100%;
+}
+[hidden][data-v-110795c3] {
+      display: none;
+}
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
+[data-component~="ui-avatar"][hidden][data-v-110795c3] {
+      display: none;
+}
+
+[data-component~="ui-avatar-group"][data-v-e211803c] {
+      display: flex;
+      align-items: center;
+      flex-direction: row;
+      gap: 0;
+}
+
+    /* Overlap and the separating shadow are applied by the controller: slotted avatars are nested
+     * component roots outside this style scope. */
+[data-v-e211803c-s] {
+      margin-inline-start: -0.625rem;
+      flex-shrink: 0;
+      border-radius: 999px;
+}
+[data-v-e211803c-s]:first-child {
+      margin-inline-start: 0;
+}
+.overflow[data-v-e211803c] {
+      margin-inline-start: -0.625rem;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      inline-size: 2.5rem;
+      block-size: 2.5rem;
+      border-radius: 999px;
+      border: 1px solid var(--ui-border-strong);
+      background: var(--ui-surface-elevated);
+      color: var(--ui-text-primary);
+      box-shadow:
+        var(--ui-avatar-group-overlap-shadow, -2px 0 5px -1px rgb(0 0 0 / 0.28)),
+        0 0 0 1px rgb(0 0 0 / 0.06);
+      font: inherit;
+      font-size: 0.75rem;
+      font-weight: 600;
+      flex-shrink: 0;
+}
+.overflow[hidden][data-v-e211803c] {
+      display: none;
+}
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
+[data-component~="ui-avatar-group"][hidden][data-v-e211803c] {
+      display: none;
+}
+
+[data-component~="ui-badge"][data-v-35c8472c] {
+      --_badge-surface: var(--ui-surface-subtle);
+      --_badge-text: var(--ui-text-secondary);
+      --_badge-border: color-mix(in srgb, var(--ui-text-secondary) 30%, transparent);
+
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      max-width: 100%;
+      padding: var(--ui-badge-padding-block, var(--ui-space-0-5)) var(--ui-badge-padding-inline, var(--ui-space-2));
+      border: 1px solid var(--ui-badge-border, var(--_badge-border));
+      border-radius: var(--ui-radius-round);
+      background: var(--ui-badge-surface, var(--_badge-surface));
+      color: var(--ui-badge-text, var(--_badge-text));
+      font-family: var(--ui-font-family-sans);
+      font-size: var(--ui-badge-font-size, var(--ui-font-size-sm));
+      font-weight: var(--ui-badge-font-weight, var(--ui-font-medium));
+      line-height: var(--ui-badge-line-height, var(--ui-line-height-tight));
+      white-space: nowrap;
+}
+[data-component~="ui-badge"][data-ui-badge-state~="tone=accent"][data-v-35c8472c] {
+      --_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-35c8472c] {
+      --_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-35c8472c] {
+      --_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-35c8472c] {
+      --_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-35c8472c] {
+      --_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-35c8472c] {
+      --_badge-surface: var(--ui-accent-soft);
+      --_badge-border: var(--ui-accent-soft);
+      --_badge-text: var(--ui-accent-subtle-text, var(--ui-accent-solid));
+}
+[data-component~="ui-badge"][data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=danger"][data-v-35c8472c] {
+      --_badge-surface: var(--ui-danger-soft);
+      --_badge-border: var(--ui-danger-soft);
+      --_badge-text: var(--ui-danger-subtle-text, var(--ui-danger-solid));
+}
+[data-component~="ui-badge"][data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=success"][data-v-35c8472c] {
+      --_badge-surface: var(--ui-success-soft);
+      --_badge-border: var(--ui-success-soft);
+      --_badge-text: var(--ui-success-subtle-text, var(--ui-success-solid));
+}
+[data-component~="ui-badge"][data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=warning"][data-v-35c8472c] {
+      --_badge-surface: var(--ui-warning-soft);
+      --_badge-border: var(--ui-warning-soft);
+      --_badge-text: var(--ui-warning-subtle-text, var(--ui-warning-solid));
+}
+[data-component~="ui-badge"][data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=info"][data-v-35c8472c] {
+      --_badge-surface: var(--ui-info-soft);
+      --_badge-border: var(--ui-info-soft);
+      --_badge-text: var(--ui-info-subtle-text, var(--ui-info-solid));
+}
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
+[data-component~="ui-badge"][hidden][data-v-35c8472c] {
+      display: none;
+}
+
+[data-component~="ui-button"][data-v-c8f3a3fb] {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      vertical-align: middle;
+      color: var(--ui-action-secondary-text, var(--ui-text-primary));
+}
+[data-component~="ui-button"][data-ui-button-state~="variant=solid"][data-v-c8f3a3fb] {
+      color: var(--ui-action-primary-text, var(--ui-text-on-accent));
+}
+[data-component~="ui-button"][data-v-c8f3a3fb] {
+      appearance: none;
+      min-block-size: var(--ui-button-min-block-size, var(--ui-control-size-md, 2.5rem));
+      border: 1px solid var(--ui-button-border, var(--ui-border-strong));
+      border-radius: var(--ui-button-radius, var(--ui-radius-2));
+      background: var(--ui-button-surface, var(--ui-surface-elevated));
+      color: var(--ui-button-text, var(--ui-action-secondary-text, var(--ui-text-primary)));
+      font: inherit;
+      font-weight: var(--ui-font-medium, 500);
+      line-height: var(--ui-line-height-tight);
+      padding: var(--ui-space-2) var(--ui-space-3);
+      background-image: var(--ui-raised-highlight, none);
+      box-shadow: var(--ui-button-shadow, var(--ui-raised, var(--ui-shadow-xs)));
+      cursor: pointer;
+      transition:
+        background-color var(--ui-motion-fast) var(--ui-motion-ease),
+        border-color var(--ui-motion-fast) var(--ui-motion-ease),
+        color var(--ui-motion-fast) var(--ui-motion-ease),
+        box-shadow var(--ui-motion-fast) var(--ui-motion-ease),
+        transform var(--ui-motion-fast) var(--ui-motion-ease);
+      margin: 0;
+}
+@supports (text-box-trim: trim-both) {
+[data-component~="ui-button"][data-v-c8f3a3fb] {
+        text-box-trim: trim-both;
+        text-box-edge: cap alphabetic;
+}
+}
+[data-component~="ui-button"][data-ui-button-state~="size=sm"][data-v-c8f3a3fb] {
+      min-block-size: var(--ui-control-size-sm, 2rem);
+      padding: var(--ui-space-1) var(--ui-space-2);
+      font-size: 0.875rem;
+}
+[data-component~="ui-button"][data-ui-button-state~="size=lg"][data-v-c8f3a3fb] {
+      min-block-size: var(--ui-control-size-lg, 3rem);
+      padding: var(--ui-space-3) var(--ui-space-4);
+      font-size: 1rem;
+}
+[data-component~="ui-button"][data-v-c8f3a3fb]:hover:enabled {
+      background: var(--ui-action-secondary-surface-hover, var(--ui-surface-muted));
+      border-color: var(--ui-control-border-hover, var(--ui-border-strong));
+}
+[data-component~="ui-button"][data-v-c8f3a3fb]:active:enabled {
+      background: var(--ui-surface-subtle);
+}
+[data-component~="ui-button"][data-ui-button-state~="variant=solid"][data-v-c8f3a3fb] {
+      border-color: var(--ui-action-primary-surface, var(--ui-accent-solid));
+      background: var(--ui-action-primary-surface, var(--ui-accent-solid));
+      color: var(--ui-action-primary-text, var(--ui-text-on-accent));
+      box-shadow: var(--ui-button-solid-shadow, inset 0 1px rgb(255 255 255 / 0.16), var(--ui-shadow-xs));
+}
+[data-component~="ui-button"][data-ui-button-state~="variant=solid"][data-v-c8f3a3fb]:hover:enabled {
+      background: var(--ui-action-primary-surface-hover, var(--ui-accent-hover));
+      border-color: var(--ui-action-primary-surface-hover, var(--ui-accent-hover));
+      box-shadow: var(--ui-shadow-sm);
+      transform: translateY(-1px);
+}
+[data-component~="ui-button"][data-ui-button-state~="variant=solid"][data-v-c8f3a3fb]:active:enabled {
+      background: var(--ui-action-primary-surface-active, var(--ui-accent-active));
+      border-color: var(--ui-action-primary-surface-active, var(--ui-accent-active));
+      box-shadow: none;
+      transform: translateY(0);
+}
+[data-component~="ui-button"][data-ui-button-state~="variant=danger"][data-v-c8f3a3fb] {
+      border-color: var(--ui-danger-solid);
+      background: var(--ui-danger-solid);
+      color: var(--ui-text-on-accent);
+      box-shadow: var(--ui-button-danger-shadow, inset 0 1px rgb(255 255 255 / 0.14), var(--ui-shadow-xs));
+}
+[data-component~="ui-button"][data-ui-button-state~="variant=danger"][data-v-c8f3a3fb]:hover:enabled {
+      background: var(--ui-danger-hover);
+      border-color: var(--ui-danger-hover);
+      box-shadow: var(--ui-shadow-sm);
+      transform: translateY(-1px);
+}
+[data-component~="ui-button"][data-ui-button-state~="variant=danger"][data-v-c8f3a3fb]:active:enabled {
+      box-shadow: none;
+      transform: translateY(0);
+}
+[data-component~="ui-button"][data-ui-button-state~="variant=ghost"][data-v-c8f3a3fb] {
+      border-color: transparent;
+      background: transparent;
+      box-shadow: none;
+}
+
+    /* Tints derive from the text colour, not a surface token, so hover and press show on any background. */
+[data-component~="ui-button"][data-ui-button-state~="variant=ghost"][data-v-c8f3a3fb]:hover:enabled {
+      background: var(--ui-button-ghost-hover, color-mix(in srgb, currentColor 8%, transparent));
+      border-color: transparent;
+}
+[data-component~="ui-button"][data-ui-button-state~="variant=ghost"][data-v-c8f3a3fb]:active:enabled {
+      background: var(--ui-button-ghost-active, color-mix(in srgb, currentColor 14%, transparent));
+      border-color: transparent;
+}
+
+    /* A soft halo that transitions in with the other box-shadow changes, layered on the raised shadow. */
+[data-component~="ui-button"][data-v-c8f3a3fb]:focus-visible {
+      outline: none;
+      box-shadow:
+        var(--ui-button-shadow, var(--ui-raised, var(--ui-shadow-xs))),
+        var(--ui-focus-halo);
+}
+[data-component~="ui-button"][data-ui-button-state~="variant=solid"][data-v-c8f3a3fb]:focus-visible {
+      box-shadow:
+        var(--ui-button-solid-shadow, inset 0 1px rgb(255 255 255 / 0.16), var(--ui-shadow-xs)),
+        var(--ui-focus-halo);
+}
+[data-component~="ui-button"][data-v-c8f3a3fb]:disabled {
+      opacity: 0.6;
+      cursor: not-allowed;
+}
+@media (pointer: coarse) {
+[data-component~="ui-button"][data-v-c8f3a3fb] {
+        min-block-size: var(--ui-control-min-block-size, 2.75rem);
+}
+}
+
+    /* Link: an inline text action. No box, padding, or minimum height (inline targets are exempt under
+       WCAG 2.5.8); the inherited font; an underline that strengthens on hover; a visible focus ring. */
+[data-component~="ui-button"][data-ui-button-state~="variant=link"][data-v-c8f3a3fb] {
+      display: inline;
+      min-block-size: 0;
+      padding: 0;
+      border: 0;
+      border-radius: var(--ui-radius-sm, 4px);
+      background: none;
+      box-shadow: none;
+      font: inherit;
+      color: var(--ui-button-link-color, var(--ui-text-secondary));
+      text-decoration-line: underline;
+      text-decoration-thickness: 1px;
+      text-decoration-color: color-mix(in srgb, currentColor 40%, transparent);
+      text-underline-offset: 0.2em;
+      transition: color var(--ui-motion-fast) var(--ui-motion-ease), text-decoration-color var(--ui-motion-fast) var(--ui-motion-ease);
+}
+[data-component~="ui-button"][data-ui-button-state~="variant=link"][data-v-c8f3a3fb]:hover:enabled {
+      color: var(--ui-button-link-hover-color, var(--ui-text-primary));
+      text-decoration-color: currentColor;
+      background: none;
+      transform: none;
+}
+[data-component~="ui-button"][data-ui-button-state~="variant=link"][data-v-c8f3a3fb]:active:enabled {
+      background: none;
+      transform: none;
+}
+[data-component~="ui-button"][data-ui-button-state~="variant=link"][data-v-c8f3a3fb]:focus-visible {
+      box-shadow: none;
+      /* Fallback keeps the ring if the token is missing: an unresolved var() would void the outline. */
+      outline: 2px solid var(--ui-focus-ring, currentColor);
+      outline-offset: 2px;
+}
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
+[data-component~="ui-button"][hidden][data-v-c8f3a3fb] {
+      display: none;
+}
+
+[data-component~="ui-callout"][data-v-347d550e] {
+      --_callout-surface: var(--ui-info-soft);
+      --_callout-border: var(--ui-info-solid);
+      --_callout-icon: var(--ui-info-solid);
+
+      display: grid;
+      grid-template-columns: var(--ui-callout-icon-column, 1.125rem) minmax(0, 1fr);
+      gap: var(--ui-callout-gap, calc(var(--ui-space-2) * 0.75));
+      align-items: start;
+      max-width: 100%;
+      padding: var(--ui-callout-padding-block, var(--ui-space-2)) var(--ui-callout-padding-inline, var(--ui-space-3));
+      border: var(--ui-callout-border-width, 1px) solid color-mix(in srgb, var(--ui-callout-border, var(--_callout-border)) 35%, transparent);
+      border-inline-start: var(--ui-callout-leading-border-width, 4px) solid var(--ui-callout-border, var(--_callout-border));
+      border-radius: var(--ui-radius-2);
+      background: var(--ui-callout-surface, var(--_callout-surface));
+      color: var(--ui-callout-text, var(--ui-text-primary));
+      font-family: var(--ui-font-family-sans);
+      font-size: var(--ui-font-size-sm);
+      font-weight: var(--ui-font-normal);
+      line-height: var(--ui-line-height-md);
+}
+
+    /* One line box tall, so the icon centres on the first line of text. */
+.icon[data-v-347d550e] {
+      display: grid;
+      place-items: center;
+      inline-size: var(--ui-callout-icon-column, 1.125rem);
+      block-size: 1lh;
+      color: var(--ui-callout-icon, var(--_callout-icon));
+}
+.icon svg[data-v-347d550e] {
+      inline-size: var(--ui-callout-icon-size, 1.125rem);
+      block-size: var(--ui-callout-icon-size, 1.125rem);
+}
+.content[data-v-347d550e] {
+      min-inline-size: 0;
+}
+[data-component~="ui-callout"][data-ui-callout-state~="tone=note"][data-v-347d550e] {
+      --_callout-surface: var(--ui-surface-muted);
+      --_callout-border: var(--ui-border-strong);
+      --_callout-icon: var(--ui-text-secondary);
+}
+[data-component~="ui-callout"][data-ui-callout-state~="tone=warning"][data-v-347d550e] {
+      --_callout-surface: var(--ui-warning-soft);
+      --_callout-border: var(--ui-warning-solid);
+      --_callout-icon: var(--ui-warning-solid);
+}
+[data-component~="ui-callout"][data-ui-callout-state~="tone=success"][data-v-347d550e] {
+      --_callout-surface: var(--ui-success-soft);
+      --_callout-border: var(--ui-success-solid);
+      --_callout-icon: var(--ui-success-solid);
+}
+[data-component~="ui-callout"][data-ui-callout-state~="tone=danger"][data-v-347d550e] {
+      --_callout-surface: var(--ui-danger-soft);
+      --_callout-border: var(--ui-danger-solid);
+      --_callout-icon: var(--ui-danger-solid);
+}
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
+[data-component~="ui-callout"][hidden][data-v-347d550e] {
+      display: none;
+}
+
+[data-component~="ui-checkbox"][data-v-d4d97fc0] {
+      display: inline-flex;
+      align-items: flex-start;
+      gap: var(--ui-checkbox-gap, var(--ui-space-2));
+      max-inline-size: 100%;
+      color: var(--ui-text-primary);
+      cursor: pointer;
+}
+.label[data-v-d4d97fc0] {
+      min-inline-size: 0;
+      line-height: var(--ui-line-height-md);
+}
+input[data-v-d4d97fc0] {
+      appearance: none;
+      -webkit-appearance: none;
+      position: relative;
+      flex: 0 0 auto;
+      inline-size: var(--ui-checkbox-size, 1.125rem);
+      block-size: var(--ui-checkbox-size, 1.125rem);
+      margin: 0.125em 0 0;
+      border: 1px solid var(--ui-control-border-hover, var(--ui-border-strong));
+      border-radius: var(--ui-radius-1);
+      background: var(--ui-control-surface, var(--ui-surface-default));
+      box-shadow: inset 0 1px 2px color-mix(in srgb, var(--ui-text-primary) 8%, transparent);
+      cursor: pointer;
+      transition:
+        background-color var(--ui-motion-fast) var(--ui-motion-ease),
+        border-color var(--ui-motion-fast) var(--ui-motion-ease),
+        box-shadow var(--ui-motion-fast) var(--ui-motion-ease);
+}
+input[data-v-d4d97fc0]::after {
+      content: "";
+      position: absolute;
+      opacity: 0;
+}
+input[data-v-d4d97fc0]:checked,
+    input[data-v-d4d97fc0]:indeterminate {
+      border-color: var(--ui-accent-solid);
+      background: var(--ui-accent-solid);
+      box-shadow: inset 0 1px 2px color-mix(in srgb, #000 16%, transparent);
+}
+
+    /* Centre the tick's box, then lift it: a rotated L's ink sits ~0.11rem below its box centre. */
+input[data-v-d4d97fc0]:checked::after {
+      inset: 0;
+      margin: auto;
+      inline-size: 0.32rem;
+      block-size: 0.58rem;
+      border: solid var(--ui-text-on-accent);
+      border-width: 0 0.125rem 0.125rem 0;
+      opacity: 1;
+      transform: translateY(-0.11rem) rotate(45deg);
+}
+input[data-v-d4d97fc0]:indeterminate::after {
+      inset: 50% 0.23rem auto;
+      block-size: 0.125rem;
+      border-radius: var(--ui-radius-round);
+      background: var(--ui-text-on-accent);
+      opacity: 1;
+      transform: translateY(-50%);
+}
+input[data-v-d4d97fc0]:hover:enabled {
+      border-color: var(--ui-accent-solid);
+}
+input[data-v-d4d97fc0]:focus-visible {
+      outline: 2px solid var(--ui-focus-ring, var(--ui-accent-solid));
+      outline-offset: 2px;
+}
+[data-component~="ui-checkbox"][data-ui-checkbox-state~="disabled"][data-v-d4d97fc0] {
+      color: var(--ui-text-muted);
+      cursor: not-allowed;
+}
+[data-component~="ui-checkbox"][data-ui-checkbox-state~="disabled"] input[data-v-d4d97fc0] {
+      border-color: var(--ui-border-default);
+      background: var(--ui-control-surface-disabled, var(--ui-surface-muted));
+      cursor: not-allowed;
+}
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
+[data-component~="ui-checkbox"][hidden][data-v-d4d97fc0] {
+      display: none;
+}
+
+[data-component~="ui-cluster"][data-v-f41ac461] {
+      --_layout-gap: var(--ui-space-3, 0.75rem);
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      gap: var(--ui-layout-gap, var(--_layout-gap));
+      min-inline-size: 0;
+      max-inline-size: 100%;
+      margin: 0;
+}
+[data-component~="ui-cluster"][data-ui-cluster-state~="gap=xs"][data-v-f41ac461] {
+      --_layout-gap: var(--ui-space-2, 0.5rem);
+}
+[data-component~="ui-cluster"][data-ui-cluster-state~="gap=s"][data-v-f41ac461] {
+      --_layout-gap: var(--ui-space-3, 0.75rem);
+}
+[data-component~="ui-cluster"][data-ui-cluster-state~="gap=m"][data-v-f41ac461] {
+      --_layout-gap: var(--ui-space-4, 1rem);
+}
+[data-component~="ui-cluster"][data-ui-cluster-state~="gap=l"][data-v-f41ac461] {
+      --_layout-gap: var(--ui-space-5, 1.5rem);
+}
+[data-component~="ui-cluster"][data-ui-cluster-state~="gap=xl"][data-v-f41ac461] {
+      --_layout-gap: var(--ui-space-6, 2rem);
+}
+[data-component~="ui-cluster"][data-ui-cluster-state~="align=start"][data-v-f41ac461] {
+      align-items: flex-start;
+}
+[data-component~="ui-cluster"][data-ui-cluster-state~="align=end"][data-v-f41ac461] {
+      align-items: flex-end;
+}
+[data-component~="ui-cluster"][data-ui-cluster-state~="align=stretch"][data-v-f41ac461] {
+      align-items: stretch;
+}
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
+[data-component~="ui-cluster"][hidden][data-v-f41ac461] {
+      display: none;
+}
+
+[data-component~="ui-tooltip"][data-v-df5715b2] {
+      position: fixed;
+      inset: auto;
+      margin: 0;
+      display: inline-block;
+      box-sizing: border-box;
+      padding: 0;
+      border: 0;
+      outline: 0;
+      border-radius: 0;
+      background: transparent;
+      /* The UA popover default (overflow: auto) would clip the arrow. */
+      overflow: visible;
+      opacity: 0;
+      transform: translateY(4px);
+      transition:
+        opacity var(--ui-motion-fast) var(--ui-motion-ease),
+        transform var(--ui-motion-fast) var(--ui-motion-ease),
+        display var(--ui-motion-fast) allow-discrete,
+        overlay var(--ui-motion-fast) allow-discrete;
+}
+.surface[data-v-df5715b2] {
+      --_tooltip-line: var(--ui-tooltip-border, var(--ui-border-default));
+      position: relative;
+      box-sizing: border-box;
+      max-inline-size: var(--ui-tooltip-max-inline-size, 18rem);
+      border: 1px solid var(--_tooltip-line);
+      border-radius: var(--ui-tooltip-radius, var(--ui-radius-1));
+      background: var(--ui-tooltip-surface, var(--ui-surface-elevated));
+      color: var(--ui-tooltip-text, var(--ui-text-primary));
+      padding: var(--ui-space-1) var(--ui-space-2);
+      font-family: var(--ui-font-family-sans);
+      font-size: var(--ui-font-size-sm);
+      line-height: var(--ui-line-height-tight);
+      box-shadow: var(--ui-tooltip-shadow, var(--ui-elevation-tooltip, var(--ui-shadow-md)));
+}
+[data-component~="ui-tooltip"][data-ui-tooltip-state~="inverse"] .surface[data-v-df5715b2] {
+      --_tooltip-line: var(--ui-tooltip-inverse-surface, var(--ui-text-primary));
+      background: var(--ui-tooltip-inverse-surface, var(--ui-text-primary));
+      color: var(--ui-tooltip-inverse-text, var(--ui-surface-default));
+}
+
+    /* A rotated square shares the surface fill and draws the two outward border edges. Its centre sits on
+     * the surface border line, so the fill covers that stretch of border and the outline runs unbroken. */
+.surface[data-v-df5715b2]::after {
+      content: "";
+      position: absolute;
+      z-index: 1;
+      inset-inline-start: var(--ui-space-3);
+      inset-block-end: calc(var(--ui-tooltip-arrow-size, 0.5rem) / -2 - 0.5px);
+      inline-size: var(--ui-tooltip-arrow-size, 0.5rem);
+      block-size: var(--ui-tooltip-arrow-size, 0.5rem);
+      box-sizing: border-box;
+      background: inherit;
+      border: 0 solid var(--_tooltip-line);
+      border-inline-end-width: 1px;
+      border-block-end-width: 1px;
+      border-end-end-radius: 1px;
+      transform: rotate(45deg);
+}
+:is([data-component~="ui-tooltip"][data-ui-tooltip-state~="placement=bottom"], [data-component~="ui-tooltip"][data-ui-tooltip-state~="placement=bottom-start"], [data-component~="ui-tooltip"][data-ui-tooltip-state~="placement=bottom-end"]) .surface[data-v-df5715b2]::after {
+      inset-block-start: calc(var(--ui-tooltip-arrow-size, 0.5rem) / -2 - 0.5px);
+      inset-block-end: auto;
+      border-inline-end-width: 0;
+      border-block-end-width: 0;
+      border-inline-start-width: 1px;
+      border-block-start-width: 1px;
+      border-end-end-radius: 0;
+      border-start-start-radius: 1px;
+}
+:is([data-component~="ui-tooltip"][data-ui-tooltip-state~="placement=top-end"], [data-component~="ui-tooltip"][data-ui-tooltip-state~="placement=bottom-end"]) .surface[data-v-df5715b2]::after {
+      inset-inline-start: auto;
+      inset-inline-end: var(--ui-space-3);
+}
+[data-component~="ui-tooltip"][data-v-df5715b2]:popover-open {
+      opacity: 1;
+      transform: translateY(0);
+}
+@starting-style {
+[data-component~="ui-tooltip"][data-v-df5715b2]:popover-open {
+        opacity: 0;
+        transform: translateY(4px);
+}
+}
+[data-component~="ui-tooltip"][hidden][data-v-df5715b2] {
+      display: none;
+}
+@media (prefers-reduced-motion: reduce) {
+[data-component~="ui-tooltip"][data-v-df5715b2] {
+        transition: none;
+}
+}
+
+[data-component~="ui-combobox"][data-v-540c961c] {
+      display: grid;
+      gap: var(--ui-space-1);
+      min-inline-size: 0;
+      color: var(--ui-text-primary);
+      font: inherit;
+}
+label[data-v-540c961c] {
+      color: var(--ui-field-label-color, var(--ui-text-primary));
+      font-size: var(--ui-field-label-size, 0.875rem);
+      font-weight: var(--ui-field-label-weight, 500);
+}
+.field[data-v-540c961c] {
+      display: flex;
+      min-inline-size: 0;
+      border: 1px solid var(--ui-control-border, var(--ui-border-default));
+      border-radius: var(--ui-radius-2);
+      background: var(--ui-control-surface, var(--ui-surface-default));
+      box-shadow: var(--ui-control-inset);
+      transition: border-color var(--ui-motion-fast) var(--ui-motion-ease), box-shadow var(--ui-motion-fast) var(--ui-motion-ease);
+}
+.field[data-v-540c961c]:focus-within {
+      border-color: var(--ui-control-focus, var(--ui-accent-solid));
+      box-shadow:
+        var(--ui-control-inset),
+        var(--ui-control-focus-halo-shadow);
+}
+input[data-v-540c961c]::selection {
+      background: color-mix(in srgb, var(--ui-accent-solid) 20%, transparent);
+      color: inherit;
+}
+input[data-v-540c961c] {
+      appearance: none;
+      width: 100%;
+      min-inline-size: 0;
+      min-block-size: calc(var(--ui-control-size-md, 2.5rem) - 2px);
+      box-sizing: border-box;
+      border: 0;
+      border-radius: inherit;
+      background: transparent;
+      color: inherit;
+      font: inherit;
+      line-height: var(--ui-line-height-md);
+      padding: var(--ui-space-2) var(--ui-space-3);
+      margin: 0;
+      outline: none;
+}
+[data-component~="ui-combobox"][data-ui-combobox-state~="size=sm"] input[data-v-540c961c] {
+      min-block-size: calc(var(--ui-field-compact-size, var(--ui-control-size-sm, 2rem)) - 2px);
+      padding: var(--ui-space-1) var(--ui-space-2);
+}
+button[data-v-540c961c] {
+      appearance: none;
+      display: inline-grid;
+      place-items: center;
+      align-self: stretch;
+      border: 0;
+      border-radius: var(--ui-radius-2);
+      background: transparent;
+      color: var(--ui-field-affordance-color, var(--ui-text-secondary));
+      font: inherit;
+      font-weight: var(--ui-field-affordance-weight, 400);
+      min-inline-size: 2rem;
+      padding: 0 var(--ui-space-1);
+      cursor: pointer;
+}
+.affordance-icon[data-v-540c961c] {
+      display: block;
+      inline-size: var(--ui-icon-size-sm, 1rem);
+      block-size: var(--ui-icon-size-sm, 1rem);
+}
+button[data-v-540c961c]:hover:enabled {
+      background: var(--ui-surface-muted);
+      color: var(--ui-text-primary);
+}
+button[data-v-540c961c]:focus-visible {
+      outline: none;
+      background: var(--ui-surface-muted);
+      box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--ui-focus-ring) 45%, transparent);
+}
+input[data-v-540c961c]:disabled, button[data-v-540c961c]:disabled {
+      color: var(--ui-text-muted);
+      cursor: not-allowed;
+}
+.field[data-v-540c961c]:has(input:disabled) {
+      background: var(--ui-control-surface-disabled, var(--ui-surface-muted));
+}
+[data-component~="ui-combobox"][data-ui-combobox-state~="validationStatus=error"] .field[data-v-540c961c] {
+      border-color: var(--ui-danger-solid, var(--ui-accent-active));
+}
+.popup[data-v-540c961c] {
+      box-sizing: border-box;
+      min-inline-size: 12rem;
+      max-inline-size: calc(100vw - 1rem);
+      max-block-size: var(--ui-combobox-max-block-size, 18rem);
+      overflow: auto;
+      margin: 0;
+      padding: var(--ui-space-1);
+      border: 1px solid var(--ui-border-default);
+      border-radius: var(--ui-radius-2);
+      background: var(--ui-surface-elevated);
+      color: var(--ui-text-primary);
+      box-shadow: var(--ui-elevation-overlay, var(--ui-shadow-lg));
+}
+[hidden][data-v-540c961c] {
+      display: none;
+}
+.option[data-v-540c961c] {
+      padding: var(--ui-space-2) var(--ui-space-3);
+      border-radius: var(--ui-radius-1);
+      cursor: pointer;
+      overflow-wrap: anywhere;
+}
+.option[data-v-540c961c]:hover, .option.active[data-v-540c961c] {
+      background: var(--ui-surface-muted);
+      outline: 1px solid var(--ui-focus-ring, currentColor);
+      outline-offset: -1px;
+}
+.option[aria-disabled="true"][data-v-540c961c] {
+      color: var(--ui-text-muted);
+      cursor: not-allowed;
+}
+.primary[data-v-540c961c] {
+      display: block;
+      color: var(--ui-option-primary-color, var(--ui-text-primary));
+      font-weight: var(--ui-option-primary-weight, 500);
+}
+.message[data-v-540c961c], .group[data-v-540c961c] {
+      color: var(--ui-field-message-color, var(--ui-text-secondary));
+      font-weight: var(--ui-field-message-weight, 400);
+      font-size: var(--ui-font-size-sm);
+      line-height: var(--ui-line-height-md);
+      overflow-wrap: anywhere;
+}
+.group[data-v-540c961c], .popup .message[data-v-540c961c] {
+      padding: var(--ui-space-2) var(--ui-space-3);
+}
+.sr-only[data-v-540c961c] {
+      position: absolute;
+      inline-size: 1px;
+      block-size: 1px;
+      overflow: hidden;
+      clip-path: inset(50%);
+      white-space: nowrap;
+}
+@media (pointer: coarse) {
+button[data-v-540c961c] {
+        min-inline-size: 2.75rem;
+        min-block-size: 2.75rem;
+}
+}
+@media (forced-colors: active) {
+.field[data-v-540c961c], .popup[data-v-540c961c] {
+        border-color: CanvasText;
+}
+.option.active[data-v-540c961c] {
+        outline-color: Highlight;
+}
+}
+
+    /* Multiple mode: chips wrap before the cursor on one flexible field line. */
+[data-component~="ui-combobox"][data-ui-combobox-state~="multiple"] .field[data-v-540c961c] {
+      flex-wrap: wrap;
+      align-items: center;
+      gap: var(--ui-space-1);
+      min-block-size: var(--ui-multi-combobox-min-block-size, 2.5rem);
+      padding: var(--ui-space-1);
+}
+[data-component~="ui-combobox"][data-ui-combobox-state~="multiple"] input[data-v-540c961c] {
+      flex: 1 0 var(--ui-multi-combobox-input-min-inline-size, 5rem);
+      width: auto;
+      min-block-size: 1.75rem;
+      padding: var(--ui-space-0-5) var(--ui-space-1);
+}
+.item[data-v-540c961c] {
+      appearance: none;
+      display: inline-flex;
+      min-inline-size: 0;
+      max-inline-size: min(100%, var(--ui-multi-combobox-item-max-inline-size, 12rem));
+      overflow: hidden;
+      padding: 0;
+      border: 0;
+      border-radius: var(--ui-radius-1);
+      background: transparent;
+      color: inherit;
+      font: inherit;
+      cursor: default;
+}
+.item[data-v-540c961c]:focus-visible {
+      outline: 2px solid var(--ui-focus-ring, currentColor);
+      outline-offset: 1px;
+}
+.item[data-v-540c961c]:disabled {
+      opacity: 0.6;
+}
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
+[data-component~="ui-combobox"][hidden][data-v-540c961c] {
+      display: none;
+}
+
+[data-component~="ui-container"][data-v-4a497418] {
+      --_container-measure: 65ch;
+      --_container-gutters: var(--ui-space-4, 1rem);
+      display: block;
+      inline-size: 100%;
+      max-inline-size: var(--ui-container-measure, var(--_container-measure));
+      margin-inline: auto;
+      padding-inline: var(--ui-container-gutters, var(--_container-gutters));
+}
+[data-component~="ui-container"][data-ui-container-state~="measure=narrow"][data-v-4a497418] {
+      --_container-measure: 45ch;
+}
+[data-component~="ui-container"][data-ui-container-state~="measure=wide"][data-v-4a497418] {
+      --_container-measure: 80ch;
+}
+[data-component~="ui-container"][data-ui-container-state~="gutters=s"][data-v-4a497418] {
+      --_container-gutters: var(--ui-space-3, 0.75rem);
+}
+[data-component~="ui-container"][data-ui-container-state~="gutters=m"][data-v-4a497418] {
+      --_container-gutters: var(--ui-space-4, 1rem);
+}
+[data-component~="ui-container"][data-ui-container-state~="gutters=l"][data-v-4a497418] {
+      --_container-gutters: var(--ui-space-5, 1.5rem);
+}
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
+[data-component~="ui-container"][hidden][data-v-4a497418] {
+      display: none;
+}
+
+[data-component~="ui-context-menu"][data-v-ef76cc50] {
+      display: contents;
+}
+.menu[data-v-ef76cc50] {
+      position: fixed;
+      inset: auto;
+      margin: 0;
+      display: flex;
+      flex-direction: column;
+      box-sizing: border-box;
+      padding: var(--ui-space-1);
+      background: var(--ui-surface-elevated);
+      border: 1px solid var(--ui-border-default);
+      border-radius: var(--ui-radius-3);
+      box-shadow: var(--ui-elevation-overlay, var(--ui-shadow-lg));
+      outline: 0;
+      overflow: auto;
+      z-index: var(--ui-z-overlay, 1000);
+      min-width: 12rem;
+      opacity: 0;
+      transform: translateY(-4px) scale(0.99);
+      transition:
+        opacity var(--ui-motion-fast) var(--ui-motion-ease),
+        transform var(--ui-motion-fast) var(--ui-motion-ease),
+        display var(--ui-motion-fast) allow-discrete,
+        overlay var(--ui-motion-fast) allow-discrete;
+}
+.menu[data-v-ef76cc50]:popover-open {
+      opacity: 1;
+      transform: translateY(0) scale(1);
+}
+@starting-style {
+.menu[data-v-ef76cc50]:popover-open {
+        opacity: 0;
+        transform: translateY(-4px) scale(0.99);
+}
+}
+.menu[hidden][data-v-ef76cc50],
+    .menu[popover][data-v-ef76cc50]:not(:popover-open) {
+      display: none;
+}
+@media (prefers-reduced-motion: reduce) {
+.menu[data-v-ef76cc50] {
+        transition: none;
+}
+}
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
+[data-component~="ui-context-menu"][hidden][data-v-ef76cc50] {
+      display: none;
+}
+
+[data-component~="ui-dialog"][data-v-901875ac] {
+      position: fixed;
+      inset: 0;
+      box-sizing: border-box;
+      inline-size: min(
+        calc(100% - var(--ui-dialog-viewport-gap, var(--ui-space-4, 1rem)) * 2),
+        var(--ui-dialog-max-width, 440px)
+      );
+      max-inline-size: none;
+      max-block-size: calc(100dvh - var(--ui-dialog-viewport-gap, var(--ui-space-4, 1rem)) * 2);
+      margin: auto;
+      padding: 0;
+      overflow: hidden;
+      flex-direction: column;
+      background: var(--ui-surface-elevated);
+      border: 1px solid var(--ui-border-default);
+      border-radius: var(--ui-radius-dialog);
+      box-shadow: var(--ui-elevation-dialog, var(--ui-shadow-xl));
+      visibility: hidden;
+      pointer-events: none;
+      opacity: 0;
+      transform: scale(0.96);
+      transition:
+        opacity var(--ui-dialog-duration, var(--ui-motion-base)) var(--ui-motion-ease),
+        transform var(--ui-dialog-duration, var(--ui-motion-base)) var(--ui-motion-ease),
+        visibility var(--ui-dialog-duration, var(--ui-motion-base)),
+        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-901875ac] {
+      display: flex;
+      visibility: visible;
+      pointer-events: auto;
+      opacity: 1;
+      transform: scale(1);
+      animation: ui-dialog-enter-901875ac var(--ui-dialog-duration, var(--ui-motion-base)) var(--ui-motion-ease);
+}
+
+    /* Header and actions stay pinned; only the body scrolls when content is long. */
+header[data-v-901875ac] {
+      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);
+      border-block-end: 1px solid var(--ui-border-default);
+}
+
+    /* :host-qualified so page heading rules that reach in cannot outrank the dialog chrome. */
+[data-component~="ui-dialog"] .title[data-v-901875ac] {
+      flex: 1;
+      min-inline-size: 0;
+      margin: 0;
+      padding: 0;
+      border: 0;
+      color: var(--ui-text-primary);
+      letter-spacing: normal;
+      font-size: var(--ui-font-size-lg, 1.125rem);
+      font-weight: var(--ui-font-semibold, 600);
+      line-height: var(--ui-line-height-tight);
+}
+.close[data-v-901875ac] {
+      display: inline-grid;
+      place-items: center;
+      flex: none;
+      margin-inline-start: auto;
+      inline-size: var(--ui-control-size-sm, 2rem);
+      block-size: var(--ui-control-size-sm, 2rem);
+      padding: 0;
+      border: 0;
+      border-radius: var(--ui-radius-round, 999px);
+      background: transparent;
+      color: var(--ui-text-secondary);
+      cursor: pointer;
+      transition: background-color var(--ui-motion-fast) var(--ui-motion-ease), color var(--ui-motion-fast) var(--ui-motion-ease);
+}
+
+    /* A CSS-drawn X. */
+.close[data-v-901875ac]::before,
+    .close[data-v-901875ac]::after {
+      content: "";
+      grid-area: 1 / 1;
+      inline-size: 0.875rem;
+      block-size: 1.5px;
+      border-radius: 1px;
+      background: currentColor;
+      transform: rotate(45deg);
+}
+.close[data-v-901875ac]::after {
+      transform: rotate(-45deg);
+}
+.close[data-v-901875ac]:hover {
+      background: var(--ui-surface-muted);
+      color: var(--ui-text-primary);
+}
+.close[data-v-901875ac]:focus-visible {
+      outline: 2px solid var(--ui-focus-ring, currentColor);
+      outline-offset: 2px;
+}
+.body[data-v-901875ac] {
+      flex: 1 1 auto;
+      min-block-size: 0;
+      overflow: auto;
+      overscroll-behavior: contain;
+      padding: var(--ui-space-5);
+}
+footer[data-v-901875ac] {
+      display: flex;
+      flex: none;
+      flex-wrap: wrap;
+      justify-content: flex-end;
+      gap: var(--ui-space-2);
+      padding: var(--ui-space-3) var(--ui-space-5);
+      border-block-start: 1px solid var(--ui-border-default);
+}
+footer[data-v-901875ac]:empty {
+      display: none;
+}
+@keyframes ui-dialog-enter-901875ac {
+from {
+        opacity: 0;
+        transform: scale(0.96);
+}
+}
+[data-component~="ui-dialog"][data-v-901875ac]::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-901875ac]::backdrop {
+      background-color: var(--ui-overlay-backdrop);
+      animation: ui-dialog-backdrop-enter-901875ac var(--ui-dialog-duration, var(--ui-motion-base)) var(--ui-motion-ease);
+}
+@keyframes ui-dialog-backdrop-enter-901875ac {
+from {
+        background-color: transparent;
+}
+}
+
+/* An accordion row, not a field: no enclosing box, just a divider, so it never reads as a
+     * select or combobox. Stacked disclosures share their dividers. */
+[data-component~="ui-disclosure"][data-v-ab5e82b4] {
+      display: block;
+      inline-size: 100%;
+      overflow: clip;
+      border-block-end: 1px solid var(--ui-border-default);
+      color: var(--ui-text-primary);
+}
+.trigger[data-v-ab5e82b4] {
+      display: grid;
+      grid-template-columns: minmax(0, 1fr) auto;
+      gap: var(--ui-space-3);
+      align-items: center;
+      inline-size: 100%;
+      min-block-size: 2.5rem;
+      padding: var(--ui-space-2) var(--ui-space-3);
+      border: 0;
+      background: transparent;
+      color: inherit;
+      font: inherit;
+      font-weight: var(--ui-font-semibold, 600);
+      text-align: start;
+      cursor: pointer;
+      border-radius: var(--ui-radius-1);
+      transition: background-color var(--ui-motion-fast) var(--ui-motion-ease);
+}
+.trigger[data-v-ab5e82b4]:hover:not(:disabled) {
+      background: var(--ui-surface-muted);
+}
+.trigger[data-v-ab5e82b4]:focus-visible {
+      outline: none;
+      box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--ui-focus-ring) 45%, transparent);
+}
+.trigger[data-v-ab5e82b4]:disabled {
+      color: var(--ui-text-muted);
+      cursor: not-allowed;
+}
+.chevron[data-v-ab5e82b4] {
+      inline-size: 0.5rem;
+      block-size: 0.5rem;
+      border-inline-end: 2px solid currentColor;
+      border-block-end: 2px solid currentColor;
+      transform: rotate(45deg) translate(-1px, -1px);
+      transition: transform var(--ui-motion-fast) var(--ui-motion-ease);
+}
+.panel[data-v-ab5e82b4] {
+      display: grid;
+      grid-template-rows: 0fr;
+      transition: grid-template-rows var(--ui-motion-fast) var(--ui-motion-ease-out, var(--ui-motion-ease));
+}
+.panel-inner[data-v-ab5e82b4] {
+      min-block-size: 0;
+      overflow: hidden;
+      padding-inline: var(--ui-space-3);
+}
+[data-component~="ui-disclosure"][data-ui-disclosure-state~="internalOpen"] .panel[data-v-ab5e82b4] {
+      grid-template-rows: 1fr;
+}
+[data-component~="ui-disclosure"][data-ui-disclosure-state~="internalOpen"] .panel-inner[data-v-ab5e82b4] {
+      padding-block: 0 var(--ui-space-3);
+}
+[data-component~="ui-disclosure"][data-ui-disclosure-state~="internalOpen"] .chevron[data-v-ab5e82b4] {
+      transform: rotate(225deg) translate(-1px, -1px);
+}
+@media (prefers-reduced-motion: reduce) {
+.panel[data-v-ab5e82b4],
+      .chevron[data-v-ab5e82b4] {
+        transition: none;
+}
+}
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
+[data-component~="ui-disclosure"][hidden][data-v-ab5e82b4] {
+      display: none;
+}
+
+[data-component~="ui-editable"][data-v-d8c654a7] {
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      gap: var(--ui-space-2);
+      min-inline-size: 0;
+      color: var(--ui-text-primary);
+}
+
+    /* The value and the input share one grid cell with identical box metrics, so switching between
+     * display and edit never changes the control's size or moves the text. */
+.field[data-v-d8c654a7] {
+      display: inline-grid;
+      min-inline-size: 8rem;
+      max-inline-size: 100%;
+}
+.preview[data-v-d8c654a7],
+    .input[data-v-d8c654a7] {
+      grid-area: 1 / 1;
+      box-sizing: border-box;
+      min-block-size: var(--ui-control-size-sm, 2rem);
+      margin: 0;
+      padding: var(--ui-space-1) var(--ui-space-2);
+      border: 1px solid transparent;
+      border-radius: var(--ui-radius-2);
+      font: inherit;
+      line-height: var(--ui-line-height-md);
+      color: inherit;
+      transition:
+        background-color var(--ui-motion-fast) var(--ui-motion-ease),
+        border-color var(--ui-motion-fast) var(--ui-motion-ease),
+        box-shadow var(--ui-motion-fast) var(--ui-motion-ease);
+}
+.preview[data-v-d8c654a7] {
+      display: inline-flex;
+      gap: var(--ui-space-2);
+      align-items: center;
+      background: transparent;
+      text-align: start;
+      cursor: pointer;
+}
+.preview[data-v-d8c654a7]:hover:not(:disabled) {
+      background: var(--ui-surface-muted);
+}
+.preview[data-v-d8c654a7]:focus-visible {
+      outline: none;
+      box-shadow: var(--ui-focus-halo);
+}
+.hint[data-v-d8c654a7] {
+      color: var(--ui-text-secondary);
+      font-size: var(--ui-font-size-sm);
+}
+
+    /* Contained so it takes the value's width instead of its own default input width. */
+.input[data-v-d8c654a7] {
+      contain: inline-size;
+      inline-size: 100%;
+      min-inline-size: 0;
+      visibility: hidden;
+      background: var(--ui-control-surface, var(--ui-surface-elevated));
+}
+.input[data-v-d8c654a7]:focus {
+      outline: none;
+      border-color: var(--ui-control-focus, var(--ui-accent-solid));
+      box-shadow:
+        var(--ui-control-inset),
+        var(--ui-control-focus-halo-shadow);
+}
+.input[data-v-d8c654a7]::selection {
+      background: color-mix(in srgb, var(--ui-accent-solid) 20%, transparent);
+}
+[data-component~="ui-editable"][data-ui-editable-state~="internalEdit"] .preview[data-v-d8c654a7] {
+      visibility: hidden;
+}
+[data-component~="ui-editable"][data-ui-editable-state~="internalEdit"] .input[data-v-d8c654a7] {
+      visibility: visible;
+}
+.actions[data-v-d8c654a7] {
+      display: none;
+      gap: var(--ui-space-1);
+}
+[data-component~="ui-editable"][data-ui-editable-state~="internalEdit"] .actions[data-v-d8c654a7] {
+      display: inline-flex;
+}
+.actions button[data-v-d8c654a7] {
+      min-block-size: var(--ui-control-size-sm, 2rem);
+      padding: 0 var(--ui-space-3);
+      border: 1px solid var(--ui-border-strong);
+      border-radius: var(--ui-radius-2);
+      background: var(--ui-surface-elevated);
+      background-image: var(--ui-raised-highlight, none);
+      box-shadow: var(--ui-raised, none);
+      color: inherit;
+      font: inherit;
+      font-size: var(--ui-font-size-sm);
+      cursor: pointer;
+}
+.actions .save[data-v-d8c654a7] {
+      border-color: var(--ui-accent-solid);
+      background: var(--ui-accent-solid);
+      color: var(--ui-text-on-accent);
+}
+.actions button[data-v-d8c654a7]:focus-visible {
+      outline: none;
+      box-shadow: var(--ui-focus-halo);
+}
+[data-component~="ui-editable"][data-ui-editable-state~="disabled"] .preview[data-v-d8c654a7] {
+      color: var(--ui-text-muted);
+      cursor: not-allowed;
+}
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
+[data-component~="ui-editable"][hidden][data-v-d8c654a7] {
+      display: none;
+}
+
+[data-component~="ui-editor-insert-table-grid"][data-v-0d980738] {
+      padding: var(--ui-space-3, 12px);
+      background: var(--ui-surface, #fff);
+      border: 1px solid var(--ui-border, #e5e7eb);
+      border-radius: var(--ui-radius-md, 6px);
+      box-shadow: var(--ui-shadow-lg, 0 10px 15px -3px rgb(0 0 0 / 0.1));
+}
+.hint[data-v-0d980738] {
+      margin: 0 0 var(--ui-space-2, 8px);
+      font-size: var(--ui-text-sm, 0.875rem);
+      color: var(--ui-text-muted, #6b7280);
+}
+.grid[data-v-0d980738] {
+      display: grid;
+      grid-template-columns: repeat(var(--ui-editor-table-grid-cols, 8), 1.25rem);
+      grid-template-rows: repeat(var(--ui-editor-table-grid-rows, 8), 1.25rem);
+      gap: 2px;
+      margin-bottom: var(--ui-space-2, 8px);
+}
+.cell[data-v-0d980738] {
+      width: 1.25rem;
+      height: 1.25rem;
+      padding: 0;
+      border: 1px solid var(--ui-border, #e5e7eb);
+      border-radius: 2px;
+      background: var(--ui-surface, #fff);
+      cursor: pointer;
+}
+.cell.selected[data-v-0d980738] {
+      background: var(--ui-accent-solid, var(--ui-accent, #0066cc));
+      border-color: var(--ui-accent-solid, var(--ui-accent, #0066cc));
+}
+.header[data-v-0d980738] {
+      display: block;
+      margin-bottom: var(--ui-space-2, 8px);
+      font-size: var(--ui-text-sm, 0.875rem);
+      cursor: pointer;
+}
+[data-component~="ui-editor-insert-table-grid"] .insert[data-v-0d980738] {
+      width: 100%;
+      padding: var(--ui-space-2, 8px) var(--ui-space-3, 12px);
+      border: 1px solid var(--ui-border, #e5e7eb);
+      border-radius: var(--ui-radius-sm, 4px);
+      background: var(--ui-accent-solid, var(--ui-accent, #0066cc));
+      color: var(--ui-accent-contrast, #fff);
+      font-size: var(--ui-text-sm, 0.875rem);
+      cursor: pointer;
+}
+[data-component~="ui-editor-insert-table-grid"] .insert[data-v-0d980738]:hover {
+      filter: brightness(1.05);
+}
+[data-component~="ui-editor-insert-table-grid"][hidden][data-v-0d980738] {
+      display: none;
+}
+
+[data-component~="ui-editor-mention-menu"][data-v-a727834e] {
+      user-select: none;
+}
+[data-component~="ui-editor-mention-menu"][data-v-a727834e] {
+      display: flex;
+      overflow: hidden;
+      flex-direction: column;
+      background: var(--ui-surface, #fff);
+      border: 1px solid var(--ui-border, #e5e7eb);
+      border-radius: var(--ui-radius-xl, 1rem);
+      box-shadow: var(--ui-shadow-lg, 0 8px 24px rgb(0 0 0 / 0.12));
+}
+.header[data-v-a727834e] {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: var(--ui-space-3, 12px);
+      padding: var(--ui-space-2, 8px) var(--ui-space-3, 12px);
+      color: var(--ui-text-secondary, #4b5563);
+      border-bottom: 1px solid var(--ui-border, #e5e7eb);
+      font-size: var(--ui-font-size-xs, 0.75rem);
+      font-weight: var(--ui-font-semibold, 600);
+}
+.hint[data-v-a727834e] {
+      overflow: hidden;
+      color: var(--ui-text-muted, #6b7280);
+      font-weight: var(--ui-font-normal, 400);
+      text-overflow: ellipsis;
+      white-space: nowrap;
+}
+.list[data-v-a727834e] {
+      max-height: 280px;
+      padding: var(--ui-space-1, 4px) 0;
+      margin: 0;
+      overflow-y: auto;
+      overscroll-behavior: contain;
+      list-style: none;
+}
+.item[data-v-a727834e] {
+      display: flex;
+      align-items: center;
+      min-height: 44px;
+      padding: var(--ui-space-1-5, 6px) var(--ui-space-3, 12px);
+      gap: var(--ui-space-3, 12px);
+      cursor: pointer;
+}
+.item.active[data-v-a727834e] {
+      background: var(--ui-accent-subtle, rgb(59 130 246 / 0.1));
+}
+.avatar[data-v-a727834e] {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: 32px;
+      height: 32px;
+      flex: 0 0 auto;
+      color: var(--ui-accent-active, var(--ui-accent-solid, #2563eb));
+      background: var(--ui-accent-soft, var(--ui-accent-subtle, #eff6ff));
+      border-radius: 999px;
+      font-size: var(--ui-font-size-xs, 0.75rem);
+      font-weight: var(--ui-font-semibold, 600);
+}
+.body[data-v-a727834e] {
+      display: flex;
+      min-width: 0;
+      flex-direction: column;
+}
+.label[data-v-a727834e],
+    .detail[data-v-a727834e] {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+}
+.label[data-v-a727834e] {
+      color: var(--ui-text-primary, #111827);
+      font-size: var(--ui-font-size-sm, 0.875rem);
+      font-weight: var(--ui-font-medium, 500);
+}
+.detail[data-v-a727834e],
+    .loading[data-v-a727834e] {
+      color: var(--ui-text-muted, #6b7280);
+      font-size: var(--ui-font-size-xs, 0.75rem);
+}
+.loading[data-v-a727834e] {
+      min-height: 44px;
+      padding: var(--ui-space-3, 12px);
+}
+@media (max-width: 767px) {
+[data-component~="ui-editor-mention-menu"][data-v-a727834e] {
+        border-bottom: 0;
+        border-radius: var(--ui-radius-xl, 1rem) var(--ui-radius-xl, 1rem) 0 0;
+}
+.list[data-v-a727834e] {
+        max-height: calc(60dvh - 48px);
+}
+}
+[data-component~="ui-editor-mention-menu"][hidden][data-v-a727834e] {
+      display: none;
+}
+
+[data-component~="ui-icon"][data-v-519add28] {
+      display: inline-flex;
+      flex: none;
+      inline-size: var(--ui-icon-size, 1em);
+      block-size: var(--ui-icon-size, 1em);
+}
+svg[data-v-519add28] {
+      inline-size: 100%;
+      block-size: 100%;
+      stroke-width: var(--ui-icon-stroke-width, 2);
+}
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
+[data-component~="ui-icon"][hidden][data-v-519add28] {
+      display: none;
+}
+
+[data-component~="ui-editor-slash-menu"][data-v-93dbbf52] {
+      user-select: none;
+}
+[data-component~="ui-editor-slash-menu"][data-v-93dbbf52] {
+      background: var(--ui-surface, #fff);
+      border: 1px solid var(--ui-border, #e5e7eb);
+      border-radius: var(--ui-radius-xl, 1rem);
+      box-shadow: var(--ui-shadow-lg, 0 8px 24px rgb(0 0 0 / 0.12));
+      overflow: hidden;
+      display: flex;
+      flex-direction: column;
+}
+@media (max-width: 767px) {
+[data-component~="ui-editor-slash-menu"][data-v-93dbbf52] {
+        border-radius: var(--ui-radius-xl, 1rem) var(--ui-radius-xl, 1rem) 0 0;
+        border-bottom: none;
+}
+}
+.header[data-v-93dbbf52] {
+      display: none;
+      align-items: center;
+      gap: var(--ui-space-2, 8px);
+      padding: var(--ui-space-3, 12px) var(--ui-space-4, 16px);
+      border-bottom: 1px solid var(--ui-border, #e5e7eb);
+      font-size: var(--ui-font-size-xs, 0.75rem);
+      color: var(--ui-text-muted, #6b7280);
+      font-weight: var(--ui-font-semibold, 600);
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+}
+@media (max-width: 767px) {
+.header[data-v-93dbbf52] {
+        display: flex;
+}
+}
+.header-query[data-v-93dbbf52] {
+      background: var(--ui-surface-hover, #f3f4f6);
+      border-radius: var(--ui-radius-sm, 4px);
+      padding: 0.1em 0.4em;
+      font-family: var(--ui-font-family-mono, ui-monospace, monospace);
+      font-size: var(--ui-font-size-xs, 0.75rem);
+      color: var(--ui-accent, #3b82f6);
+      text-transform: none;
+      letter-spacing: 0;
+}
+.list[data-v-93dbbf52] {
+      list-style: none;
+      margin: 0;
+      padding: var(--ui-space-1, 4px) 0;
+      overflow-y: auto;
+      max-height: 280px;
+      overscroll-behavior: contain;
+}
+@media (max-width: 767px) {
+.list[data-v-93dbbf52] {
+        max-height: calc(60dvh - 80px);
+        padding: var(--ui-space-1, 4px) 0 var(--ui-space-2, 8px);
+}
+}
+.item[data-v-93dbbf52] {
+      display: flex;
+      align-items: center;
+      gap: var(--ui-space-3, 12px);
+      padding: var(--ui-space-2, 8px) var(--ui-space-3, 12px);
+      min-height: 44px;
+      cursor: pointer;
+      transition: background-color 120ms ease;
+}
+.item.active[data-v-93dbbf52] {
+      background: var(--ui-accent-subtle, rgb(59 130 246 / 0.1));
+}
+.icon[data-v-93dbbf52] {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 32px;
+      height: 32px;
+      background: var(--ui-surface-hover, #f3f4f6);
+      border: 1px solid var(--ui-border, #e5e7eb);
+      border-radius: var(--ui-radius-md, 6px);
+      font-size: var(--ui-font-size-sm, 0.875rem);
+      font-weight: var(--ui-font-bold, 700);
+      color: var(--ui-text-secondary, #4b5563);
+      font-family: var(--ui-font-family-mono, ui-monospace, monospace);
+      flex-shrink: 0;
+      line-height: 1;
+}
+.item.active .icon[data-v-93dbbf52] {
+      background: var(--ui-accent, #3b82f6);
+      border-color: var(--ui-accent, #3b82f6);
+      color: var(--ui-accent-contrast, #fff);
+}
+.icon[data-v-93dbbf52] {
+      --ui-icon-size: 1rem;
+      --ui-icon-stroke-width: var(--ui-editor-toolbar-icon-stroke-width, 1.75);
+}
+.body[data-v-93dbbf52] {
+      display: flex;
+      min-width: 0;
+      flex-direction: column;
+      gap: 1px;
+}
+.title[data-v-93dbbf52] {
+      font-size: var(--ui-font-size-sm, 0.875rem);
+      font-weight: var(--ui-font-medium, 500);
+      color: var(--ui-text, #111827);
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+}
+.description[data-v-93dbbf52] {
+      font-size: var(--ui-font-size-xs, 0.75rem);
+      color: var(--ui-text-muted, #6b7280);
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+}
+.footer[data-v-93dbbf52] {
+      display: none;
+      padding: var(--ui-space-2, 8px) var(--ui-space-3, 12px);
+      border-top: 1px solid var(--ui-border, #e5e7eb);
+      font-size: var(--ui-font-size-xs, 0.75rem);
+      color: var(--ui-text-muted, #6b7280);
+}
+@media (min-width: 768px) {
+.footer[data-v-93dbbf52] {
+        display: block;
+}
+}
+[data-component~="ui-editor-slash-menu"] kbd[data-v-93dbbf52] {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      font-family: var(--ui-font-family-mono, ui-monospace, monospace);
+      font-size: 10px;
+      background: var(--ui-surface-hover, #f3f4f6);
+      border: 1px solid var(--ui-border, #e5e7eb);
+      border-radius: 3px;
+      padding: 0 3px;
+      color: var(--ui-text-secondary, #4b5563);
+}
+[data-component~="ui-editor-slash-menu"][hidden][data-v-93dbbf52] {
+      display: none;
+}
+
+[data-component~="ui-editor-table-context-menu"][data-v-2714613a] {
+      min-width: 14rem;
+      max-width: min(17rem, calc(100vw - 24px));
+      max-height: min(28rem, calc(100vh - 24px));
+      padding: var(--ui-space-1-5, 6px);
+      background: var(--ui-surface, #fff);
+      border: 1px solid var(--ui-border, #e5e7eb);
+      border-radius: var(--ui-radius-lg, 10px);
+      box-shadow: var(--ui-shadow-lg, 0 10px 15px -3px rgb(0 0 0 / 0.1));
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+      overflow-y: auto;
+      overscroll-behavior: contain;
+      scrollbar-width: thin;
+}
+.section[data-v-2714613a] {
+      display: flex;
+      flex-direction: column;
+      gap: 3px;
+}
+[data-component~="ui-editor-table-context-menu"] button[data-v-2714613a] {
+      display: flex;
+      align-items: center;
+      gap: var(--ui-space-2, 8px);
+      width: 100%;
+      text-align: left;
+      min-height: 32px;
+      padding: var(--ui-space-1-5, 6px) var(--ui-space-2, 8px);
+      border: none;
+      border-radius: var(--ui-radius-sm, 4px);
+      background: none;
+      font-size: var(--ui-font-size-sm, 0.875rem);
+      cursor: pointer;
+      color: var(--ui-text, #111);
+}
+[data-component~="ui-editor-table-context-menu"] button[data-v-2714613a] {
+      --ui-icon-size: 1rem;
+      --ui-icon-stroke-width: var(--ui-editor-toolbar-icon-stroke-width, 1.75);
+}
+[data-component~="ui-editor-table-context-menu"] button[data-v-2714613a]:hover:not(:disabled) {
+      background: var(--ui-surface-hover, #f3f4f6);
+}
+[data-component~="ui-editor-table-context-menu"] button.selected[data-v-2714613a] {
+      background: var(--ui-accent-subtle, rgb(59 130 246 / 0.1));
+}
+[data-component~="ui-editor-table-context-menu"] button.danger[data-v-2714613a] {
+      color: var(--ui-danger, #dc2626);
+}
+.swatches[data-v-2714613a] {
+      display: grid;
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+      gap: 3px;
+}
+.swatch-button[data-v-2714613a] {
+      display: inline-flex;
+      align-items: center;
+      gap: var(--ui-space-2, 8px);
+}
+.swatch[data-v-2714613a] {
+      display: inline-flex;
+      width: 1rem;
+      height: 1rem;
+      border-radius: 999px;
+      border: 1px solid var(--ui-border, #d1d5db);
+      background: var(--ui-editor-table-context-swatch, #fff);
+      box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.35);
+      flex-shrink: 0;
+}
+.swatch.default[data-v-2714613a] {
+      position: relative;
+      background:
+        linear-gradient(
+          135deg,
+          transparent calc(50% - 1px),
+          var(--ui-text-muted, #6b7280) calc(50% - 1px),
+          var(--ui-text-muted, #6b7280) calc(50% + 1px),
+          transparent calc(50% + 1px)
+        ),
+        var(--ui-surface, #fff);
+}
+.swatch-label[data-v-2714613a] {
+      min-width: 0;
+      white-space: nowrap;
+}
+.heading[data-v-2714613a] {
+      padding: var(--ui-space-1, 4px) var(--ui-space-2, 8px);
+      font-size: 0.6875rem;
+      font-weight: 700;
+      letter-spacing: 0.05em;
+      text-transform: uppercase;
+      color: var(--ui-text-muted, #6b7280);
+}
+.sep[data-v-2714613a] {
+      height: 1px;
+      background: var(--ui-border, #e5e7eb);
+      margin: var(--ui-space-1, 4px) 0;
+}
+[data-component~="ui-editor-table-context-menu"][hidden][data-v-2714613a] {
+      display: none;
+}
+
+[data-component~="ui-editor-table-overlay"][data-v-7b392ded] {
+      display: block;
+      width: 100%;
+      height: 100%;
+      overflow: visible;
+      pointer-events: none;
+}
+[data-component~="ui-editor-table-overlay"][data-v-7b392ded] {
+      position: relative;
+      width: 100%;
+      height: 100%;
+      overflow: visible;
+      pointer-events: none;
+}
+.rows[data-v-7b392ded],
+    .cols[data-v-7b392ded] {
+      pointer-events: none;
+      position: absolute;
+}
+.rows[data-v-7b392ded] {
+      inset: 0;
+      width: 100%;
+}
+.cols[data-v-7b392ded] {
+      inset: 0;
+      height: 100%;
+}
+.control[data-v-7b392ded] {
+      position: absolute;
+      z-index: 1;
+      pointer-events: none;
+}
+.handle[data-v-7b392ded] {
+      position: absolute;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: 24px;
+      height: 24px;
+      padding: 0;
+      border: 1px solid var(--ui-affordance-near-color, var(--ui-border-strong, #c8c8c4));
+      border-radius: var(--ui-radius-round, 999px);
+      background: color-mix(in srgb, var(--ui-surface-elevated, #fff) 96%, transparent);
+      color: var(--ui-affordance-near-color, var(--ui-text-secondary, #5c5c5c));
+      font: inherit;
+      font-size: 16px;
+      line-height: 1;
+      box-shadow: var(--ui-shadow-xs, 0 1px 2px rgb(0 0 0 / 0.05));
+      opacity: 0;
+      scale: 0.72;
+      transition:
+        opacity var(--ui-affordance-motion, var(--ui-motion-fast, 120ms)) var(--ui-motion-ease, ease),
+        scale var(--ui-affordance-motion, var(--ui-motion-fast, 120ms)) var(--ui-motion-ease, ease),
+        color var(--ui-affordance-motion, var(--ui-motion-fast, 120ms)) var(--ui-motion-ease, ease),
+        background-color var(--ui-affordance-motion, var(--ui-motion-fast, 120ms)) var(--ui-motion-ease, ease),
+        border-color var(--ui-affordance-motion, var(--ui-motion-fast, 120ms)) var(--ui-motion-ease, ease);
+      pointer-events: auto;
+      cursor: pointer;
+}
+.handle[data-v-7b392ded] {
+      --ui-icon-size: 14px;
+      --ui-icon-stroke-width: var(--ui-editor-table-affordance-icon-stroke-width, 2);
+}
+.handle[data-ui-proximity="near"][data-v-7b392ded],
+    .control.active .handle[data-v-7b392ded],
+    .handle[data-v-7b392ded]:focus-visible {
+      opacity: 1;
+      scale: 1;
+}
+.control.active .handle[data-v-7b392ded],
+    .handle[data-v-7b392ded]:focus-visible {
+      border-color: var(--ui-affordance-direct-color, var(--ui-accent-solid, #5b55d6));
+      background: var(--ui-affordance-direct-color, var(--ui-accent-solid, #5b55d6));
+      color: var(--ui-text-on-accent, #fff);
+      box-shadow: var(--ui-shadow-sm, 0 1px 3px rgb(0 0 0 / 0.1));
+}
+.handle[data-v-7b392ded]:focus-visible,
+    .selector[data-v-7b392ded]:focus-visible,
+    .cell-menu[data-v-7b392ded]:focus-visible {
+      outline: 2px solid var(--ui-focus-ring, #5b55d6);
+      outline-offset: 2px;
+}
+.control.row[data-v-7b392ded] {
+      left: 0;
+      width: 100%;
+      height: 0;
+}
+.control.row .handle[data-v-7b392ded] {
+      top: -12px;
+      left: -30px;
+}
+.control.col[data-v-7b392ded] {
+      top: 0;
+      width: 0;
+      height: 100%;
+}
+.control.col .handle[data-v-7b392ded] {
+      top: -30px;
+      left: -12px;
+}
+.line[data-v-7b392ded] {
+      position: absolute;
+      background: var(--ui-affordance-direct-color, var(--ui-accent-solid, #5b55d6));
+      opacity: 0;
+      transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast, 120ms)) var(--ui-motion-ease, ease);
+}
+.control.row .line[data-v-7b392ded] {
+      inset: -1px 0 auto;
+      height: 2px;
+}
+.control.col .line[data-v-7b392ded] {
+      inset: 0 auto 0 -1px;
+      width: 2px;
+}
+.control.active .line[data-v-7b392ded] {
+      opacity: 0.8;
+}
+.guide[data-v-7b392ded] {
+      position: absolute;
+      width: var(--ui-affordance-guide-size, 4px);
+      height: var(--ui-affordance-guide-size, 4px);
+      border-radius: var(--ui-radius-round, 999px);
+      background: var(--ui-affordance-guide-color, var(--ui-border-strong, #c8c8c4));
+      opacity: var(--ui-affordance-guide-opacity, 0.42);
+      transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast, 120ms)) var(--ui-motion-ease, ease);
+}
+.control.row .guide[data-v-7b392ded] {
+      left: -10px;
+      top: -2px;
+}
+.control.col .guide[data-v-7b392ded] {
+      left: -2px;
+      top: -10px;
+}
+.control:has(.handle[data-ui-proximity="near"]) .guide[data-v-7b392ded],
+    .control.active .guide[data-v-7b392ded] {
+      opacity: 0;
+}
+.tooltip[data-v-7b392ded] {
+      position: absolute;
+      z-index: 2;
+      top: calc(100% + 6px);
+      left: 50%;
+      width: max-content;
+      max-width: 14rem;
+      padding: var(--ui-space-1, 4px) var(--ui-space-2, 8px);
+      border-radius: var(--ui-radius-1, 4px);
+      background: var(--ui-text-primary, #1a1a1a);
+      color: var(--ui-surface-elevated, #fff);
+      font-size: var(--ui-font-size-xs, 0.75rem);
+      font-weight: var(--ui-font-medium, 500);
+      line-height: var(--ui-line-height-md, 1.4);
+      opacity: 0;
+      transform: translateX(-50%);
+      transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast, 120ms)) var(--ui-motion-ease, ease);
+      pointer-events: none;
+}
+.control.row .tooltip[data-v-7b392ded] {
+      top: 50%;
+      left: auto;
+      right: calc(100% + 8px);
+      transform: translateY(-50%);
+}
+.control.active .tooltip[data-v-7b392ded],
+    .handle:focus-visible .tooltip[data-v-7b392ded] {
+      opacity: 1;
+}
+.selector[data-v-7b392ded],
+    .cell-menu[data-v-7b392ded] {
+      position: absolute;
+      z-index: 2;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      padding: 0;
+      border: 1px solid transparent;
+      background: transparent;
+      color: var(--ui-text-secondary, #5c5c5c);
+      box-shadow: none;
+      pointer-events: auto;
+      cursor: pointer;
+      transition:
+        color var(--ui-affordance-motion, var(--ui-motion-fast, 120ms)) var(--ui-motion-ease, ease),
+        background-color var(--ui-affordance-motion, var(--ui-motion-fast, 120ms)) var(--ui-motion-ease, ease),
+        border-color var(--ui-affordance-motion, var(--ui-motion-fast, 120ms)) var(--ui-motion-ease, ease),
+        box-shadow var(--ui-affordance-motion, var(--ui-motion-fast, 120ms)) var(--ui-motion-ease, ease);
+}
+.selector[data-v-7b392ded]:hover,
+    .cell-menu[data-v-7b392ded]:hover {
+      background: var(--ui-icon-button-hover-bg, var(--ui-surface-muted, #f3f4f6));
+      color: var(--ui-icon-button-hover-color, var(--ui-text-primary, #1a1a1a));
+      box-shadow: var(--ui-shadow-xs, 0 1px 2px rgb(0 0 0 / 0.05));
+}
+.selector[data-v-7b392ded] {
+      border-radius: var(--ui-radius-round, 999px);
+}
+.selector[data-v-7b392ded]::before {
+      content: "";
+      position: absolute;
+      inset: 50% auto auto 50%;
+      border-radius: var(--ui-radius-round, 999px);
+      background: var(--ui-affordance-guide-color, var(--ui-border-strong, #c8c8c4));
+      opacity: var(--ui-affordance-guide-opacity, 0.42);
+      transform: translate(-50%, -50%);
+      transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast, 120ms)) var(--ui-motion-ease, ease);
+      pointer-events: none;
+}
+.selector .glyph[data-v-7b392ded] {
+      display: block;
+      width: 14px;
+      height: 14px;
+      --ui-icon-size: 14px;
+      --ui-icon-stroke-width: var(--ui-editor-table-affordance-icon-stroke-width, 2);
+      opacity: 0;
+      transform: scale(0.72);
+      transition:
+        opacity var(--ui-affordance-motion, var(--ui-motion-fast, 120ms)) var(--ui-motion-ease, ease),
+        transform var(--ui-affordance-motion, var(--ui-motion-fast, 120ms)) var(--ui-motion-ease, ease);
+}
+.selector[data-v-7b392ded]:hover::before,
+    .selector[data-v-7b392ded]:focus-visible::before {
+      opacity: 0;
+}
+.selector:hover .glyph[data-v-7b392ded],
+    .selector:focus-visible .glyph[data-v-7b392ded] {
+      opacity: 1;
+      transform: scale(1);
+}
+.selector.row[data-v-7b392ded] {
+      left: -9px;
+      width: 18px;
+      height: 32px;
+      transform: translateY(-50%);
+}
+.selector.row[data-v-7b392ded]::before {
+      width: 2px;
+      height: 16px;
+}
+.selector.column[data-v-7b392ded] {
+      top: -9px;
+      width: 32px;
+      height: 18px;
+      transform: translateX(-50%);
+}
+.selector.column[data-v-7b392ded]::before {
+      width: 16px;
+      height: 2px;
+}
+@media (hover: none), (pointer: coarse) {
+.selector[data-v-7b392ded]::before {
+        opacity: 0;
+}
+.selector .glyph[data-v-7b392ded] {
+        opacity: 1;
+        transform: none;
+}
+}
+.cell-menu[data-v-7b392ded] {
+      width: 24px;
+      height: 24px;
+      border-radius: var(--ui-radius-1, 4px);
+      background: color-mix(in srgb, var(--ui-surface-muted, #f3f4f6) 78%, transparent);
+}
+.cell-menu[data-v-7b392ded] {
+      --ui-icon-size: 15px;
+      --ui-icon-stroke-width: var(--ui-editor-table-affordance-icon-stroke-width, 2);
+}
+[data-component~="ui-editor-table-overlay"][hidden][data-v-7b392ded] {
+      display: none;
+}
+
+.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"][data-v-6f66c7f4] {
+      min-width: max-content;
+      min-height: 100%;
+      padding: 0;
+      background: transparent;
+      border: 0;
+      border-radius: 0;
+      box-shadow: none;
+      backdrop-filter: none;
+}
+.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] button[data-v-6f66c7f4] {
+      min-height: 44px;
+      background: transparent;
+}
+.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] button.active[data-v-6f66c7f4],
+    .looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] button.selected[data-v-6f66c7f4] {
+      background: var(--ui-accent-soft, var(--ui-accent-subtle, #e8f0fb));
+}
+.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] .menu[data-v-6f66c7f4] {
+      top: auto;
+      right: 0;
+      bottom: calc(100% + var(--ui-space-2, 8px));
+      max-height: min(50dvh, 22rem);
+      overflow-y: auto;
+      overscroll-behavior: contain;
+}
+[data-component~="ui-editor-table-toolbar"][data-v-6f66c7f4] {
+      display: inline-flex;
+      align-items: center;
+      gap: var(--ui-space-1, 4px);
+      padding: var(--ui-space-1, 4px);
+      background: color-mix(in srgb, var(--ui-surface, #fff) 94%, transparent);
+      border: 1px solid var(--ui-border, #e5e7eb);
+      border-radius: calc(var(--ui-radius-md, 6px) + 2px);
+      box-shadow: var(--ui-shadow-lg, 0 10px 15px -3px rgb(0 0 0 / 0.1));
+      backdrop-filter: blur(10px);
+}
+.group[data-v-6f66c7f4] {
+      display: inline-flex;
+      align-items: center;
+      gap: 2px;
+      overflow: hidden;
+}
+.sep[data-v-6f66c7f4] {
+      width: 1px;
+      align-self: stretch;
+      background: var(--ui-border, #e5e7eb);
+}
+.overflow[data-v-6f66c7f4] {
+      position: relative;
+}
+[data-component~="ui-editor-table-toolbar"] button[data-v-6f66c7f4] {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      gap: var(--ui-space-1-5, 6px);
+      min-height: 32px;
+      border: 0;
+      border-radius: var(--ui-radius-sm, 4px);
+      background: transparent;
+      color: var(--ui-text-primary, #111827);
+      cursor: pointer;
+      font-size: var(--ui-text-sm, 0.875rem);
+      font-weight: 500;
+      line-height: 1;
+      padding: var(--ui-space-1-5, 6px) var(--ui-space-2, 8px);
+      white-space: nowrap;
+}
+[data-component~="ui-editor-table-toolbar"] button[data-v-6f66c7f4]:hover {
+      background: var(--ui-surface-hover, #f3f4f6);
+}
+[data-component~="ui-editor-table-toolbar"] button.active[data-v-6f66c7f4] {
+      background: var(--ui-accent-soft, var(--ui-accent-subtle, #e8f0fb));
+      color: var(--ui-accent-active, #003d7a);
+}
+.group button[data-v-6f66c7f4] {
+      border-radius: var(--ui-radius-sm, 4px);
+}
+.group button + button[data-v-6f66c7f4] {
+      border-left: 0;
+}
+[data-component~="ui-editor-table-toolbar"] .more[data-v-6f66c7f4] {
+      border: 0;
+      border-radius: var(--ui-radius-sm, 4px);
+}
+[data-component~="ui-editor-table-toolbar"] button.danger[data-v-6f66c7f4] {
+      color: var(--ui-danger, #dc2626);
+}
+[data-component~="ui-editor-table-toolbar"][data-v-6f66c7f4] {
+      --ui-icon-size: var(--ui-editor-toolbar-icon-size, 1rem);
+      --ui-icon-stroke-width: var(--ui-editor-toolbar-icon-stroke-width, 1.75);
+}
+.chevron[data-v-6f66c7f4] {
+      display: inline-flex;
+      --ui-icon-size: 0.875rem;
+}
+[data-component~="ui-editor-table-toolbar"] .icon-button[data-v-6f66c7f4] {
+      width: 32px;
+      padding-inline: 0;
+}
+.menu[data-v-6f66c7f4] {
+      position: absolute;
+      top: calc(100% + var(--ui-space-2, 8px));
+      right: 0;
+      min-width: 12rem;
+      padding: var(--ui-space-1, 4px);
+      background: var(--ui-surface, #fff);
+      border: 1px solid var(--ui-border, #e5e7eb);
+      border-radius: var(--ui-radius-md, 6px);
+      box-shadow: var(--ui-shadow-lg, 0 10px 15px -3px rgb(0 0 0 / 0.1));
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+      z-index: 2;
+}
+.menu-section + .menu-section[data-v-6f66c7f4] {
+      margin-top: var(--ui-space-1, 4px);
+      padding-top: var(--ui-space-1, 4px);
+      border-top: 1px solid color-mix(in srgb, var(--ui-border, #e5e7eb) 80%, transparent);
+}
+.menu-heading[data-v-6f66c7f4] {
+      padding: var(--ui-space-1, 4px) var(--ui-space-2, 8px);
+      font-size: 0.6875rem;
+      font-weight: 700;
+      letter-spacing: 0.05em;
+      text-transform: uppercase;
+      color: var(--ui-text-muted, #6b7280);
+}
+.menu button[data-v-6f66c7f4] {
+      display: flex;
+      justify-content: flex-start;
+      width: 100%;
+      text-align: left;
+}
+.swatches[data-v-6f66c7f4] {
+      display: grid;
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+      gap: 2px;
+}
+[data-component~="ui-editor-table-toolbar"] .swatch-button[data-v-6f66c7f4] {
+      gap: var(--ui-space-1, 4px);
+      justify-content: flex-start;
+}
+.swatch[data-v-6f66c7f4] {
+      width: 14px;
+      height: 14px;
+      flex: 0 0 14px;
+      border: 1px solid color-mix(in srgb, var(--ui-border, #e5e7eb) 80%, #000);
+      border-radius: 3px;
+      background: var(--ui-editor-table-toolbar-swatch);
+}
+.swatch.default[data-v-6f66c7f4] {
+      background:
+        linear-gradient(135deg, transparent 44%, var(--ui-danger, #dc2626) 46% 54%, transparent 56%),
+        var(--ui-surface, #fff);
+}
+.swatch-button.selected[data-v-6f66c7f4] {
+      background: var(--ui-accent-soft, var(--ui-accent-subtle, #e8f0fb));
+}
+[data-component~="ui-editor-table-toolbar"][hidden][data-v-6f66c7f4] {
+      display: none;
+}
+
+[data-component~="ui-editor-toolbar"][data-v-2c94f261] {
+      position: sticky;
+      top: 0;
+      z-index: var(--ui-editor-toolbar-z-index, 10);
+      display: flex;
+      align-items: center;
+      justify-content: flex-start;
+      gap: var(--ui-editor-toolbar-gap, 2px);
+      padding: var(--ui-editor-toolbar-padding-block, 6px) var(--ui-editor-toolbar-padding-inline, 12px);
+      min-height: var(--ui-editor-toolbar-min-height, 48px);
+      overflow-x: auto;
+      scrollbar-width: none;
+      white-space: nowrap;
+      background: var(--ui-editor-toolbar-bg, var(--ui-surface, #fff));
+      border-bottom: 1px solid var(--ui-editor-toolbar-border, var(--ui-border, #e5e7eb));
+}
+[data-component~="ui-editor-toolbar"][data-v-2c94f261]::-webkit-scrollbar {
+      display: none;
+}
+[data-component~="ui-editor-toolbar"] > [data-v-2c94f261-s] {
+      flex: 0 0 auto;
+}
+.divider[data-v-2c94f261-s] {
+      width: 1px;
+      height: 20px;
+      background: var(--ui-editor-toolbar-divider, var(--ui-border, #e5e7eb));
+      flex-shrink: 0;
+      margin: 0 var(--ui-editor-toolbar-divider-margin, 4px);
+}
+[data-component~="ui-editor-toolbar"][data-ui-editor-toolbar-state~="floating"][data-v-2c94f261] {
+      position: static;
+      top: auto;
+      width: max-content;
+      max-width: min(calc(100vw - 24px), 100%);
+      min-height: auto;
+      padding: var(--ui-editor-toolbar-floating-padding, 4px);
+      overflow-x: visible;
+      background: color-mix(in srgb, var(--ui-editor-toolbar-bg, var(--ui-surface, #fff)) 96%, transparent);
+      border: 1px solid var(--ui-editor-toolbar-border, var(--ui-border, #e5e7eb));
+      border-radius: var(--ui-editor-toolbar-floating-radius, var(--ui-radius-lg, 10px));
+      box-shadow: var(--ui-editor-toolbar-floating-shadow, var(--ui-shadow-lg, 0 10px 24px rgb(0 0 0 / 0.12)));
+      backdrop-filter: blur(10px);
+}
+@media (max-width: 767px) {
+[data-component~="ui-editor-toolbar"][data-v-2c94f261] {
+        position: fixed;
+        top: auto;
+        bottom: env(safe-area-inset-bottom);
+        left: 0;
+        right: 0;
+        min-height: var(--ui-editor-toolbar-mobile-min-height, 56px);
+        border-top: 1px solid var(--ui-editor-toolbar-border, var(--ui-border, #e5e7eb));
+        border-bottom: none;
+        box-shadow: var(--ui-editor-toolbar-mobile-shadow, 0 -2px 8px rgb(0 0 0 / 0.06));
+}
+[data-component~="ui-editor-toolbar"][data-ui-editor-toolbar-state~="floating"][data-v-2c94f261] {
+        position: static;
+        inset: auto;
+        min-height: auto;
+        border: 1px solid var(--ui-editor-toolbar-border, var(--ui-border, #e5e7eb));
+        border-radius: var(--ui-editor-toolbar-floating-radius, var(--ui-radius-lg, 10px));
+        box-shadow: var(--ui-editor-toolbar-floating-shadow, var(--ui-shadow-lg, 0 10px 24px rgb(0 0 0 / 0.12)));
+}
+}
+
+    /* Inside LoomaEditor's sticky shell, the shell is the sticky surface. */
+.looma-editor__sticky-toolbar-shell [data-component~="ui-editor-toolbar"][data-v-2c94f261] {
+      position: static;
+      min-height: var(--ui-editor-toolbar-min-height, 48px);
+      overscroll-behavior-inline: contain;
+      background: transparent;
+      border: 0;
+      box-shadow: none;
+}
+
+    /* Inside LoomaEditor's mobile shell, the toolbar is a scroll-snapping strip. */
+.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-toolbar"][data-ui-editor-toolbar-state~="floating"][data-v-2c94f261] {
+      width: 100%;
+      max-width: none;
+      min-height: 100%;
+      padding: 0;
+      overflow-x: auto;
+      overflow-y: hidden;
+      overscroll-behavior-inline: contain;
+      scroll-snap-type: x mandatory;
+      background: transparent;
+      border: 0;
+      border-radius: 0;
+      box-shadow: none;
+      backdrop-filter: none;
+}
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
+[data-component~="ui-editor-toolbar"][hidden][data-v-2c94f261] {
+      display: none;
+}
+
+[data-component~="ui-floating-action-button"][data-v-b94e6e26] {
+      position: fixed;
+      inset-block-end: calc(var(--ui-floating-action-button-bottom, var(--ui-space-6, 1.5rem)) + env(safe-area-inset-bottom));
+      inset-inline-end: max(
+        var(--ui-floating-action-button-inline-end, var(--ui-space-5, 1.25rem)),
+        env(safe-area-inset-right)
+      );
+      inline-size: var(--ui-floating-action-button-size, 56px);
+      block-size: var(--ui-floating-action-button-size, 56px);
+      display: inline-flex;
+      z-index: var(--ui-floating-action-button-z-index, 100);
+}
+[data-component~="ui-floating-action-button"][data-v-b94e6e26] {
+      appearance: none;
+      border: none;
+      border-radius: 999px;
+      margin: 0;
+      padding: 0;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      background: var(--ui-floating-action-button-bg, var(--ui-accent-solid));
+      color: var(--ui-floating-action-button-color, var(--ui-text-on-accent));
+      box-shadow: var(
+        --ui-floating-action-button-shadow,
+        0 4px 12px color-mix(in srgb, var(--ui-accent-solid) 40%, transparent)
+      );
+      cursor: pointer;
+      transition:
+        background-color var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease),
+        transform var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease),
+        box-shadow var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease);
+}
+[data-component~="ui-floating-action-button"][data-v-b94e6e26]:hover:enabled {
+      background: var(--ui-floating-action-button-hover-bg, var(--ui-accent-hover));
+      box-shadow: var(
+        --ui-floating-action-button-hover-shadow,
+        0 6px 16px color-mix(in srgb, var(--ui-accent-solid) 50%, transparent)
+      );
+}
+[data-component~="ui-floating-action-button"][data-v-b94e6e26]:active:enabled {
+      transform: scale(var(--ui-floating-action-button-active-scale, 0.94));
+}
+[data-component~="ui-floating-action-button"][data-v-b94e6e26]:focus-visible {
+      outline: 2px solid var(--ui-focus-ring, currentColor);
+      outline-offset: 2px;
+}
+[data-component~="ui-floating-action-button"][data-v-b94e6e26]:disabled {
+      opacity: 0.6;
+      cursor: not-allowed;
+}
+svg[data-v-b94e6e26-s] {
+      inline-size: var(--ui-floating-action-button-icon-size, 24px);
+      block-size: var(--ui-floating-action-button-icon-size, 24px);
+      flex-shrink: 0;
+}
+@media (min-width: 768px) {
+[data-component~="ui-floating-action-button"][data-ui-floating-action-button-state~="mobileOnly"][data-v-b94e6e26] {
+        display: none;
+}
+}
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
+[data-component~="ui-floating-action-button"][hidden][data-v-b94e6e26] {
+      display: none;
+}
+
+[data-component~="ui-form-field"][data-v-31c8915e] {
+      display: grid;
+      gap: var(--ui-space-2);
+      min-inline-size: 0;
+      align-content: start;
+      color: var(--ui-text-primary);
+}
+[slot="label"][data-v-31c8915e-s] {
+      color: var(--ui-text-secondary);
+      font-size: 0.95rem;
+}
+[slot="help"][data-v-31c8915e-s] {
+      min-block-size: var(--ui-form-field-help-min-block-size, 0);
+      color: var(--ui-text-muted);
+      font-size: 0.875rem;
+      line-height: var(--ui-line-height-md);
+}
+[slot="error"][data-v-31c8915e-s],[role="alert"][data-v-31c8915e-s] {
+      color: var(--ui-accent-active);
+      font-size: 0.875rem;
+}
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
+[data-component~="ui-form-field"][hidden][data-v-31c8915e] {
+      display: none;
+}
+
+[data-component~="ui-grid"][data-v-60709c03] {
+      --_grid-gap: var(--ui-space-4, 1rem);
+      --_grid-min: 12rem;
+      display: grid;
+      gap: var(--ui-grid-gap, var(--_grid-gap));
+      grid-template-columns: repeat(auto-fit, minmax(min(var(--ui-grid-min, var(--_grid-min)), 100%), 1fr));
+      min-inline-size: 0;
+      max-inline-size: 100%;
+      margin: 0;
+}
+[data-component~="ui-grid"][data-ui-grid-state~="gap=xs"][data-v-60709c03] {
+      --_grid-gap: var(--ui-space-2, 0.5rem);
+}
+[data-component~="ui-grid"][data-ui-grid-state~="gap=s"][data-v-60709c03] {
+      --_grid-gap: var(--ui-space-3, 0.75rem);
+}
+[data-component~="ui-grid"][data-ui-grid-state~="gap=m"][data-v-60709c03] {
+      --_grid-gap: var(--ui-space-4, 1rem);
+}
+[data-component~="ui-grid"][data-ui-grid-state~="gap=l"][data-v-60709c03] {
+      --_grid-gap: var(--ui-space-5, 1.5rem);
+}
+[data-component~="ui-grid"][data-ui-grid-state~="gap=xl"][data-v-60709c03] {
+      --_grid-gap: var(--ui-space-6, 2rem);
+}
+[data-component~="ui-grid"][data-ui-grid-state~="min=md"][data-v-60709c03] {
+      --_grid-min: 16rem;
+}
+[data-component~="ui-grid"][data-ui-grid-state~="min=lg"][data-v-60709c03] {
+      --_grid-min: 20rem;
+}
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
+[data-component~="ui-grid"][hidden][data-v-60709c03] {
+      display: none;
+}
+
+[data-component~="ui-icon-button"][data-v-370603ec] {
+      display: inline-flex;
+      color: var(--ui-text-secondary);
+}
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-370603ec] {
+      position: relative;
+}
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-370603ec]::before {
+      content: "";
+      position: absolute;
+      inset: 50% auto auto 50%;
+      z-index: 1;
+      inline-size: var(--ui-affordance-guide-size, 0.25rem);
+      block-size: var(--ui-affordance-guide-size, 0.25rem);
+      border-radius: var(--ui-radius-round, 999px);
+      background: var(--ui-affordance-guide-color, var(--ui-border-strong));
+      opacity: var(--ui-affordance-guide-opacity, 0.42);
+      transform: translate(-50%, -50%);
+      transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
+      pointer-events: none;
+}
+
+    /* At rest an anticipatory button shows only its guide dot; proximity, hover, or focus reveals the
+     * surface and icon. The root is the native button, so hiding it outright would hide the dot
+     * too, and slotted icons sit outside this scope; `color: transparent` hides currentColor icons. */
+@media (hover: hover) and (pointer: fine) {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-370603ec]:not([data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"], [data-ui-proximity="near"], :hover, :focus-visible) {
+        border-color: transparent;
+        background: transparent;
+        box-shadow: none;
+        color: transparent;
+}
+}
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-370603ec]:is([data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"], [data-ui-proximity="near"], :hover, :focus-visible)::before {
+      opacity: 0;
+}
+[data-component~="ui-icon-button"][data-v-370603ec] {
+      appearance: none;
+      inline-size: var(--ui-icon-button-size, 2rem);
+      block-size: var(--ui-icon-button-size, 2rem);
+      min-inline-size: var(--ui-icon-button-size, 2rem);
+      min-block-size: var(--ui-icon-button-size, 2rem);
+      padding: 0;
+      margin: 0;
+      border: 1px solid transparent;
+      border-radius: var(--ui-icon-button-radius, var(--ui-radius-2));
+      background: var(--ui-icon-button-bg, transparent);
+      color: inherit;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      cursor: pointer;
+      transition:
+        background-color var(--ui-motion-fast) var(--ui-motion-ease),
+        border-color var(--ui-motion-fast) var(--ui-motion-ease),
+        color var(--ui-motion-fast) var(--ui-motion-ease),
+        box-shadow var(--ui-motion-fast) var(--ui-motion-ease),
+        transform var(--ui-motion-fast) var(--ui-motion-ease);
+}
+@media (hover: none), (pointer: coarse) {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-370603ec]::before {
+        opacity: 0;
+}
+}
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="size=sm"][data-v-370603ec] {
+      inline-size: var(--ui-icon-button-size-sm, 1.75rem);
+      block-size: var(--ui-icon-button-size-sm, 1.75rem);
+      min-inline-size: var(--ui-icon-button-size-sm, 1.75rem);
+      min-block-size: var(--ui-icon-button-size-sm, 1.75rem);
+}
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="size=lg"][data-v-370603ec] {
+      inline-size: var(--ui-icon-button-size-lg, 2.5rem);
+      block-size: var(--ui-icon-button-size-lg, 2.5rem);
+      min-inline-size: var(--ui-icon-button-size-lg, 2.5rem);
+      min-block-size: var(--ui-icon-button-size-lg, 2.5rem);
+}
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="round"][data-v-370603ec] {
+      border-radius: var(--ui-radius-round, 999px);
+}
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][data-v-370603ec] {
+      border-color: var(--ui-icon-button-border, var(--ui-border-default));
+      background: var(--ui-icon-button-outline-bg, var(--ui-surface-default));
+      color: var(--ui-icon-button-outline-color, var(--ui-text-primary));
+}
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"][data-v-370603ec] {
+      background: var(--ui-icon-button-solid-bg, var(--ui-accent-solid));
+      color: var(--ui-icon-button-solid-color, var(--ui-text-on-accent));
+      box-shadow: var(
+        --ui-icon-button-solid-shadow,
+        0 1px 2px color-mix(in srgb, var(--ui-accent-solid) 18%, transparent)
+      );
+}
+[data-component~="ui-icon-button"][data-v-370603ec]:hover:enabled {
+      /* Derived from the text colour so the ghost hover shows on any background. */
+      background: var(--ui-icon-button-hover-bg, color-mix(in srgb, currentColor 8%, transparent));
+      color: var(--ui-icon-button-hover-color, var(--ui-text-primary));
+}
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][data-v-370603ec]:hover:enabled {
+      border-color: var(--ui-icon-button-hover-border, var(--ui-border-strong));
+}
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"][data-v-370603ec]:hover:enabled {
+      background: var(--ui-icon-button-solid-hover-bg, var(--ui-accent-hover));
+}
+[data-component~="ui-icon-button"][data-v-370603ec]:active:enabled {
+      transform: scale(var(--ui-icon-button-active-scale, 0.96));
+}
+[data-component~="ui-icon-button"][data-v-370603ec]:focus-visible {
+      outline: none;
+      box-shadow: var(--ui-focus-halo);
+}
+[data-component~="ui-icon-button"][data-v-370603ec]:disabled {
+      opacity: 0.6;
+      cursor: not-allowed;
+}
+[data-component~="ui-icon-button"][data-v-370603ec] {
+      --_icon-button-icon-default: var(--ui-icon-size-md, 1.25rem);
+}
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="size=sm"][data-v-370603ec] {
+      --_icon-button-icon-default: var(--ui-icon-size-sm, 1rem);
+}
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="size=lg"][data-v-370603ec] {
+      --_icon-button-icon-default: var(--ui-icon-size-lg, 1.5rem);
+}
+svg[data-v-370603ec-s] {
+      inline-size: var(--ui-icon-button-icon-size, var(--_icon-button-icon-default));
+      block-size: var(--ui-icon-button-icon-size, var(--_icon-button-icon-default));
+      flex-shrink: 0;
+      stroke-width: var(--ui-icon-button-icon-stroke-width, 1.75);
+}
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
+[data-component~="ui-icon-button"][hidden][data-v-370603ec] {
+      display: none;
+}
+
+[data-component~="ui-input"][data-v-cf6676f9] {
+      box-sizing: border-box;
+      display: inline-block;
+      inline-size: 100%;
+      min-inline-size: 0;
+      min-block-size: var(--ui-control-size-md, 2.5rem);
+      margin: 0;
+      padding: var(--ui-space-2) var(--ui-space-3);
+      appearance: none;
+      border: 1px solid var(--ui-control-border, var(--ui-border-strong));
+      border-radius: var(--ui-input-radius, var(--ui-radius-2));
+      background: var(--ui-control-surface, var(--ui-surface-elevated));
+      color: var(--ui-text-primary);
+      font: inherit;
+      line-height: var(--ui-line-height-md);
+      box-shadow: var(--ui-input-shadow, var(--ui-control-inset));
+      transition:
+        border-color var(--ui-motion-fast) var(--ui-motion-ease),
+        box-shadow var(--ui-motion-fast) var(--ui-motion-ease),
+        background-color var(--ui-motion-fast) var(--ui-motion-ease);
+}
+
+    /* Tabbing into a field selects its text; tint that selection softly instead of the page highlight. */
+[data-component~="ui-input"][data-v-cf6676f9]::selection {
+      background: color-mix(in srgb, var(--ui-accent-solid) 20%, transparent);
+      color: inherit;
+}
+[data-component~="ui-input"][data-v-cf6676f9]::placeholder {
+      color: var(--ui-control-placeholder, var(--ui-text-secondary));
+      opacity: 1;
+}
+[data-component~="ui-input"][data-v-cf6676f9]:hover:not(:focus):not(:disabled) {
+      border-color: var(--ui-control-border-hover, var(--ui-text-secondary));
+}
+[data-component~="ui-input"][data-v-cf6676f9]:focus-visible {
+      border-color: var(--ui-control-focus, var(--ui-accent-solid));
+      outline: none;
+      box-shadow: var(--ui-input-focus-shadow, var(--ui-control-inset), var(--ui-control-focus-halo-shadow));
+}
+
+    /* The app's invalid flag, or the browser's own verdict once the user has left an invalid field. */
+[data-component~="ui-input"][aria-invalid="true"][data-v-cf6676f9],
+    [data-component~="ui-input"][data-v-cf6676f9]:is(:user-invalid, [data-user-invalid]) {
+      border-color: var(--ui-danger-solid);
+}
+[data-component~="ui-input"][data-v-cf6676f9]:is([aria-invalid="true"], :is(:user-invalid, [data-user-invalid])):focus-visible {
+      box-shadow:
+        var(--ui-control-inset),
+        0 0 0 3px color-mix(in srgb, var(--ui-danger-solid) 22%, transparent);
+}
+[data-component~="ui-input"][data-v-cf6676f9]:disabled {
+      background: var(--ui-control-surface-disabled, var(--ui-surface-muted));
+      color: var(--ui-text-muted);
+      box-shadow: none;
+      cursor: not-allowed;
+}
+
+    /* No text-box-trim here: trimming a native input's line box below its line height lets the text
+     * scroll vertically inside the field. Native inputs already center their single line. */
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
+[data-component~="ui-input"][hidden][data-v-cf6676f9] {
+      display: none;
+}
+
+[data-component~="ui-menu"][data-v-75d428d7] {
+      display: flex;
+      flex-direction: column;
+      box-sizing: border-box;
+      inline-size: max-content;
+      min-inline-size: min(12rem, calc(100vw - var(--ui-menu-viewport-gap, var(--ui-space-2, 0.5rem)) * 2));
+      max-inline-size: calc(100vw - var(--ui-menu-viewport-gap, var(--ui-space-2, 0.5rem)) * 2);
+      padding: 0;
+      border: 0;
+      outline: 0;
+      border-radius: 0;
+      background: transparent;
+      box-shadow: none;
+      overflow: visible;
+}
+.surface[data-v-75d428d7] {
+      display: flex;
+      flex-direction: column;
+      box-sizing: border-box;
+      max-inline-size: inherit;
+      padding: var(--ui-space-1);
+      background: var(--ui-surface-elevated);
+      border: 1px solid var(--ui-border-default);
+      border-radius: var(--ui-radius-3);
+      box-shadow: var(--ui-elevation-overlay, var(--ui-shadow-lg));
+      max-block-size: inherit;
+      overflow: auto;
+}
+[data-component~="ui-menu"][data-v-75d428d7]:not([data-component~="ui-menu"][data-ui-menu-state~="internalOpen"]) {
+      display: none;
+}
+[data-component~="ui-menu"][popover][data-v-75d428d7] {
+      position: fixed;
+      inset: auto;
+      margin: 0;
+      overflow: visible;
+      max-block-size: calc(100dvh - var(--ui-menu-viewport-gap, var(--ui-space-2, 0.5rem)) * 2);
+      opacity: 0;
+      transform: translateY(-4px) scale(0.99);
+      transition:
+        opacity var(--ui-motion-fast) var(--ui-motion-ease),
+        transform var(--ui-motion-fast) var(--ui-motion-ease),
+        display var(--ui-motion-fast) allow-discrete,
+        overlay var(--ui-motion-fast) allow-discrete;
+}
+[data-component~="ui-menu"][popover][data-v-75d428d7]:popover-open {
+      opacity: 1;
+      transform: translateY(0) scale(1);
+}
+@starting-style {
+[data-component~="ui-menu"][popover][data-v-75d428d7]:popover-open {
+        opacity: 0;
+        transform: translateY(-4px) scale(0.99);
+}
+}
+[data-component~="ui-menu"][hidden][data-v-75d428d7] {
+      display: none;
+}
+@media (prefers-reduced-motion: reduce) {
+[data-component~="ui-menu"][popover][data-v-75d428d7] {
+        transition: none;
+}
+}
+
+[data-component~="ui-menu-item"][data-v-05a8f163] {
+      display: block;
+      box-sizing: border-box;
+      width: 100%;
+      padding: var(--ui-space-2) var(--ui-space-3);
+      text-align: left;
+      border-radius: var(--ui-radius-2);
+      color: var(--ui-text-primary);
+      font-size: var(--ui-font-size-md);
+      font-weight: var(--ui-font-medium, 500);
+      cursor: pointer;
+      outline: none;
+      transition: background-color var(--ui-motion-fast) var(--ui-motion-ease), color var(--ui-motion-fast) var(--ui-motion-ease);
+}
+[data-component~="ui-menu-item"][data-v-05a8f163]:is(:hover, :focus-visible):not([aria-disabled="true"]) {
+      background: var(--ui-surface-subtle);
+}
+[data-component~="ui-menu-item"][aria-disabled="true"][data-v-05a8f163] {
+      opacity: 0.6;
+      cursor: not-allowed;
+}
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
+[data-component~="ui-menu-item"][hidden][data-v-05a8f163] {
+      display: none;
+}
+
+[data-component~="ui-popover"][data-v-3d1188bf] {
+      box-sizing: border-box;
+      max-inline-size: min(
+        20rem,
+        calc(100vw - var(--ui-popover-viewport-gap, var(--ui-space-2, 0.5rem)) * 2)
+      );
+      max-block-size: calc(100dvh - var(--ui-popover-viewport-gap, var(--ui-space-2, 0.5rem)) * 2);
+      overflow: visible;
+      padding: 0;
+      border: 0;
+      outline: 0;
+      border-radius: 0;
+      background: transparent;
+      box-shadow: none;
+}
+.surface[data-v-3d1188bf] {
+      box-sizing: border-box;
+      max-inline-size: inherit;
+      max-block-size: inherit;
+      overflow: auto;
+      padding: var(--ui-space-3);
+      background: var(--ui-surface-elevated);
+      border: 1px solid var(--ui-border-default);
+      border-radius: var(--ui-radius-3);
+      box-shadow: var(--ui-elevation-overlay, var(--ui-shadow-lg));
+}
+[data-component~="ui-popover"][data-v-3d1188bf]:not([data-component~="ui-popover"][data-ui-popover-state~="internalOpen"]) {
+      display: none;
+}
+[data-component~="ui-popover"][popover][data-v-3d1188bf] {
+      position: fixed;
+      inset: auto;
+      margin: 0;
+      opacity: 0;
+      transform: translateY(-4px) scale(0.99);
+      transition:
+        opacity var(--ui-motion-fast) var(--ui-motion-ease),
+        transform var(--ui-motion-fast) var(--ui-motion-ease),
+        display var(--ui-motion-fast) allow-discrete,
+        overlay var(--ui-motion-fast) allow-discrete;
+}
+[data-component~="ui-popover"][popover][data-v-3d1188bf]:popover-open {
+      opacity: 1;
+      transform: translateY(0) scale(1);
+}
+@starting-style {
+[data-component~="ui-popover"][popover][data-v-3d1188bf]:popover-open {
+        opacity: 0;
+        transform: translateY(-4px) scale(0.99);
+}
+}
+[data-component~="ui-popover"][hidden][data-v-3d1188bf] {
+      display: none;
+}
+@media (prefers-reduced-motion: reduce) {
+[data-component~="ui-popover"][popover][data-v-3d1188bf] {
+        transition: none;
+}
+}
+
+[data-component~="ui-radio"][data-v-e5d6bc8d] {
+      display: inline-flex;
+      align-items: flex-start;
+      gap: var(--ui-radio-gap, var(--ui-space-2));
+      max-inline-size: 100%;
+      color: var(--ui-text-primary);
+      cursor: pointer;
+}
+.label[data-v-e5d6bc8d] {
+      min-inline-size: 0;
+      line-height: var(--ui-line-height-md);
+}
+input[data-v-e5d6bc8d] {
+      flex: 0 0 auto;
+      inline-size: var(--ui-radio-size, 1.125rem);
+      block-size: var(--ui-radio-size, 1.125rem);
+      margin: 0.125em 0 0;
+      accent-color: var(--ui-accent-solid);
+      cursor: pointer;
+}
+input[data-v-e5d6bc8d]:focus-visible {
+      outline: 2px solid var(--ui-focus-ring, var(--ui-accent-solid));
+      outline-offset: 2px;
+}
+[data-component~="ui-radio"][data-ui-radio-state~="disabled"][data-v-e5d6bc8d] {
+      color: var(--ui-text-muted);
+      cursor: not-allowed;
+}
+[data-component~="ui-radio"][data-ui-radio-state~="disabled"] input[data-v-e5d6bc8d] {
+      cursor: not-allowed;
+}
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
+[data-component~="ui-radio"][hidden][data-v-e5d6bc8d] {
+      display: none;
+}
+
+[data-component~="ui-radio-group"][data-v-9cda8db8] {
+      display: inline-flex;
+      align-items: center;
+      gap: var(--ui-space-2);
+      min-inline-size: 0;
+      margin: 0;
+      padding: 0;
+      border: 0;
+}
+legend[data-v-9cda8db8] {
+      float: inline-start;
+      inline-size: 100%;
+      margin: 0 0 var(--ui-space-2);
+      padding: 0;
+      color: var(--ui-text-primary);
+      font-weight: var(--ui-font-medium);
+}
+legend[data-v-9cda8db8] + * {
+      clear: both;
+}
+[data-component~="ui-radio-group"][data-ui-radio-group-state~="orientation=vertical"][data-v-9cda8db8] {
+      display: inline-grid;
+      justify-items: start;
+}
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
+[data-component~="ui-radio-group"][hidden][data-v-9cda8db8] {
+      display: none;
+}
+
+[data-component~="ui-reel"][data-v-6d8ec8a0] {
+      --_reel-gap: var(--ui-space-4, 1rem);
+      --_reel-item-width: auto;
+      display: flex;
+      inline-size: 100%;
+      gap: var(--ui-reel-gap, var(--_reel-gap));
+      min-inline-size: 0;
+      max-inline-size: 100%;
+      margin: 0;
+      overflow-x: auto;
+      overflow-y: hidden;
+      overscroll-behavior-inline: contain;
+}
+[data-component~="ui-reel"] > [data-v-6d8ec8a0-s] {
+      min-inline-size: 0;
+      flex: 0 0 var(--ui-reel-item-width, var(--_reel-item-width));
+}
+[data-component~="ui-reel"][data-ui-reel-state~="gap=xs"][data-v-6d8ec8a0] {
+      --_reel-gap: var(--ui-space-2, 0.5rem);
+}
+[data-component~="ui-reel"][data-ui-reel-state~="gap=s"][data-v-6d8ec8a0] {
+      --_reel-gap: var(--ui-space-3, 0.75rem);
+}
+[data-component~="ui-reel"][data-ui-reel-state~="gap=m"][data-v-6d8ec8a0] {
+      --_reel-gap: var(--ui-space-4, 1rem);
+}
+[data-component~="ui-reel"][data-ui-reel-state~="gap=l"][data-v-6d8ec8a0] {
+      --_reel-gap: var(--ui-space-5, 1.5rem);
+}
+[data-component~="ui-reel"][data-ui-reel-state~="gap=xl"][data-v-6d8ec8a0] {
+      --_reel-gap: var(--ui-space-6, 2rem);
+}
+[data-component~="ui-reel"][data-ui-reel-state~="itemWidth=sm"][data-v-6d8ec8a0] {
+      --_reel-item-width: 12rem;
+}
+[data-component~="ui-reel"][data-ui-reel-state~="itemWidth=md"][data-v-6d8ec8a0] {
+      --_reel-item-width: 16rem;
+}
+[data-component~="ui-reel"][data-ui-reel-state~="itemWidth=lg"][data-v-6d8ec8a0] {
+      --_reel-item-width: 20rem;
+}
+[data-component~="ui-reel"][data-ui-reel-state~="snap"][data-v-6d8ec8a0] {
+      scroll-snap-type: inline mandatory;
+}
+[data-component~="ui-reel"][data-ui-reel-state~="snap=start"] > [data-v-6d8ec8a0-s] {
+      scroll-snap-align: start;
+}
+[data-component~="ui-reel"][data-ui-reel-state~="snap=center"] > [data-v-6d8ec8a0-s] {
+      scroll-snap-align: center;
+}
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
+[data-component~="ui-reel"][hidden][data-v-6d8ec8a0] {
+      display: none;
+}
+
+[data-component~="ui-search-result-row"][data-v-a8b3c5dd] {
+      appearance: none;
+      inline-size: 100%;
+      min-block-size: var(--ui-search-result-row-min-height, 56px);
+      margin: 0;
+      padding-block: var(--ui-search-result-row-padding-block, var(--ui-space-3, 0.75rem));
+      padding-inline: var(--ui-search-result-row-padding-inline, var(--ui-space-4, 1rem));
+      display: flex;
+      align-items: flex-start;
+      gap: var(--ui-search-result-row-gap, var(--ui-space-3, 0.75rem));
+      background: var(--ui-search-result-row-bg, transparent);
+      border: none;
+      border-block-end: 1px solid var(--ui-search-result-row-border, var(--ui-border, #e5e7eb));
+      color: inherit;
+      cursor: pointer;
+      text-align: left;
+      transition: background-color var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease);
+}
+[data-component~="ui-search-result-row"][data-v-a8b3c5dd]:last-child {
+      border-block-end: none;
+}
+[data-component~="ui-search-result-row"][data-v-a8b3c5dd]:hover:enabled {
+      background: var(--ui-search-result-row-hover-bg, color-mix(in srgb, var(--ui-surface, #ffffff) 85%, black 3%));
+}
+[data-component~="ui-search-result-row"][data-ui-search-result-row-state~="selected"][data-v-a8b3c5dd] {
+      background: var(
+        --ui-search-result-row-selected-bg,
+        var(--ui-search-result-row-hover-bg, color-mix(in srgb, var(--ui-surface, #ffffff) 85%, black 3%))
+      );
+}
+[data-component~="ui-search-result-row"][data-v-a8b3c5dd]:focus-visible {
+      outline: 2px solid var(--ui-focus-ring, #2563eb);
+      outline-offset: -2px;
+}
+[data-component~="ui-search-result-row"][data-v-a8b3c5dd]:disabled {
+      opacity: 0.6;
+      cursor: not-allowed;
+}
+.leading[data-v-a8b3c5dd],
+    .trailing[data-v-a8b3c5dd] {
+      display: inline-flex;
+      align-items: flex-start;
+      flex-shrink: 0;
+}
+.content[data-v-a8b3c5dd] {
+      min-inline-size: 0;
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+}
+.title[data-v-a8b3c5dd],
+    .meta[data-v-a8b3c5dd],
+    .excerpt[data-v-a8b3c5dd] {
+      display: block;
+      min-inline-size: 0;
+}
+
+    /* An unused region takes no space. */
+.leading[data-v-a8b3c5dd]:empty,
+    .meta[data-v-a8b3c5dd]:empty,
+    .excerpt[data-v-a8b3c5dd]:empty,
+    .trailing[data-v-a8b3c5dd]:empty {
+      display: none;
+}
+[slot="title"][data-v-a8b3c5dd-s],[slot="meta"][data-v-a8b3c5dd-s],[slot="excerpt"][data-v-a8b3c5dd-s] {
+      display: block;
+      margin: 0;
+}
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
+[data-component~="ui-search-result-row"][hidden][data-v-a8b3c5dd] {
+      display: none;
+}
+
+[data-component~="ui-search-shell"][data-v-8d1491f1] {
+      display: contents;
+}
+dialog[data-v-8d1491f1] {
+      position: fixed;
+      inset: 0;
+      z-index: var(--ui-search-shell-z-index, 400);
+      box-sizing: border-box;
+      inline-size: 100%;
+      max-inline-size: none;
+      block-size: 100%;
+      max-block-size: none;
+      margin: 0;
+      padding: var(--ui-search-shell-padding-top, 10vh) var(--ui-search-shell-viewport-gap, var(--ui-space-4))
+        var(--ui-search-shell-viewport-gap, var(--ui-space-4));
+      overflow: auto;
+      border: 0;
+      background: var(--ui-overlay-backdrop);
+      color: var(--ui-text-primary);
+}
+dialog[data-v-8d1491f1]::backdrop {
+      background: var(--ui-overlay-backdrop);
+}
+.panel[data-v-8d1491f1] {
+      position: relative;
+      display: flex;
+      flex-direction: column;
+      inline-size: min(100%, var(--ui-search-shell-max-width, 40rem));
+      max-block-size: var(--ui-search-shell-max-height, 80vh);
+      margin-inline: auto;
+      overflow: hidden;
+      background: var(--ui-search-shell-bg, var(--ui-surface-elevated));
+      border: 1px solid var(--ui-search-shell-border, var(--ui-border-default));
+      border-radius: var(--ui-search-shell-radius, var(--ui-radius-dialog));
+      box-shadow: var(--ui-search-shell-shadow, var(--ui-elevation-dialog, var(--ui-shadow-xl)));
+}
+.search[data-v-8d1491f1] {
+      padding: var(--ui-space-3);
+      border-block-end: 1px solid var(--ui-border-default);
+}
+input[slot="search"][data-v-8d1491f1-s] {
+      box-sizing: border-box;
+      inline-size: 100%;
+      min-block-size: var(--ui-control-min-block-size);
+      padding: var(--ui-space-2) var(--ui-space-3);
+      border: 1px solid var(--ui-control-border);
+      border-radius: var(--ui-radius-2);
+      background: var(--ui-control-surface);
+      color: var(--ui-text-primary);
+      font: inherit;
+      box-shadow: var(--ui-shadow-xs);
+}
+input[slot="search"][data-v-8d1491f1-s]:focus-visible {
+      border-color: var(--ui-control-focus);
+      outline: 2px solid var(--ui-focus-ring, currentColor);
+      outline-offset: 2px;
+}
+.status[data-v-8d1491f1],
+    .footer[data-v-8d1491f1] {
+      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-8d1491f1] {
+      border-block-end: 1px solid var(--ui-border-default);
+}
+
+    /* Laid out like the dialog's action row: actions right-aligned, spaced as buttons, no fill. */
+.footer[data-v-8d1491f1] {
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      justify-content: flex-end;
+      gap: var(--ui-space-2);
+      padding: var(--ui-space-3) var(--ui-space-4);
+      border-block-start: 1px solid var(--ui-border-default);
+}
+.status[data-v-8d1491f1]:empty,
+    .footer[data-v-8d1491f1]:empty {
+      display: none;
+}
+.body[data-v-8d1491f1] {
+      flex: 1;
+      min-block-size: 0;
+      overflow: auto;
+      padding: var(--ui-space-2);
+}
+@media (max-width: 47.9375rem) {
+dialog[data-v-8d1491f1] {
+        padding: 0;
+}
+.panel[data-v-8d1491f1] {
+        inline-size: 100%;
+        min-block-size: 100dvh;
+        max-block-size: none;
+        border: 0;
+        border-radius: 0;
+}
+}
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
+[data-component~="ui-search-shell"][hidden][data-v-8d1491f1] {
+      display: none;
+}
+
+[data-component~="ui-select"][data-v-a5498df1] {
+      box-sizing: border-box;
+      display: inline-block;
+      inline-size: 100%;
+      min-inline-size: 0;
+      min-block-size: var(--ui-control-size-md, 2.5rem);
+      margin: 0;
+      padding: var(--ui-space-2) var(--ui-space-3);
+      border: 1px solid var(--ui-control-border, var(--ui-border-strong));
+      border-radius: var(--ui-select-radius, var(--ui-radius-2));
+      background-color: var(--ui-control-surface, var(--ui-surface-elevated));
+      color: var(--ui-text-primary);
+      color-scheme: light dark;
+      font: inherit;
+      line-height: var(--ui-line-height-md);
+      box-shadow: var(--ui-select-shadow, var(--ui-control-inset));
+      transition:
+        border-color var(--ui-motion-fast) var(--ui-motion-ease),
+        box-shadow var(--ui-motion-fast) var(--ui-motion-ease),
+        background-color var(--ui-motion-fast) var(--ui-motion-ease);
+}
+
+    /* Single selects draw their own chevron: the native caret cannot be inset or sized consistently.
+     * The root stays a native <s-lect>, so the icon is a background image rather than an element. */
+[data-component~="ui-select"][data-v-a5498df1]:not([multiple]) {
+      appearance: none;
+      padding-inline-end: calc(var(--ui-space-3) + 1.5rem);
+      background-image: var(
+        --ui-select-chevron,
+        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235c5c58' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")
+      );
+      background-repeat: no-repeat;
+      background-position: right var(--ui-space-3) center;
+      background-size: 1.125rem 1.125rem;
+}
+[data-component~="ui-select"][data-v-a5498df1]:hover:not(:focus):not(:disabled) {
+      border-color: var(--ui-control-border-hover, var(--ui-text-secondary));
+}
+[data-component~="ui-select"][data-v-a5498df1]:focus-visible {
+      border-color: var(--ui-control-focus, var(--ui-accent-solid));
+      outline: none;
+      box-shadow: var(--ui-select-focus-shadow, var(--ui-control-inset), var(--ui-control-focus-halo-shadow));
+}
+
+    /* The app's invalid flag, or the browser's own verdict once the user has left an invalid field. */
+[data-component~="ui-select"][aria-invalid="true"][data-v-a5498df1],
+    [data-component~="ui-select"][data-v-a5498df1]:is(:user-invalid, [data-user-invalid]) {
+      border-color: var(--ui-danger-solid);
+}
+[data-component~="ui-select"][data-v-a5498df1]:is([aria-invalid="true"], :is(:user-invalid, [data-user-invalid])):focus-visible {
+      box-shadow:
+        var(--ui-control-inset),
+        0 0 0 3px color-mix(in srgb, var(--ui-danger-solid) 22%, transparent);
+}
+[data-component~="ui-select"][data-v-a5498df1]:disabled {
+      background-color: var(--ui-control-surface-disabled, var(--ui-surface-muted));
+      color: var(--ui-text-muted);
+      box-shadow: none;
+      cursor: not-allowed;
+}
+[data-component~="ui-select"][multiple][data-v-a5498df1],
+    [data-component~="ui-select"][size][data-v-a5498df1]:not([size="1"]) {
+      min-block-size: 7rem;
+      padding: var(--ui-space-2);
+}
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
+[data-component~="ui-select"][hidden][data-v-a5498df1] {
+      display: none;
+}
+
+hr[data-v-30b5bbe9] {
+      box-sizing: border-box;
+      align-self: stretch;
+      margin: 0;
+      border: 0;
+      border-block-start: 1px solid var(--ui-separator-color, var(--ui-border-default));
+}
+hr[aria-orientation="vertical"][data-v-30b5bbe9] {
+      block-size: auto;
+      border-block-start: 0;
+      border-inline-start: 1px solid var(--ui-separator-color, var(--ui-border-default));
+}
+
+[data-component~="ui-sidebar"][data-v-2f64215a] {
+      position: relative;
+      box-sizing: border-box;
+      display: flex;
+      flex-direction: column;
+      flex: none;
+      inline-size: var(--_sidebar-width, var(--ui-sidebar-width, 280px));
+      max-inline-size: 100%;
+      min-block-size: 0;
+      background: var(--ui-sidebar-surface, var(--ui-surface-default));
+      border-inline-end: 1px solid var(--ui-sidebar-border, var(--ui-border-default));
+}
+[data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"][data-v-2f64215a] {
+      border-inline-end: 0;
+      border-inline-start: 1px solid var(--ui-sidebar-border, var(--ui-border-default));
+}
+.content[data-v-2f64215a] {
+      flex: 1;
+      min-block-size: 0;
+      overflow: auto;
+}
+
+    /* Collapsed while docked. */
+[data-component~="ui-sidebar"][data-ui-sidebar-state~="internalCollapsed"][data-v-2f64215a]:not([popover]) {
+      display: none;
+}
+.resizer[data-v-2f64215a] {
+      position: absolute;
+      z-index: 1;
+      inset-block: 0;
+      /* On the panel's inner edge: the end edge of a start sidebar. */
+      inset-inline-end: 0;
+      inline-size: 8px;
+      min-inline-size: 8px;
+      transform: translateX(50%);
+      cursor: col-resize;
+      touch-action: none;
+      outline: none;
+}
+.resizer[hidden][data-v-2f64215a] {
+      display: none;
+}
+[data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"] .resizer[data-v-2f64215a] {
+      inset-inline-end: auto;
+      inset-inline-start: 0;
+      transform: translateX(-50%);
+}
+.resizer[data-v-2f64215a]::after {
+      content: "";
+      position: absolute;
+      inset-block: 0;
+      inset-inline-start: 3px;
+      inline-size: 2px;
+      background: color-mix(in srgb, var(--ui-affordance-guide-color, var(--ui-border-strong)) 45%, transparent);
+      opacity: var(--ui-affordance-guide-opacity, 0.42);
+      transition:
+        background-color var(--ui-affordance-motion, var(--ui-motion-fast, 120ms)) var(--ui-motion-ease, ease),
+        opacity var(--ui-affordance-motion, var(--ui-motion-fast, 120ms)) var(--ui-motion-ease, ease);
+}
+.guide[data-v-2f64215a] {
+      position: absolute;
+      inset-block-start: 50%;
+      inset-inline-start: 50%;
+      inline-size: 6px;
+      block-size: 22px;
+      border: 1px solid var(--ui-border-strong, #c8c8c4);
+      border-radius: var(--ui-radius-round, 999px);
+      background: var(--ui-surface-elevated, #fff);
+      opacity: 0;
+      transform: translate(-50%, -50%);
+      transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast, 120ms)) var(--ui-motion-ease, ease);
+      pointer-events: none;
+}
+.resizer[data-v-2f64215a]:is(:hover, :focus-visible)::after {
+      background: var(--ui-affordance-direct-color, var(--ui-accent-solid, var(--ui-color-focus, Highlight)));
+      opacity: 1;
+}
+.resizer:is(:hover, :focus-visible) > .guide[data-v-2f64215a] {
+      opacity: 1;
+}
+
+    /* Drawer: a popover in the top layer, sliding in from its edge. Closed popovers are hidden by the UA. */
+[data-component~="ui-sidebar"][popover][data-v-2f64215a] {
+      position: fixed;
+      inset-block: 0;
+      inset-inline-start: 0;
+      inset-inline-end: auto;
+      margin: 0;
+      padding: 0;
+      inline-size: min(var(--_sidebar-width, var(--ui-sidebar-width, 280px)), 85vw);
+      max-block-size: none;
+      block-size: 100dvh;
+      border-block: 0;
+      box-shadow: var(--ui-elevation-overlay, var(--ui-shadow-lg));
+      transform: translateX(0);
+      transition:
+        transform var(--ui-motion-base, 0.2s) var(--ui-motion-ease-out, ease-out),
+        display var(--ui-motion-base, 0.2s) allow-discrete,
+        overlay var(--ui-motion-base, 0.2s) allow-discrete;
+}
+
+    /* The author display above would otherwise override the UA rule that hides a closed popover. */
+[data-component~="ui-sidebar"][popover][data-v-2f64215a]:not(:popover-open) {
+      display: none;
+      transform: translateX(-100%);
+}
+[data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"][popover][data-v-2f64215a] {
+      inset-inline-start: auto;
+      inset-inline-end: 0;
+}
+[data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"][popover][data-v-2f64215a]:not(:popover-open) {
+      transform: translateX(100%);
+}
+@starting-style {
+[data-component~="ui-sidebar"][popover][data-v-2f64215a]:popover-open {
+        transform: translateX(-100%);
+}
+[data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"][popover][data-v-2f64215a]:popover-open {
+        transform: translateX(100%);
+}
+}
+[data-component~="ui-sidebar"][popover][data-v-2f64215a]::backdrop {
+      background: var(--ui-sidebar-backdrop, rgb(0 0 0 / 0.32));
+}
+@media (prefers-reduced-motion: reduce) {
+[data-component~="ui-sidebar"][popover][data-v-2f64215a] {
+        transition: none;
+}
+}
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
+[data-component~="ui-sidebar"][hidden][data-v-2f64215a] {
+      display: none;
+}
+
+[data-component~="ui-stack"][data-v-48cfa668] {
+      --_layout-gap: var(--ui-space-4, 1rem);
+      display: flex;
+      flex-direction: column;
+      align-items: stretch;
+      gap: var(--ui-layout-gap, var(--_layout-gap));
+      min-inline-size: 0;
+      max-inline-size: 100%;
+      margin: 0;
+}
+[data-component~="ui-stack"][data-ui-stack-state~="gap=xs"][data-v-48cfa668] {
+      --_layout-gap: var(--ui-space-2, 0.5rem);
+}
+[data-component~="ui-stack"][data-ui-stack-state~="gap=s"][data-v-48cfa668] {
+      --_layout-gap: var(--ui-space-3, 0.75rem);
+}
+[data-component~="ui-stack"][data-ui-stack-state~="gap=m"][data-v-48cfa668] {
+      --_layout-gap: var(--ui-space-4, 1rem);
+}
+[data-component~="ui-stack"][data-ui-stack-state~="gap=l"][data-v-48cfa668] {
+      --_layout-gap: var(--ui-space-5, 1.5rem);
+}
+[data-component~="ui-stack"][data-ui-stack-state~="gap=xl"][data-v-48cfa668] {
+      --_layout-gap: var(--ui-space-6, 2rem);
+}
+[data-component~="ui-stack"][data-ui-stack-state~="align=start"][data-v-48cfa668] {
+      align-items: flex-start;
+}
+[data-component~="ui-stack"][data-ui-stack-state~="align=center"][data-v-48cfa668] {
+      align-items: center;
+}
+[data-component~="ui-stack"][data-ui-stack-state~="align=end"][data-v-48cfa668] {
+      align-items: flex-end;
+}
+[data-component~="ui-stack"][data-ui-stack-state~="justify=center"][data-v-48cfa668] {
+      justify-content: center;
+}
+[data-component~="ui-stack"][data-ui-stack-state~="justify=end"][data-v-48cfa668] {
+      justify-content: flex-end;
+}
+[data-component~="ui-stack"][data-ui-stack-state~="justify=between"][data-v-48cfa668] {
+      justify-content: space-between;
+}
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
+[data-component~="ui-stack"][hidden][data-v-48cfa668] {
+      display: none;
+}
+
+[data-component~="ui-switch"][data-v-fb5ff799] {
+      display: inline-flex;
+      align-items: flex-start;
+      gap: var(--ui-switch-gap, var(--ui-space-2));
+      max-inline-size: 100%;
+      color: var(--ui-text-primary);
+      cursor: pointer;
+}
+.label[data-v-fb5ff799] {
+      min-inline-size: 0;
+      line-height: var(--ui-line-height-md);
+}
+input[data-v-fb5ff799] {
+      appearance: none;
+      -webkit-appearance: none;
+      position: relative;
+      flex: 0 0 auto;
+      width: var(--ui-switch-track-width, 2.5rem);
+      height: var(--ui-switch-track-height, 1.5rem);
+      padding: 0;
+      border: 1px solid var(--ui-control-border-hover, var(--ui-border-strong));
+      border-radius: 999px;
+      background: var(--ui-control-surface, var(--ui-surface-default));
+      box-shadow: inset 0 1px 2px color-mix(in srgb, var(--ui-text-primary) 10%, transparent);
+      cursor: pointer;
+      transition: background-color var(--ui-motion-fast) var(--ui-motion-ease), border-color var(--ui-motion-fast) var(--ui-motion-ease);
+      margin: 0;
+}
+input[data-v-fb5ff799]::after {
+      content: "";
+      position: absolute;
+      top: 3px;
+      left: 3px;
+      width: 1rem;
+      height: 1rem;
+      border-radius: 999px;
+      background: var(--ui-text-secondary);
+      box-shadow: var(--ui-shadow-xs);
+      transition: transform var(--ui-motion-fast) var(--ui-motion-ease);
+}
+input[data-v-fb5ff799]:checked {
+      background: var(--ui-accent-solid);
+      border-color: var(--ui-accent-solid);
+}
+input[data-v-fb5ff799]:checked::after {
+      transform: translateX(1rem);
+      background: var(--ui-text-on-accent);
+}
+input[data-v-fb5ff799]:focus-visible {
+      outline: 2px solid var(--ui-focus-ring, var(--ui-accent-solid));
+      outline-offset: 2px;
+}
+[data-component~="ui-switch"][data-ui-switch-state~="disabled"][data-v-fb5ff799] {
+      color: var(--ui-text-muted);
+      cursor: not-allowed;
+}
+[data-component~="ui-switch"][data-ui-switch-state~="disabled"] input[data-v-fb5ff799] {
+      border-color: var(--ui-border-default);
+      background: var(--ui-control-surface-disabled, var(--ui-surface-muted));
+      cursor: not-allowed;
+}
+@media (prefers-reduced-motion: reduce) {
+input[data-v-fb5ff799], input[data-v-fb5ff799]::after {
+        transition: none;
+}
+}
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
+[data-component~="ui-switch"][hidden][data-v-fb5ff799] {
+      display: none;
+}
+
+[data-component~="ui-switcher"][data-v-e2eb3fd3] {
+      --_switcher-gap: var(--ui-space-4, 1rem);
+      display: flex;
+      flex-wrap: wrap;
+      gap: var(--ui-switcher-gap, var(--_switcher-gap));
+      min-inline-size: 0;
+      max-inline-size: 100%;
+      margin: 0;
+}
+[data-component~="ui-switcher"] > [data-v-e2eb3fd3-s] {
+      min-inline-size: 0;
+      flex-grow: 1;
+      /* The large multiplier makes the basis flip as a group at the intrinsic threshold. */
+      flex-basis: calc((var(--ui-switcher-threshold, 30rem) - 100%) * 999);
+}
+[data-component~="ui-switcher"][data-ui-switcher-state~="gap=xs"][data-v-e2eb3fd3] {
+      --_switcher-gap: var(--ui-space-2, 0.5rem);
+}
+[data-component~="ui-switcher"][data-ui-switcher-state~="gap=s"][data-v-e2eb3fd3] {
+      --_switcher-gap: var(--ui-space-3, 0.75rem);
+}
+[data-component~="ui-switcher"][data-ui-switcher-state~="gap=m"][data-v-e2eb3fd3] {
+      --_switcher-gap: var(--ui-space-4, 1rem);
+}
+[data-component~="ui-switcher"][data-ui-switcher-state~="gap=l"][data-v-e2eb3fd3] {
+      --_switcher-gap: var(--ui-space-5, 1.5rem);
+}
+[data-component~="ui-switcher"][data-ui-switcher-state~="gap=xl"][data-v-e2eb3fd3] {
+      --_switcher-gap: var(--ui-space-6, 2rem);
+}
+[data-component~="ui-switcher"][data-ui-switcher-state~="threshold=xs"] > [data-v-e2eb3fd3-s] {
+      flex-basis: calc((var(--ui-switcher-threshold, 20rem) - 100%) * 999);
+}
+[data-component~="ui-switcher"][data-ui-switcher-state~="threshold=md"] > [data-v-e2eb3fd3-s] {
+      flex-basis: calc((var(--ui-switcher-threshold, 45rem) - 100%) * 999);
+}
+[data-component~="ui-switcher"][data-ui-switcher-state~="threshold=lg"] > [data-v-e2eb3fd3-s] {
+      flex-basis: calc((var(--ui-switcher-threshold, 60rem) - 100%) * 999);
+}
+[data-component~="ui-switcher"][data-ui-switcher-state~="align=start"][data-v-e2eb3fd3] {
+      align-items: flex-start;
+}
+[data-component~="ui-switcher"][data-ui-switcher-state~="align=center"][data-v-e2eb3fd3] {
+      align-items: center;
+}
+[data-component~="ui-switcher"][data-ui-switcher-state~="align=end"][data-v-e2eb3fd3] {
+      align-items: flex-end;
+}
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
+[data-component~="ui-switcher"][hidden][data-v-e2eb3fd3] {
+      display: none;
+}
+
+[data-component~="ui-tabs"][data-v-33cbeff4] {
+      display: grid;
+      inline-size: 100%;
+      min-inline-size: 0;
+}
+.list[data-v-33cbeff4] {
+      display: grid;
+      grid-auto-flow: column;
+      grid-auto-columns: max-content;
+      justify-content: start;
+      inline-size: 100%;
+      max-inline-size: 100%;
+      /* Tabs that do not fit scroll sideways rather than wrapping or squeezing. */
+      overflow-x: auto;
+      /* overflow-x: auto would make the block axis scrollable too; a sideways swipe must not scroll the
+         strip or the page vertically. */
+      overflow-y: hidden;
+      overscroll-behavior: contain;
+      scrollbar-width: thin;
+      border-block-end: 1px solid var(--ui-border-default);
+}
+.list button[data-v-33cbeff4] {
+      min-block-size: 2.5rem;
+      margin: 0 0 -1px;
+      padding: var(--ui-space-2) var(--ui-space-3);
+      border: 0;
+      border-block-end: 2px solid transparent;
+      background: transparent;
+      color: var(--ui-text-secondary);
+      font: inherit;
+      font-size: var(--ui-font-size-sm);
+      font-weight: var(--ui-font-medium, 500);
+      cursor: pointer;
+      transition:
+        color var(--ui-motion-fast) var(--ui-motion-ease),
+        background-color var(--ui-motion-fast) var(--ui-motion-ease),
+        border-color var(--ui-motion-fast) var(--ui-motion-ease);
+}
+[data-component~="ui-tabs"][data-ui-tabs-state~="stretch"] .list[data-v-33cbeff4] {
+      grid-auto-columns: minmax(max-content, 1fr);
+}
+.list button[data-v-33cbeff4] {
+      white-space: nowrap;
+}
+.list button[data-v-33cbeff4]:hover {
+      color: var(--ui-text-primary);
+      background: var(--ui-surface-muted);
+}
+.list button[aria-selected="true"][data-v-33cbeff4] {
+      color: var(--ui-accent-solid);
+      border-block-end-color: var(--ui-accent-solid);
+}
+.list button[data-v-33cbeff4]:focus-visible {
+      position: relative;
+      outline: none;
+      box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--ui-focus-ring) 45%, transparent);
+      border-radius: var(--ui-radius-1);
+}
+.panels[data-v-33cbeff4] {
+      min-inline-size: 0;
+}
+[data-v-33cbeff4-s] {
+      padding: var(--ui-space-4);
+}
+[data-component~="ui-tabs"][data-ui-tabs-state~="orientation=vertical"][data-v-33cbeff4] {
+      grid-template-columns: max-content minmax(0, 1fr);
+      align-items: start;
+}
+[data-component~="ui-tabs"][data-ui-tabs-state~="orientation=vertical"] .list[data-v-33cbeff4] {
+      grid-auto-flow: row;
+      grid-auto-columns: auto;
+      border-block-end: 0;
+      border-inline-end: 1px solid var(--ui-border-default);
+}
+[data-component~="ui-tabs"][data-ui-tabs-state~="orientation=vertical"] .list button[data-v-33cbeff4] {
+      margin: 0 -1px 0 0;
+      border-block-end: 0;
+      border-inline-end: 2px solid transparent;
+      text-align: start;
+}
+[data-component~="ui-tabs"][data-ui-tabs-state~="orientation=vertical"] .list button[aria-selected="true"][data-v-33cbeff4] {
+      border-inline-end-color: var(--ui-accent-solid);
+}
+@media (prefers-reduced-motion: reduce) {
+.list button[data-v-33cbeff4] {
+        transition: none;
+}
+}
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
+[data-component~="ui-tabs"][hidden][data-v-33cbeff4] {
+      display: none;
+}
+
+[data-component~="ui-textarea"][data-v-f4e08b37] {
+      box-sizing: border-box;
+      display: inline-block;
+      inline-size: 100%;
+      min-inline-size: 0;
+      min-block-size: calc(var(--ui-space-12, 3rem) * 2);
+      margin: 0;
+      padding: var(--ui-space-2) var(--ui-space-3);
+      appearance: none;
+      resize: vertical;
+      border: 1px solid var(--ui-control-border, var(--ui-border-strong));
+      border-radius: var(--ui-textarea-radius, var(--ui-radius-2));
+      background: var(--ui-control-surface, var(--ui-surface-elevated));
+      color: var(--ui-text-primary);
+      font: inherit;
+      line-height: var(--ui-line-height-md);
+      box-shadow: var(--ui-textarea-shadow, var(--ui-control-inset));
+      transition:
+        border-color var(--ui-motion-fast) var(--ui-motion-ease),
+        box-shadow var(--ui-motion-fast) var(--ui-motion-ease),
+        background-color var(--ui-motion-fast) var(--ui-motion-ease);
+}
+
+    /* Tabbing into a field selects its text; tint that selection softly instead of the page highlight. */
+[data-component~="ui-textarea"][data-v-f4e08b37]::selection {
+      background: color-mix(in srgb, var(--ui-accent-solid) 20%, transparent);
+      color: inherit;
+}
+[data-component~="ui-textarea"][data-v-f4e08b37]::placeholder {
+      color: var(--ui-control-placeholder, var(--ui-text-secondary));
+      opacity: 1;
+}
+[data-component~="ui-textarea"][data-v-f4e08b37]:hover:not(:focus):not(:disabled) {
+      border-color: var(--ui-control-border-hover, var(--ui-text-secondary));
+}
+[data-component~="ui-textarea"][data-v-f4e08b37]:focus-visible {
+      border-color: var(--ui-control-focus, var(--ui-accent-solid));
+      outline: none;
+      box-shadow: var(--ui-textarea-focus-shadow, var(--ui-control-inset), var(--ui-control-focus-halo-shadow));
+}
+
+    /* The app's invalid flag, or the browser's own verdict once the user has left an invalid field. */
+[data-component~="ui-textarea"][aria-invalid="true"][data-v-f4e08b37],
+    [data-component~="ui-textarea"][data-v-f4e08b37]:is(:user-invalid, [data-user-invalid]) {
+      border-color: var(--ui-danger-solid);
+}
+[data-component~="ui-textarea"][data-v-f4e08b37]:is([aria-invalid="true"], :is(:user-invalid, [data-user-invalid])):focus-visible {
+      box-shadow:
+        var(--ui-control-inset),
+        0 0 0 3px color-mix(in srgb, var(--ui-danger-solid) 22%, transparent);
+}
+[data-component~="ui-textarea"][data-v-f4e08b37]:disabled {
+      background: var(--ui-control-surface-disabled, var(--ui-surface-muted));
+      color: var(--ui-text-muted);
+      box-shadow: none;
+      cursor: not-allowed;
+}
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
+[data-component~="ui-textarea"][hidden][data-v-f4e08b37] {
+      display: none;
+}
+
+[data-component~="ui-toast-region"][data-v-b607cf88] {
+      position: fixed;
+      top: calc(var(--ui-space-4) + env(safe-area-inset-top));
+      right: auto;
+      bottom: auto;
+      left: 50%;
+      transform: translateX(-50%);
+      z-index: 9999;
+      display: grid;
+      gap: var(--ui-space-2);
+      inline-size: min(24rem, calc(100vw - var(--ui-space-4) * 2));
+      max-inline-size: 100%;
+      box-sizing: border-box;
+      margin: 0;
+      padding: 0;
+      overflow: visible;
+      border: 0;
+      outline: 0;
+      background: transparent;
+      box-shadow: none;
+      pointer-events: none;
+}
+[data-component~="ui-toast-region"][data-v-b607cf88]:not(:popover-open) {
+      display: none;
+}
+[data-component~="ui-toast-region"] > .toast[data-v-b607cf88],
+    [data-component~="ui-toast-region"] > [data-v-b607cf88-s] {
+      pointer-events: auto;
+}
+.toast[data-v-b607cf88] {
+      display: grid;
+      grid-template-columns: 1fr auto;
+      gap: var(--ui-space-2);
+      align-items: start;
+      border: 1px solid var(--ui-border-default);
+      border-radius: var(--ui-radius-3);
+      padding: var(--ui-space-3) var(--ui-space-4);
+      background: var(--ui-surface-elevated);
+      color: var(--ui-text-primary);
+      box-shadow: var(--ui-elevation-overlay, var(--ui-shadow-lg));
+      animation: ui-toast-enter-b607cf88 var(--ui-toast-enter-duration, 0.32s) var(--ui-motion-ease-out, cubic-bezier(0.16, 1, 0.3, 1)) both;
+}
+
+    /* Leaving slides on down and fades; the controller removes the toast when this ends. */
+.toast.closing[data-v-b607cf88] {
+      animation: ui-toast-exit-b607cf88 var(--ui-toast-exit-duration, 0.22s) var(--ui-motion-ease, ease) both;
+      pointer-events: none;
+}
+@keyframes ui-toast-enter-b607cf88 {
+from {
+        opacity: 0;
+        transform: translateY(-1rem);
+}
+to {
+        opacity: 1;
+        transform: translateY(0);
+}
+}
+@keyframes ui-toast-exit-b607cf88 {
+from {
+        opacity: 1;
+        transform: translateY(0);
+}
+to {
+        opacity: 0;
+        transform: translateY(0.75rem);
+}
+}
+@media (prefers-reduced-motion: reduce) {
+.toast[data-v-b607cf88], .toast.closing[data-v-b607cf88] {
+        animation: none;
+}
+}
+.message[data-v-b607cf88] {
+      min-inline-size: 0;
+      align-self: center;
+}
+.dismiss[data-v-b607cf88] {
+      align-self: center;
+      margin-inline-end: calc(var(--ui-space-2) * -1);
+}
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
+[data-component~="ui-toast-region"][hidden][data-v-b607cf88] {
+      display: none;
+}
+
+[data-component~="ui-top-bar"][data-v-ee7c5f3c] {
+      position: sticky;
+      inset-block-start: 0;
+      z-index: var(--ui-top-bar-z-index, 100);
+      min-block-size: calc(var(--ui-top-bar-height, 56px) + env(safe-area-inset-top));
+      display: flex;
+      align-items: center;
+      gap: var(--ui-top-bar-gap, var(--ui-space-3, 0.75rem));
+      padding-block-start: env(safe-area-inset-top);
+      padding-inline-start: max(var(--ui-top-bar-padding-inline, var(--ui-space-4, 1rem)), env(safe-area-inset-left));
+      padding-inline-end: max(var(--ui-top-bar-padding-inline, var(--ui-space-4, 1rem)), env(safe-area-inset-right));
+      background: var(--ui-top-bar-bg, var(--ui-surface-elevated));
+      border-block-end: 1px solid var(--ui-top-bar-border, var(--ui-border-default));
+}
+.leading[data-v-ee7c5f3c],
+    .search[data-v-ee7c5f3c],
+    .actions[data-v-ee7c5f3c] {
+      display: flex;
+      align-items: center;
+      flex-shrink: 0;
+}
+.actions[data-v-ee7c5f3c] {
+      gap: var(--ui-top-bar-actions-gap, var(--ui-space-1, 0.25rem));
+}
+.title[data-v-ee7c5f3c] {
+      min-inline-size: 0;
+      flex: 1;
+}
+
+    /* An unused region takes no space, so it adds no gap. */
+.leading[data-v-ee7c5f3c]:empty,
+    .search[data-v-ee7c5f3c]:empty,
+    .actions[data-v-ee7c5f3c]:empty {
+      display: none;
+}
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
+[data-component~="ui-top-bar"][hidden][data-v-ee7c5f3c] {
+      display: none;
+}
+
+[data-component~="ui-tree"][data-v-fbd119c9] {
+      display: block;
+      min-inline-size: 0;
+      padding-inline-start: var(--ui-tree-gutter, 0px);
+}
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
+[data-component~="ui-tree"][hidden][data-v-fbd119c9] {
+      display: none;
+}
+
+[data-component~="ui-tree-item"][data-v-7617a58a] {
+      --_tree-row-min-height: 32px;
+
+      position: relative;
+      display: block;
+      min-inline-size: 0;
+      margin-inline-start: calc(var(--ui-tree-item-depth, 0) * var(--ui-tree-indent, 16px));
+}
+.row[data-v-7617a58a] {
+      position: relative;
+      display: grid;
+      grid-template-columns: 20px auto minmax(0, 1fr) auto;
+      align-items: center;
+      min-block-size: var(--ui-tree-row-min-height, var(--_tree-row-min-height));
+      min-inline-size: 0;
+      font-size: var(--ui-tree-font-size, var(--ui-font-size-ui, 0.9375rem));
+      border-radius: var(--ui-radius-md);
+      color: var(--ui-text-secondary);
+      transition:
+        background-color var(--ui-motion-fast) var(--ui-motion-ease),
+        color var(--ui-motion-fast) var(--ui-motion-ease),
+        opacity var(--ui-motion-fast) var(--ui-motion-ease),
+        box-shadow var(--ui-motion-fast) var(--ui-motion-ease),
+        min-block-size var(--ui-motion-base) var(--ui-motion-ease);
+}
+.row[data-v-7617a58a]:hover,
+    [data-component~="ui-tree-item"][data-ui-tree-item-state~="selected"] .row[data-v-7617a58a],
+    .row[data-v-7617a58a]:focus-within {
+      color: var(--ui-text-primary);
+      background: var(--ui-surface-muted);
+}
+[data-component~="ui-tree-item"][data-ui-tree-item-state~="disabled"] .row[data-v-7617a58a] {
+      opacity: 0.55;
+}
+[data-component~="ui-tree-item"][data-dragging] .row[data-v-7617a58a] {
+      opacity: 0.42;
+}
+[data-component~="ui-tree-item"][data-v-7617a58a]:focus {
+      outline: none;
+}
+[data-component~="ui-tree-item"]:focus-visible .row[data-v-7617a58a] {
+      box-shadow: 0 0 0 2px var(--ui-focus-ring);
+}
+[data-component~="ui-tree-item"][data-drop-position="inside"] .row[data-v-7617a58a] {
+      background: var(--ui-accent-subtle);
+      box-shadow: inset 0 0 0 1px var(--ui-tree-drop-color, var(--ui-accent-solid));
+}
+.disclosure[data-v-7617a58a],
+    .disclosure-spacer[data-v-7617a58a] {
+      grid-column: 1;
+      grid-row: 1;
+      inline-size: 20px;
+      block-size: 28px;
+}
+.disclosure[data-v-7617a58a] {
+      display: grid;
+      place-items: center;
+      padding: 0;
+      color: var(--ui-text-muted);
+      background: transparent;
+      border: 0;
+      border-radius: var(--ui-radius-sm);
+      cursor: pointer;
+}
+.disclosure[hidden][data-v-7617a58a] {
+      display: none;
+}
+.disclosure[data-v-7617a58a]:hover {
+      color: var(--ui-text-primary);
+      background: var(--ui-surface-elevated);
+}
+.disclosure-icon[data-v-7617a58a] {
+      display: grid;
+      place-items: center;
+      inline-size: 14px;
+      block-size: 14px;
+      transform: rotate(-90deg);
+      transition: transform var(--ui-motion-fast) var(--ui-motion-ease);
+}
+.disclosure-icon[data-v-7617a58a]::before {
+      display: block;
+      inline-size: 0.45rem;
+      block-size: 0.45rem;
+      border-inline-end: 2px solid currentColor;
+      border-block-end: 2px solid currentColor;
+      content: "";
+      /* A chevron's ink sits below its box centre; lift it so it centres optically (in either rotation). */
+      transform: translateY(-20%) rotate(45deg);
+}
+[data-component~="ui-tree-item"][aria-expanded="true"] .disclosure-icon[data-v-7617a58a] {
+      transform: rotate(0deg);
+}
+
+    /* Lucide grip-vertical, filling the handle as in Looma 0.2. */
+.drag-handle svg[data-v-7617a58a] {
+      display: block;
+      inline-size: 100%;
+      block-size: 100%;
+}
+
+    /* Slotted content is outside this scope, so :has() cannot see it; hide only a truly empty slot. */
+.leading[data-v-7617a58a] {
+      display: inline-grid;
+      place-items: center;
+      grid-column: 2;
+      grid-row: 1;
+      inline-size: 1em;
+      block-size: 1em;
+      margin-inline-start: var(--ui-space-1);
+      color: var(--ui-text-muted);
+}
+.leading[data-v-7617a58a]:empty {
+      display: none;
+}
+
+    /* Icons match the label's size (as in Knit's tree): an unsized SVG would otherwise render 300×150. */
+svg[data-v-7617a58a-s],img[data-v-7617a58a-s] {
+      display: block;
+      inline-size: 1em;
+      block-size: 1em;
+      flex: none;
+}
+.label[data-v-7617a58a] {
+      grid-column: 3;
+      grid-row: 1;
+      min-inline-size: 0;
+      padding: var(--ui-space-1) var(--ui-space-2);
+}
+.actions[data-v-7617a58a] {
+      grid-column: 4;
+      grid-row: 1;
+      display: inline-flex;
+      align-items: center;
+      min-inline-size: 0;
+}
+.drag-handle[data-v-7617a58a] {
+      position: absolute;
+      z-index: 2;
+      inset-block-start: 50%;
+      inset-inline-start: -22px;
+      inline-size: 20px;
+      block-size: 32px;
+      display: grid;
+      place-items: center;
+      padding: 7px 3px;
+      color: var(--ui-text-muted);
+      background: var(--ui-surface-elevated);
+      border: 1px solid transparent;
+      border-radius: var(--ui-radius-sm);
+      cursor: grab;
+      /* Hidden until the row is hovered, but always hittable: the handle sits outside the row, and moving
+         the pointer onto it must not hide it on the way. */
+      opacity: 0;
+      transform: translateY(-50%);
+      transition: opacity var(--ui-motion-fast) var(--ui-motion-ease);
+}
+.row:hover .drag-handle[data-v-7617a58a],
+    .drag-handle[data-v-7617a58a]:hover,
+    .drag-handle[data-v-7617a58a]:focus-visible,
+    [data-component~="ui-tree-item"][data-dragging] .drag-handle[data-v-7617a58a] {
+      opacity: 1;
+}
+.drag-handle[data-v-7617a58a]:active {
+      cursor: grabbing;
+}
+.drop-indicator[data-v-7617a58a] {
+      position: absolute;
+      z-index: 3;
+      inset-inline: 1px;
+      display: none;
+      block-size: 2px;
+      border-radius: 999px;
+      background: var(--ui-tree-drop-color, var(--ui-accent-solid));
+      pointer-events: none;
+}
+.drop-indicator[data-v-7617a58a]::before,
+    .drop-indicator[data-v-7617a58a]::after {
+      content: "";
+      position: absolute;
+      inset-block-start: 50%;
+      inline-size: 7px;
+      block-size: 7px;
+      border: 2px solid var(--ui-tree-drop-color, var(--ui-accent-solid));
+      border-radius: 999px;
+      background: var(--ui-surface-elevated);
+      transform: translateY(-50%);
+}
+.drop-indicator[data-v-7617a58a]::before {
+      inset-inline-start: -1px;
+}
+.drop-indicator[data-v-7617a58a]::after {
+      inset-inline-end: -1px;
+}
+[data-component~="ui-tree-item"][data-drop-position="before"] .row-drop-indicator[data-v-7617a58a] {
+      display: block;
+      inset-block-start: -1px;
+}
+[data-component~="ui-tree-item"][data-drop-position="after"] .subtree-drop-indicator[data-v-7617a58a] {
+      display: block;
+      inset-block-end: -1px;
+}
+.children[hidden][data-v-7617a58a] {
+      display: none;
+}
+html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"][data-v-7617a58a] {
+      --_tree-row-min-height: 44px;
+}
+html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .drag-handle[data-v-7617a58a] {
+      display: none;
+}
+@media (prefers-reduced-motion: reduce) {
+.row[data-v-7617a58a],
+      .disclosure-icon[data-v-7617a58a],
+      .drag-handle[data-v-7617a58a] {
+        transition: none;
+}
+}
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
+[data-component~="ui-tree-item"][hidden][data-v-7617a58a] {
+      display: none;
+}
+/**
+ * Looma editor styles (tokens-based).
+ * Tables, context menu, insert-table grid, slash menu. Use with ProseMirror/Tiptap content.
+ */
+
+/* Turnkey editor */
+.looma-editor {
+  position: relative;
+  min-width: 0;
+  color: var(--ui-text-primary);
+  font-family: var(--ui-font-family-sans);
+}
+
+.looma-editor .ProseMirror {
+  min-height: var(--ui-editor-content-min-height, 300px);
+  padding:
+    var(--ui-editor-content-padding-block, var(--ui-space-4))
+    var(--ui-editor-content-padding-inline, var(--ui-space-6));
+  outline: none;
+  color: var(--ui-editor-content-color, var(--ui-text-primary));
+  caret-color: var(--ui-editor-caret-color, var(--ui-accent-solid));
+  font-family: var(--ui-editor-font-family, var(--ui-font-family-sans));
+  font-size: var(--ui-editor-font-size, var(--ui-font-size-md));
+  line-height: var(--ui-editor-line-height, var(--ui-line-height-relaxed));
+}
+
+@media (max-width: 767px) {
+  .looma-editor .ProseMirror {
+    padding-bottom: var(--ui-editor-mobile-bottom-space, 80px);
+  }
+}
+
+.looma-editor .ProseMirror p {
+  margin: 0 0 var(--ui-editor-paragraph-gap, var(--ui-space-3));
+}
+
+.looma-editor .ProseMirror h1,
+.looma-editor .ProseMirror h2,
+.looma-editor .ProseMirror h3 {
+  color: inherit;
+  line-height: var(--ui-line-height-tight);
+}
+
+.looma-editor .ProseMirror h1 {
+  margin: var(--ui-space-6) 0 var(--ui-space-3);
+  font-size: var(--ui-font-size-2xl);
+  font-weight: var(--ui-font-bold);
+}
+
+.looma-editor .ProseMirror h2 {
+  margin: var(--ui-space-5) 0 var(--ui-space-2);
+  font-size: var(--ui-font-size-xl);
+  font-weight: var(--ui-font-semibold);
+}
+
+.looma-editor .ProseMirror h3 {
+  margin: var(--ui-space-4) 0 var(--ui-space-2);
+  font-size: var(--ui-font-size-lg);
+  font-weight: var(--ui-font-semibold);
+}
+
+.looma-editor .ProseMirror ul,
+.looma-editor .ProseMirror ol {
+  margin: 0 0 var(--ui-space-3);
+  /* Nested lists retain the browser's hierarchy; this is only the root inset. */
+  padding-inline-start: var(--ui-editor-list-inset, var(--ui-space-5));
+}
+
+.looma-editor .ProseMirror li {
+  margin-bottom: var(--ui-space-1);
+}
+
+.looma-editor .ProseMirror blockquote {
+  margin: var(--ui-space-4) 0;
+  padding-left: var(--ui-space-4);
+  border-left: 3px solid var(--ui-accent-solid);
+  color: var(--ui-text-secondary);
+  font-style: italic;
+}
+
+.looma-editor .ProseMirror aside[data-looma-callout][data-tone] {
+  --ui-callout-padding-block: var(--ui-space-2);
+  --ui-callout-padding-inline: var(--ui-space-3);
+  --ui-callout-icon-column: 1rem;
+  --ui-callout-gap: var(--ui-space-2);
+  --ui-callout-icon-size: 1rem;
+  --ui-callout-border-width: 1px;
+  --ui-callout-leading-border-width: 4px;
+  --ui-callout-surface: var(--ui-accent-soft);
+  --ui-callout-text: var(--ui-text-primary);
+  --ui-callout-border: var(--ui-accent-solid);
+  --ui-callout-icon: var(--ui-accent-solid);
+  --ui-editor-callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.4 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7.4'/%3E%3Cpath d='M2 6h4'/%3E%3Cpath d='M2 10h4'/%3E%3Cpath d='M2 14h4'/%3E%3Cpath d='M2 18h4'/%3E%3Cpath d='M21.378 5.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z'/%3E%3C/svg%3E");
+
+  display: grid;
+  grid-template-columns: var(--ui-callout-icon-column) minmax(0, 1fr);
+  align-items: start;
+  column-gap: var(--ui-callout-gap);
+  margin: var(--ui-space-4) 0;
+  padding: var(--ui-callout-padding-block) var(--ui-callout-padding-inline);
+  border: var(--ui-callout-border-width) solid color-mix(in srgb, var(--ui-callout-border) 35%, transparent);
+  border-inline-start: var(--ui-callout-leading-border-width) solid var(--ui-callout-border);
+  border-radius: var(--ui-radius-2);
+  background: var(--ui-callout-surface);
+  color: var(--ui-callout-text);
+}
+
+.looma-editor .ProseMirror aside[data-looma-callout][data-tone]::before {
+  width: var(--ui-callout-icon-size);
+  height: var(--ui-callout-icon-size);
+  margin-top: 0.2em;
+  background: var(--ui-callout-icon);
+  content: "";
+  mask: var(--ui-editor-callout-icon) center / contain no-repeat;
+  -webkit-mask: var(--ui-editor-callout-icon) center / contain no-repeat;
+}
+
+.looma-editor .ProseMirror aside[data-looma-callout][data-tone] > * {
+  grid-column: 2;
+}
+
+.looma-editor .ProseMirror aside[data-looma-callout][data-tone] > :last-child {
+  margin-bottom: 0;
+}
+
+.looma-editor .ProseMirror aside[data-looma-callout][data-tone="info"] {
+  --ui-callout-surface: var(--ui-info-soft);
+  --ui-callout-border: var(--ui-info-solid);
+  --ui-callout-icon: var(--ui-info-solid);
+  --ui-editor-callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E");
+}
+
+.looma-editor .ProseMirror aside[data-looma-callout][data-tone="note"] {
+  --ui-callout-surface: var(--ui-accent-soft);
+  --ui-callout-border: var(--ui-accent-solid);
+  --ui-callout-icon: var(--ui-accent-solid);
+}
+
+.looma-editor .ProseMirror aside[data-looma-callout][data-tone="warning"] {
+  --ui-callout-surface: var(--ui-warning-soft);
+  --ui-callout-border: var(--ui-warning-solid);
+  --ui-callout-icon: var(--ui-warning-solid);
+  --ui-editor-callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.46 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");
+}
+
+.looma-editor .ProseMirror pre {
+  margin: var(--ui-space-4) 0;
+  padding: var(--ui-space-4);
+  overflow-x: auto;
+  border: 1px solid var(--ui-border-default);
+  border-radius: var(--ui-radius-2);
+  background: var(--ui-surface-muted);
+  font-family: var(--ui-font-family-mono, ui-monospace, monospace);
+  font-size: var(--ui-font-size-sm);
+}
+
+.looma-editor .ProseMirror code {
+  padding: 0.1em 0.3em;
+  border-radius: var(--ui-radius-1);
+  background: var(--ui-surface-subtle);
+  font-family: var(--ui-font-family-mono, ui-monospace, monospace);
+  font-size: 0.9em;
+}
+
+.looma-editor .ProseMirror pre code {
+  padding: 0;
+  background: none;
+}
+
+.looma-editor .ProseMirror hr {
+  margin: var(--ui-space-6) 0;
+  border: 0;
+  border-top: 1px solid var(--ui-border-default);
+}
+
+.looma-editor .ProseMirror mark {
+  border-radius: var(--ui-radius-1);
+  background: var(--ui-editor-highlight-bg, var(--ui-warning-soft));
+}
+
+.looma-editor .ProseMirror a {
+  color: var(--ui-editor-link-color, var(--ui-accent-solid));
+  text-decoration: underline;
+}
+
+.looma-editor .ProseMirror ul[data-type="taskList"] {
+  padding-left: var(--ui-space-2);
+  list-style: none;
+}
+
+.looma-editor .ProseMirror ul[data-type="taskList"] li {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--ui-space-2);
+}
+
+.looma-editor .ProseMirror ul[data-type="taskList"] li > label {
+  margin-top: 3px;
+}
+
+.looma-editor .ProseMirror ul[data-type="taskList"] input[type="checkbox"] {
+  width: 16px;
+  height: 16px;
+  accent-color: var(--ui-accent-solid);
+  cursor: pointer;
+}
+
+.looma-editor .ProseMirror .is-editor-empty:first-child::before {
+  float: left;
+  height: 0;
+  color: var(--ui-text-muted);
+  content: attr(data-placeholder);
+  pointer-events: none;
+}
+
+.looma-editor .ProseMirror img {
+  max-width: 100%;
+  height: auto;
+  margin: var(--ui-space-3) 0;
+  border-radius: var(--ui-radius-2);
+}
+
+.looma-editor .ProseMirror img[data-looma-image]:focus-visible {
+  outline: 2px solid var(--ui-focus-ring);
+  outline-offset: 3px;
+}
+
+.looma-editor__file-input {
+  position: absolute;
+  width: 0;
+  height: 0;
+  opacity: 0;
+  pointer-events: none;
+}
+
+.looma-editor__upload-error {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--ui-space-3);
+  margin-top: var(--ui-space-3);
+  padding: var(--ui-space-2) var(--ui-space-3);
+  border: 1px solid var(--ui-danger-solid);
+  border-radius: var(--ui-radius-2);
+  background: var(--ui-danger-soft);
+  color: var(--ui-text);
+  font-size: var(--ui-font-size-sm);
+}
+
+.looma-editor__upload-error button {
+  min-height: 2rem;
+  padding: 0 var(--ui-space-3);
+  border: 0;
+  border-radius: var(--ui-radius-1);
+  background: var(--ui-danger-solid);
+  color: var(--ui-text-on-accent);
+  cursor: pointer;
+  font: inherit;
+  font-weight: var(--ui-font-semibold);
+}
+
+.looma-editor__upload-error button:focus-visible {
+  outline: 2px solid var(--ui-focus-ring);
+  outline-offset: 2px;
+}
+
+.looma-editor__upload-error button:disabled {
+  cursor: wait;
+  opacity: 0.65;
+}
+
+.looma-editor__drop-overlay {
+  position: absolute;
+  z-index: var(--ui-editor-drop-overlay-z-index, 10);
+  inset: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: var(--ui-space-3);
+  border: 2px dashed var(--ui-accent-solid);
+  border-radius: var(--ui-radius-2);
+  background: color-mix(in srgb, var(--ui-accent-soft) 92%, transparent);
+  color: var(--ui-accent-active);
+  font-size: var(--ui-font-size-sm);
+  font-weight: var(--ui-font-semibold);
+  pointer-events: none;
+}
+
+.looma-editor__drop-overlay > .looma-icon {
+  width: var(--ui-font-size-2xl);
+  height: var(--ui-font-size-2xl);
+  stroke-width: var(--ui-editor-toolbar-icon-stroke-width, 1.75);
+}
+
+.looma-editor__toolbar-button {
+  --ui-icon-button-size-sm: var(--ui-editor-toolbar-button-size, 2rem);
+  --ui-icon-button-radius: var(--ui-editor-toolbar-button-radius, var(--ui-radius-1));
+  --ui-icon-button-icon-size: var(--ui-editor-toolbar-icon-size, 1rem);
+}
+
+.looma-editor__toolbar-button > .looma-icon {
+  width: var(--ui-editor-toolbar-icon-size, 1rem);
+  height: var(--ui-editor-toolbar-icon-size, 1rem);
+  stroke-width: var(--ui-editor-toolbar-icon-stroke-width, 1.75);
+}
+
+.looma-editor__sticky-toolbar-shell {
+  position: sticky;
+  top: var(--ui-editor-sticky-toolbar-top, 0);
+  z-index: var(--ui-editor-toolbar-z-index, 10);
+  min-width: 0;
+  background: var(--ui-editor-toolbar-bg, var(--ui-surface, #fff));
+  border-bottom: 1px solid var(--ui-editor-toolbar-border, var(--ui-border, #e5e7eb));
+}
+
+.looma-editor__table-picker-popover,
+.looma-editor__table-toolbar-shell,
+.looma-editor__table-menu-shell {
+  z-index: var(--ui-editor-popover-z-index, 300);
+}
+
+.looma-editor__table-picker-popover {
+  min-width: 220px;
+  padding: 0;
+  border: 0;
+  background: transparent;
+}
+
+.looma-editor__table-toolbar-shell,
+.looma-editor__table-menu-shell,
+.looma-editor__table-overlay-shell {
+  position: fixed;
+}
+
+.looma-editor__mobile-toolbar-shell {
+  position: fixed;
+  z-index: var(--ui-editor-mobile-toolbar-z-index, var(--ui-editor-popover-z-index, 300));
+  display: flex;
+  align-items: stretch;
+  min-height: var(--ui-editor-toolbar-mobile-min-height, 56px);
+  padding:
+    var(--ui-editor-mobile-toolbar-padding-block, 4px)
+    max(var(--ui-editor-mobile-toolbar-padding-inline, 8px), env(safe-area-inset-left));
+  overflow-x: auto;
+  overflow-y: hidden;
+  overscroll-behavior-inline: contain;
+  -webkit-overflow-scrolling: touch;
+  scroll-snap-type: x mandatory;
+  scrollbar-width: none;
+  background: var(--ui-editor-toolbar-bg, var(--ui-surface, #fff));
+  border-top: 1px solid var(--ui-editor-toolbar-border, var(--ui-border, #e5e7eb));
+  box-shadow: var(--ui-editor-toolbar-mobile-shadow, 0 -2px 8px rgb(0 0 0 / 0.06));
+}
+
+.looma-editor__mobile-toolbar-shell::-webkit-scrollbar {
+  display: none;
+}
+
+.looma-editor__mobile-toolbar-shell > *,
+.looma-editor__mobile-toolbar-shell button {
+  flex: 0 0 auto;
+  scroll-snap-align: start;
+}
+
+.looma-editor__mobile-toolbar-shell .looma-editor__toolbar-button {
+  --ui-icon-button-size-sm: var(--ui-editor-toolbar-mobile-button-size, 44px);
+}
+
+.looma-editor__mobile-toolbar-back {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--ui-space-1-5, 6px);
+  min-width: 44px;
+  min-height: 44px;
+  padding: 0 var(--ui-space-3, 12px);
+  border: 0;
+  border-radius: var(--ui-radius-md, 6px);
+  background: transparent;
+  color: var(--ui-text-secondary, #4b5563);
+  cursor: pointer;
+  font: inherit;
+  white-space: nowrap;
+}
+
+.looma-editor__mobile-toolbar-back .looma-icon {
+  width: 1rem;
+  height: 1rem;
+  stroke-width: var(--ui-editor-toolbar-icon-stroke-width, 1.75);
+}
+
+.looma-editor__mobile-toolbar-back:is(:hover, :focus-visible) {
+  background: var(--ui-surface-hover, #f3f4f6);
+  color: var(--ui-text-primary, #111827);
+}
+
+.looma-editor__table-overlay-shell {
+  z-index: var(--ui-editor-overlay-z-index, 299);
+  overflow: visible;
+  pointer-events: none;
+}
+
+.looma-editor .ProseMirror .looma-mention {
+  padding: 0.08em 0.28em;
+  color: var(--ui-editor-mention-color, var(--ui-accent-active, var(--ui-accent-solid)));
+  background: var(--ui-editor-mention-bg, var(--ui-accent-soft, var(--ui-accent-subtle)));
+  border-radius: var(--ui-radius-sm, 4px);
+  font-weight: var(--ui-font-medium, 500);
+  white-space: nowrap;
+}
+
+.ProseMirror .tableWrapper {
+  max-width: 100%;
+  overflow-x: auto;
+  overflow-y: visible;
+  overscroll-behavior-inline: contain;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* ProseMirror table (for when Looma editor content is rendered) */
+.ProseMirror:focus-visible {
+  outline: none;
+  box-shadow: none;
+}
+
+.ProseMirror table {
+  border-collapse: collapse;
+  margin: 0;
+  width: max-content !important;
+  min-width: 100%;
+  max-width: none !important;
+  table-layout: fixed;
+}
+
+.ProseMirror table.ProseMirror-selectednode,
+.ProseMirror .tableWrapper.ProseMirror-selectednode {
+  outline: none;
+}
+
+.ProseMirror th,
+.ProseMirror td {
+  position: relative;
+  border: 1px solid var(--ui-border, #e5e7eb);
+  padding: var(--ui-space-2, 8px) var(--ui-space-3, 12px);
+  vertical-align: top;
+  min-width: var(--ui-editor-table-cell-min-width, 112px);
+  text-align: left;
+  overflow-wrap: anywhere;
+}
+
+.ProseMirror :is(th, td) > p, .looma-editor .ProseMirror :is(th, td) > p {
+  margin: 0;
+}
+
+.ProseMirror :is(th, td) > p + p, .looma-editor .ProseMirror :is(th, td) > p + p {
+  margin-top: var(--ui-editor-table-paragraph-gap, var(--ui-space-2, 8px));
+}
+
+.ProseMirror th {
+  font-weight: 600;
+  background: var(--ui-surface-hover, #f3f4f6);
+}
+
+.ProseMirror .selectedCell {
+  background: var(--ui-accent-subtle, rgba(59, 130, 246, 0.1));
+}
+
+.ProseMirror .column-resize-handle {
+  position: absolute;
+  z-index: 3;
+  right: -5px;
+  top: 0;
+  bottom: 0;
+  width: 10px;
+  cursor: col-resize;
+  background: transparent;
+  touch-action: none;
+}
+
+.ProseMirror .column-resize-handle::after {
+  content: "";
+  position: absolute;
+  inset-block: 0;
+  inset-inline-start: 4px;
+  width: 2px;
+  border-radius: var(--ui-radius-round, 999px);
+  background: color-mix(in srgb, var(--ui-affordance-near-color, var(--ui-border-strong, #c8c8c4)) 72%, transparent);
+  transition:
+    width var(--ui-affordance-motion, var(--ui-motion-fast, 120ms)) var(--ui-motion-ease, ease),
+    background-color var(--ui-affordance-motion, var(--ui-motion-fast, 120ms)) var(--ui-motion-ease, ease);
+}
+
+.ProseMirror .column-resize-handle:hover::after,
+.ProseMirror.resize-cursor .column-resize-handle::after {
+  width: 3px;
+  background: var(--ui-affordance-direct-color, var(--ui-accent-solid, #5b55d6));
+}
+
+.ProseMirror .column-resize-handle::before {
+  content: "Drag to resize column";
+  position: absolute;
+  z-index: 4;
+  top: 4px;
+  left: calc(100% + 6px);
+  width: max-content;
+  padding: var(--ui-space-1, 4px) var(--ui-space-2, 8px);
+  border-radius: var(--ui-radius-1, 4px);
+  background: var(--ui-text-primary, #1a1a1a);
+  color: var(--ui-surface-elevated, #fff);
+  font-size: var(--ui-font-size-xs, 0.75rem);
+  line-height: var(--ui-line-height-md, 1.4);
+  opacity: 0;
+  transform: none;
+  transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast, 120ms)) var(--ui-motion-ease, ease);
+  pointer-events: none;
+}
+
+.ProseMirror .column-resize-handle:hover::before {
+  opacity: 1;
+}
+/*$vite$:1*/