@layer reset, base;/* Generated by `pnpm tokens` from design/chroma/. Do not edit. */@font-face {
  font-family: "Hanken Grotesk";
  src: url("/ds/fonts/hanken-grotesk-latin-wght-normal.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}@font-face {
  font-family: "IBM Plex Mono";
  src: url("/ds/fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}:root,
[data-theme="dark"] {
  --well: #0a0b0f;
  --page: #121218;
  --panel: #191a22;
  --surface: #252630;
  --raise: #31323c;
  --hover: #21222a;
  --selected: #303054;
  --text: #e8e8ea;
  --text-sub: #cfd0d5;
  --text-mute: #b7b8c2;
  --text-ghost: #8d8e9a;
  --line: #272832;
  --line-bright: #3a3b46;
  --line-strong: #7a7c8b;
  --line-field: #3a3b46;
  --accent: #8a89ef;
  --accent-text: #a1a3f5;
  --accent-dim: #5f5fa1;
  --accent-hover: #9c9dff;
  --danger-hover: #ff7e77;
  --on-accent: #101116;
  --on-danger: #101116;
  --focus-ring: #8a89ef;
  --focus-ring-inset: #101116;
  --scrim: rgba(0, 0, 0, 0.55);
  --vignette: rgba(0, 0, 0, 0.34);
  --danger-soft: #432c2a;
  --danger-line: #7c4440;
  --danger-solid: #f5605b;
  --danger-fg: #f0948d;
  --warning-soft: #3d301e;
  --warning-line: #70501e;
  --warning-solid: #e19b1b;
  --warning-fg: #dba65b;
  --success-soft: #24382b;
  --success-line: #2e6343;
  --success-solid: #3ca86b;
  --success-fg: #73c692;
  --info-soft: #303144;
  --info-line: #505181;
  --info-solid: #8a89ef;
  --info-fg: #a6a8f7;
  --neutral-soft: #2e2d34;
  --neutral-line: #302f36;
  --neutral-solid: #7c7c89;
  --neutral-fg: #b9b8be;
  --presence-online: #30a46c;
  --presence-idle: #7c7c86;
  --avatar-human-bg: #24232a;
  --avatar-human-fg: #8a8993;
  --avatar-alt-bg: #2d2114;
  --avatar-alt-fg: #998772;
  --avatar-agent-bg: #2c2c3c;
  --avatar-agent-fg: #9e84e8;
  --avatar-workspace-bg: #23262e;
  --avatar-workspace-fg: #8b909b;
  --cat-1: #3987e5;
  --cat-2: #d95926;
  --cat-3: #199e70;
  --cat-4: #c98500;
  --cat-5: #d55181;
  --cat-6: #008300;
  --cat-7: #9085e9;
  --cat-8: #e66767;
  --overlay-sm: 0 2px 8px rgba(0, 0, 0, 0.45);
  --overlay-lg: 0 12px 32px rgba(0, 0, 0, 0.65);
}[data-theme="light"] {
  --well: #e9e9eb;
  --page: #fcfcfc;
  --panel: #f7f7f7;
  --surface: #f2f2f2;
  --raise: #ffffff;
  --hover: #efeff1;
  --selected: #dcdfff;
  --text: #15161b;
  --text-sub: #2e2f3a;
  --text-mute: #494b5a;
  --text-ghost: #66687b;
  --line: #e4e4e7;
  --line-bright: #d0d1d8;
  --line-strong: #7e7f90;
  --line-field: #d0d1d8;
  --accent: #6b68cb;
  --accent-text: #5f5eab;
  --accent-dim: #8a8cd2;
  --accent-hover: #5b56b7;
  --danger-hover: #bc272c;
  --on-accent: #ffffff;
  --on-danger: #ffffff;
  --focus-ring: #6b68cb;
  --focus-ring-inset: #ffffff;
  --vignette: rgba(38, 36, 74, 0.24);
  --danger-soft: #f7dedb;
  --danger-line: #e6aba6;
  --danger-solid: #d13e3e;
  --danger-fg: #9d4b46;
  --warning-soft: #f0e2d1;
  --warning-line: #d7b68a;
  --warning-solid: #af7400;
  --warning-fg: #895a00;
  --success-soft: #d7eadd;
  --success-line: #99caa9;
  --success-solid: #1d9256;
  --success-fg: #1a7244;
  --info-soft: #e1e3f7;
  --info-line: #b4b7e9;
  --info-solid: #6b68cb;
  --info-fg: #5c5ca3;
  --neutral-soft: #f2f2f2;
  --neutral-line: #e4e4e6;
  --neutral-solid: #7f7e8b;
  --neutral-fg: #4b4b54;
  --presence-online: #269160;
  --presence-idle: #807f89;
  --avatar-human-bg: #dddde6;
  --avatar-human-fg: #62616b;
  --avatar-alt-bg: #ebdbc9;
  --avatar-alt-fg: #715e49;
  --avatar-agent-bg: #d4d6ec;
  --avatar-agent-fg: #664dac;
  --avatar-workspace-bg: #dbdee5;
  --avatar-workspace-fg: #5c616c;
  --cat-1: #2a78d6;
  --cat-2: #eb6834;
  --cat-3: #1baf7a;
  --cat-4: #eda100;
  --cat-5: #e87ba4;
  --cat-7: #4a3aa7;
  --cat-8: #e34948;
}[data-palette="indigo"] {
  --accent: #6e92f2;
  --accent-dim: #4d65a3;
  --accent-hover: #83a6ff;
  --accent-text: #8baaf7;
  --avatar-agent-bg: #282d3d;
  --avatar-agent-fg: #6f93f1;
  --focus-ring: #6e92f2;
  --focus-ring-inset: #0f1116;
  --hover: #1f232a;
  --info-fg: #91aff9;
  --info-line: #435582;
  --info-soft: #2b3345;
  --info-solid: #6e92f2;
  --line: #252932;
  --line-bright: #383c46;
  --line-field: #383c46;
  --line-strong: #777d8b;
  --on-accent: #0f1116;
  --page: #101318;
  --panel: #171b22;
  --raise: #2f333c;
  --selected: #263355;
  --surface: #232730;
  --text: #e8e8ea;
  --text-ghost: #8b8f9b;
  --text-mute: #b5b9c2;
  --text-sub: #ced0d5;
  --well: #090b0f;
}[data-theme="light"][data-palette="indigo"] {
  --accent: #4f70ce;
  --accent-dim: #7691d3;
  --accent-hover: #3f5eba;
  --accent-text: #4a65ad;
  --avatar-agent-bg: #cfd8ed;
  --avatar-agent-fg: #3b59b2;
  --focus-ring: #4f70ce;
  --focus-ring-inset: #ffffff;
  --hover: #efeff1;
  --info-fg: #4862a5;
  --info-line: #a7bbea;
  --info-soft: #dce5f8;
  --info-solid: #4f70ce;
  --line: #e3e4e7;
  --line-bright: #ced2d8;
  --line-field: #ced2d8;
  --line-strong: #7a8091;
  --on-accent: #ffffff;
  --page: #fcfcfc;
  --panel: #f7f7f7;
  --raise: #ffffff;
  --selected: #d4e2ff;
  --surface: #f2f2f2;
  --text: #14161b;
  --text-ghost: #616a7b;
  --text-mute: #454c5a;
  --text-sub: #2b303a;
  --well: #e9e9eb;
}[data-palette="violet"] {
  --accent: #9d82e8;
  --accent-dim: #6c5b9d;
  --accent-hover: #af97f9;
  --accent-text: #b19ef0;
  --avatar-agent-bg: #2f2b3b;
  --avatar-agent-fg: #9e84e8;
  --focus-ring: #9d82e8;
  --focus-ring-inset: #111116;
  --hover: #232129;
  --info-fg: #b5a3f2;
  --info-line: #594e7e;
  --info-soft: #343043;
  --info-solid: #9d82e8;
  --line: #292731;
  --line-bright: #3d3a45;
  --line-field: #3d3a45;
  --line-strong: #7d7b8a;
  --on-accent: #111116;
  --page: #131218;
  --panel: #1b1921;
  --raise: #33313b;
  --selected: #372e52;
  --surface: #27252f;
  --text: #e8e8ea;
  --text-ghost: #908d99;
  --text-mute: #b9b7c1;
  --text-sub: #d0d0d5;
  --well: #0b0b0f;
}[data-theme="light"][data-palette="violet"] {
  --accent: #7d62c5;
  --accent-dim: #9887cd;
  --accent-hover: #6d50b1;
  --accent-text: #6e59a6;
  --avatar-agent-bg: #d8d5eb;
  --avatar-agent-fg: #684cab;
  --focus-ring: #7d62c5;
  --focus-ring-inset: #ffffff;
  --hover: #efeff1;
  --info-fg: #6b589f;
  --info-line: #beb4e6;
  --info-soft: #e5e2f6;
  --info-solid: #7d62c5;
  --line: #e5e4e7;
  --line-bright: #d1d1d8;
  --line-field: #d1d1d8;
  --line-strong: #817e8f;
  --on-accent: #ffffff;
  --page: #fcfcfc;
  --panel: #f7f7f7;
  --raise: #ffffff;
  --selected: #e2ddfd;
  --surface: #f2f2f2;
  --text: #16161b;
  --text-ghost: #6a677a;
  --text-mute: #4c4a59;
  --text-sub: #302e39;
  --well: #e9e9eb;
}[data-contrast="more"] {
  --line-field: #7a7c8b;
  --text-ghost: #a1a2af;
}[data-theme="light"][data-contrast="more"] {
  --line-field: #7e7f90;
  --text-ghost: #616375;
}[data-palette="violet"][data-contrast="more"] {
  --line-field: #7d7b8a;
  --text-ghost: #a4a1ae;
}[data-theme="light"][data-palette="violet"][data-contrast="more"] {
  --line-field: #817e8f;
  --text-ghost: #656274;
}[data-palette="indigo"][data-contrast="more"] {
  --line-field: #777d8b;
  --text-ghost: #9ea3af;
}[data-theme="light"][data-palette="indigo"][data-contrast="more"] {
  --line-field: #7a8091;
  --text-ghost: #5c6474;
}:root {
  --space-2: 0.125rem;
  --space-4: 0.25rem;
  --space-6: 0.375rem;
  --space-8: 0.5rem;
  --space-12: 0.75rem;
  --space-16: 1rem;
  --space-24: 1.5rem;
  --space-32: 2rem;
  --space-48: 3rem;
  --inset-page: 1.5rem;
  --inset-panel: 1rem;
  --inset-popover: 0.75rem;
  --inset-toolbar: 0.5rem;
  --size-1: 0.25rem;
  --size-2: 0.5rem;
  --size-3: 0.75rem;
  --size-4: 1rem;
  --size-5: 1.25rem;
  --size-6: 1.5rem;
  --size-7: 1.75rem;
  --size-8: 2rem;
  --size-10: 2.5rem;
  --size-11: 2.75rem;
  --surface-width-xs: 14rem;
  --surface-width-rail: 16rem;
  --surface-width-sm: 17.5rem;
  --surface-width-md: 20rem;
  --surface-width-lg: 24rem;
  --surface-width-xl: 28rem;
  --surface-width-2xl: 36rem;
  --grid-columns: 12;
  --grid-gutter: 1.5rem;
  --container-form: 28rem;
  --container-reading: 44rem;
  --container-content: 60rem;
  --container-table: 80rem;
  --container-full: none;
  --r1: 0px;
  --r2: 0px;
  --r3: 0px;
  --pill: 0px;
  --circle: 50%;
  --hairline: 1px;
  --marker: 2px;
  --breakpoint-sm: 30rem;
  --breakpoint-md: 48rem;
  --breakpoint-lg: 64rem;
  --breakpoint-xl: 80rem;
  --z-base: 0;
  --z-raised: 10;
  --z-sticky: 100;
  --z-drawer: 200;
  --z-modal: 400;
  --z-popover: 500;
  --z-toast: 600;
  --z-tooltip: 700;
  --duration-instant: 0ms;
  --duration-fast: 100ms;
  --duration-base: 150ms;
  --duration-slow: 250ms;
  --duration-slower: 400ms;
  --duration-loop: 1000ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-enter: cubic-bezier(0, 0, 0, 1);
  --ease-exit: cubic-bezier(0.3, 0, 1, 1);
  --ease-linear: linear;
  --opacity-disabled: 0.5;
  --opacity-muted: 0.62;
  --opacity-grain: 0.02;
  --opacity-grain-1x: 0.012;
  --control-height-compact: 1.5rem;
  --control-height-default: 2rem;
  --control-height-comfortable: 2.5rem;
  --target-touch: 44px;
  --target-minimum: 24px;
  --icon-embedded: 1rem;
  --icon-inline: 1.5rem;
  --icon-nav: 1.5rem;
  --icon-feature: 2rem;
  --font-sans: "Hanken Grotesk", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --type-caption-size: 14px;
  --type-caption-line: 20px;
  --type-caption-weight: 400;
  --type-ui-size: 16px;
  --type-ui-line: 24px;
  --type-ui-weight: 400;
  --type-prose-size: 18px;
  --type-prose-line: 24px;
  --type-prose-weight: 400;
  --type-heading-size: 24px;
  --type-heading-line: 32px;
  --type-heading-weight: 600;
  --type-title-size: 28px;
  --type-title-line: 40px;
  --type-title-weight: 600;
  --type-label-size: 14px;
  --type-label-line: 20px;
  --type-label-weight: 500;
  --type-label-tracking: 1.2px;
  --type-code-size: 15px;
  --type-code-line: 20px;
  --type-code-weight: 400;
}[data-text-size="sm"] {
  --type-caption-size: 12px;
  --type-caption-line: 16px;
  --type-ui-size: 14px;
  --type-ui-line: 20px;
  --type-prose-size: 16px;
  --type-prose-line: 24px;
  --type-heading-size: 20px;
  --type-heading-line: 28px;
  --type-title-size: 24px;
  --type-title-line: 32px;
  --type-label-size: 12px;
  --type-label-line: 16px;
  --type-code-size: 13px;
  --type-code-line: 20px;
  --icon-inline: 1.25rem;
}[data-text-size="lg"] {
  --type-caption-size: 16px;
  --type-caption-line: 24px;
  --type-ui-size: 18px;
  --type-ui-line: 24px;
  --type-prose-size: 20px;
  --type-prose-line: 28px;
  --type-heading-size: 28px;
  --type-heading-line: 40px;
  --type-title-size: 32px;
  --type-title-line: 44px;
  --type-label-size: 16px;
  --type-label-line: 24px;
  --type-code-size: 17px;
  --type-code-line: 24px;
  --icon-inline: 1.5rem;
  --control-height-compact: 1.75rem;
}/* responsive: breakpoint-md; responsive: "Below md"; responsive: "--target-minimum ... becomes --target-touch ... below md" */@media (width < 48rem) {
  :root {
    --inset-page: var(--space-16);
    --target-minimum: var(--target-touch);
  }
}/* responsive: "under (pointer: coarse)"; responsive: "--target-minimum ... becomes --target-touch under (pointer: coarse)" */@media (pointer: coarse) {
  :root {
    --target-minimum: var(--target-touch);
  }
}/* motion: "Under prefers-reduced-motion: reduce"; motion: "Under prefers-reduced-motion: reduce every duration resolves to duration-instant" */@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-fast: var(--duration-instant);
    --duration-base: var(--duration-instant);
    --duration-slow: var(--duration-instant);
    --duration-slower: var(--duration-instant);
    --duration-loop: var(--duration-instant);
  }
}/* appearance-axes: data-corners changes r1, r2, r3, pill — never circle; decisions D15 */[data-corners="rounded"] {
  --r1: 5px;
  --r2: 8px;
  --r3: 10px;
  --pill: 9999px;
}/*
  Foundation — document-level rules. One layer order, `reset` then `base`; module CSS is unlayered and wins over both.
  reset: the rules of the retired Tailwind preflight that the modules were built on, in tokens (D167); placeholder text-mute (D168).
  body / border-color: colour guidelines, text on page, line as the default border.
  body: the `ui` type role, the default (typography).
  scrollbars: thin, `accent-dim` thumb at rest (tokens.json; D166).
  :focus-visible: accessibility §Focus, one ring: a hairline of focus-ring with a
    hairline of focus-ring-inset just inside it, plus a transparent outline that
    forced-colors mode turns into a system-coloured ring. Not on a text field:
    an input, select or textarea marks focus by its border turning accent, on
    :focus so a clicked select shows it too; invalid keeps danger-solid; under
    forced-colors its transparent outline takes CanvasText. The checkbox and
    the radio keep the ring (Field card).
  fill chain: D21, pages fill with min-block-size: 100%, never a viewport unit.
  controls: responsive, below md the touch target and the 1rem floor (Field card: shared layer). Unlayered on purpose: its element-plus-attribute specificity beats one-class module rules below md, which `Field`'s mono control relies on.
  [data-app-root]: layering, the app root is its own stacking context so every
    portalled overlay (Base UI portals to body) sits above page content (D62).
  body position: relative: Base UI quick start, so a dialog backdrop covers the
    visual viewport on iOS 26+.
  [data-contrast="more"]: appearance-axes, the contrast axis turns the vignette
    and the grain off (atmosphere).
  [data-surface]: atmosphere, the field is painted on every region whose fill is
    well or page, anchored to the window; in light theme, well takes no falloff.
  [data-grain]: atmosphere, opacity-grain on displays of 2x and above,
    opacity-grain-1x on 1x displays, background-size 140px.
*/@layer reset {
  *,
  ::before,
  ::after,
  ::backdrop,
  ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }

  html {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    block-size: 0;
    color: inherit;
    border-block-start-width: var(--hairline);
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    text-decoration: inherit;
  }

  code,
  kbd,
  samp,
  pre {
    font-family: var(--font-mono);
    font-size: inherit;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol,
  ul,
  menu {
    list-style: none;
  }

  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    display: block;
    vertical-align: middle;
  }

  img,
  video {
    max-inline-size: 100%;
    block-size: auto;
  }

  button,
  input,
  select,
  optgroup,
  textarea,
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }

  ::placeholder {
    opacity: 1;
    color: var(--text-mute);
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-block-size: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit,
  ::-webkit-datetime-edit-year-field,
  ::-webkit-datetime-edit-month-field,
  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-minute-field,
  ::-webkit-datetime-edit-second-field,
  ::-webkit-datetime-edit-millisecond-field,
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button,
  input:where([type="button"], [type="reset"], [type="submit"]),
  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    block-size: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    /* biome-ignore lint/complexity/noImportantStyles: a layered important declaration beats unlayered module display */
    display: none !important;
  }
}@layer base {
  body {
    font-family: var(--font-sans);
    -webkit-font-smoothing: antialiased;
    background-color: var(--page);
    color: var(--text);
    font-size: var(--type-ui-size);
    line-height: var(--type-ui-line);
    position: relative;
  }

  [data-app-root] {
    isolation: isolate;
  }

  html,
  body,
  #root {
    block-size: 100%;
  }

  *,
  ::before,
  ::after {
    border-color: var(--line);
  }

  * {
    scrollbar-width: thin;
    scrollbar-color: var(--accent-dim) transparent;
  }

  :where(
    button,
    a[href],
    input:is([type="checkbox"], [type="radio"]),
    summary,
    [tabindex]
  ):focus-visible {
    box-shadow:
      inset 0 0 0 var(--hairline) var(--focus-ring),
      inset 0 0 0 calc(2 * var(--hairline)) var(--focus-ring-inset);
    outline: var(--hairline) solid transparent;
    outline-offset: -1px;
  }

  :where(input:not([type="checkbox"], [type="radio"]), select, textarea):focus {
    border-color: var(--accent);
    outline: var(--hairline) solid transparent;
    outline-offset: -1px;
  }

  :where(input, select, textarea)[aria-invalid="true"]:focus {
    border-color: var(--danger-solid);
  }

  @media (forced-colors: active) {
    :where(
        input:not([type="checkbox"], [type="radio"]),
        select,
        textarea
      ):focus {
      outline-color: CanvasText;
    }
  }

  [data-surface="well"],
  [data-surface="page"] {
    background-image: radial-gradient(
      95% 85% at 50% 45%,
      transparent 45%,
      var(--vignette) 100%
    );
    background-attachment: fixed;
    background-repeat: no-repeat;
  }

  [data-theme="light"] [data-surface="well"] {
    background-image: none;
  }

  [data-contrast="more"] :is([data-surface="well"], [data-surface="page"]) {
    background-image: none;
  }

  [data-grain] {
    position: fixed;
    inset: 0;
    pointer-events: none;
    opacity: var(--opacity-grain);
    background-image: image-set(url("/ds/atmosphere/grain-1x.png") 1x, url("/ds/atmosphere/grain-2x.png") 2x, url("/ds/atmosphere/grain-3x.png") 3x);
    background-size: 140px;
  }

  @media (max-resolution: 1.5dppx) {
    [data-grain] {
      opacity: var(--opacity-grain-1x);
    }
  }

  @media (forced-colors: active) {
    [data-grain] {
      display: none;
    }
  }

  [data-contrast="more"] [data-grain] {
    display: none;
  }
}@media (width < 48rem) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  select:not([hidden]),
  textarea:not([hidden]) {
    min-height: max(var(--control-height-default), var(--target-minimum));
    /* The text size holds on a phone, but a field never drops below 1rem:
       iOS zooms the page when a smaller field takes focus (responsive). */
    font-size: max(1rem, var(--type-ui-size)); /* ds-allow: form-zoom-floor */
  }
}
._icon_15pu5_1 {
  display: block;
  flex: none;
  inline-size: var(--icon-inline);
  block-size: var(--icon-inline);
}

._icon_15pu5_1[data-size="icon-embedded"] {
  inline-size: var(--icon-embedded);
  block-size: var(--icon-embedded);
}

._icon_15pu5_1[data-size="icon-nav"] {
  inline-size: var(--icon-nav);
  block-size: var(--icon-nav);
}

._icon_15pu5_1[data-size="icon-feature"] {
  inline-size: var(--icon-feature);
  block-size: var(--icon-feature);
}
._spinner_1574z_1 {
  display: inline-block;
  flex: none;
  inline-size: var(--size-4);
  block-size: var(--size-4);
  border-radius: var(--circle);
  border: var(--marker) solid var(--accent);
  border-inline-end-color: transparent;
  animation: _spin_1574z_1 var(--duration-loop) var(--ease-linear) infinite;
}

._spinner_1574z_1[data-tone="current"] {
  border-color: currentColor;
  border-inline-end-color: transparent;
}

@keyframes _spin_1574z_1 {
  to {
    transform: rotate(360deg);
  }
}

._block_1574z_23 {
  display: block;
  box-sizing: border-box;
  inline-size: var(--local-width, 100%);
  block-size: var(--size-3);
  border-radius: var(--r1);
  background: var(--surface);
  animation: _pulse_1574z_1 var(--duration-loop) var(--ease-standard) infinite;
}

._block_1574z_23[data-ground="surface"] {
  background: var(--raise);
}

._block_1574z_23[data-variant="circle"] {
  inline-size: var(--size-6);
  block-size: var(--size-6);
  border-radius: var(--circle);
  flex: none;
}

._block_1574z_23[data-variant="rect"] {
  block-size: 100%;
}

._lines_1574z_48 {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}

@keyframes _pulse_1574z_1 {
  50% {
    opacity: var(--opacity-muted);
  }
}

@media (prefers-reduced-motion: reduce) {
  ._spinner_1574z_1,
  ._block_1574z_23 {
    animation: none;
  }
}
._surface_asnvf_1 {
  background: var(--surface);
  border: var(--hairline) solid var(--line);
  border-radius: var(--r2);
  color: var(--text);
}

._surface_asnvf_1[data-weight="sm"] {
  box-shadow: var(--overlay-sm);
}

._surface_asnvf_1[data-weight="lg"] {
  box-shadow: var(--overlay-lg);
}

/* A popup that takes focus itself (a toast region, a dialog panel) casts a
   shadow, so its ring lists the two ring layers before the shadow
   (accessibility §Focus). */
._surface_asnvf_1[data-weight="sm"]:focus-visible {
  box-shadow:
    inset 0 0 0 var(--hairline) var(--focus-ring),
    inset 0 0 0 calc(2 * var(--hairline)) var(--focus-ring-inset),
    var(--overlay-sm);
  outline: var(--hairline) solid transparent;
  outline-offset: -1px;
}

._surface_asnvf_1[data-weight="lg"]:focus-visible {
  box-shadow:
    inset 0 0 0 var(--hairline) var(--focus-ring),
    inset 0 0 0 calc(2 * var(--hairline)) var(--focus-ring-inset),
    var(--overlay-lg);
  outline: var(--hairline) solid transparent;
  outline-offset: -1px;
}

._scrim_asnvf_37 {
  position: fixed;
  inset: 0;
  background: var(--scrim);
  transition: opacity var(--duration-slow) var(--ease-standard);
}

._scrim_asnvf_37[data-layer="modal"] {
  z-index: var(--z-modal);
}

._scrim_asnvf_37[data-layer="drawer"] {
  z-index: var(--z-drawer);
  transition-duration: var(--duration-slower);
}

._scrim_asnvf_37[data-starting-style],
._scrim_asnvf_37[data-ending-style] {
  opacity: 0;
}

._header_asnvf_58 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-8);
  min-block-size: var(--control-height-comfortable);
  padding-inline: var(--inset-panel);
  background: var(--panel);
}

._footer_asnvf_69 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-8);
  min-block-size: var(--control-height-comfortable);
  padding-inline: var(--inset-panel);
  background: var(--panel);
}

._title_asnvf_80 {
  margin: 0;
  min-inline-size: 0;
  font-size: var(--type-ui-size);
  line-height: var(--type-ui-line);
  font-weight: var(--type-heading-weight);
  color: var(--text);
}
._positioner_1ukbl_1 {
  z-index: var(--z-tooltip);
}

._popup_1ukbl_5 {
  inline-size: max-content;
  max-inline-size: var(--surface-width-sm);
  padding: var(--space-6) var(--space-8);
  color: var(--text-sub);
  font-size: var(--type-ui-size);
  line-height: var(--type-ui-line);
}
._iconButton_k2ff6_1 {
  display: inline-flex;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: var(--r1);
  background: none;
  color: var(--text-ghost);
  text-decoration: none;
  cursor: pointer;
  min-inline-size: max(var(--control-height-default), var(--target-minimum));
  min-block-size: max(var(--control-height-default), var(--target-minimum));
  transition:
    color var(--duration-fast) var(--ease-standard),
    background-color var(--duration-fast) var(--ease-standard);
}

._iconButton_k2ff6_1:hover:not(:disabled, [aria-busy="true"]) {
  background: var(--hover);
  color: var(--text);
}

._iconButton_k2ff6_1[data-ground="surface"]:hover:not(:disabled, [aria-busy="true"]) {
  background: var(--raise);
}

/* Pressed (D191): the hover fill, the glyph one hairline lower, no
   transition on the way in. */
._iconButton_k2ff6_1:active:not(:disabled, [aria-busy="true"]) {
  background: var(--hover);
  color: var(--text);
  transition-duration: var(--duration-instant);
}

._iconButton_k2ff6_1[data-ground="surface"]:active:not(:disabled, [aria-busy="true"]) {
  background: var(--raise);
}

/* In the rail: well is a ground text-ghost may not sit on (colour). */
._iconButton_k2ff6_1[data-ground="well"] {
  color: var(--text-mute);
}

._iconButton_k2ff6_1:disabled {
  opacity: var(--opacity-disabled);
  cursor: default;
}

._iconButton_k2ff6_1[aria-busy="true"] {
  cursor: progress;
}

._glyph_k2ff6_55 {
  display: inline-flex;
  flex: none;
  inline-size: var(--icon-inline);
  block-size: var(--icon-inline);
  align-items: center;
  justify-content: center;
}

._glyph_k2ff6_55 > svg {
  inline-size: 100%;
  block-size: 100%;
}

@media (prefers-reduced-motion: no-preference) {
  ._iconButton_k2ff6_1:active:not(:disabled, [aria-busy="true"]) > ._glyph_k2ff6_55 {
    translate: 0 var(--hairline);
  }
}
._viewport_8yb93_1 {
  position: fixed;
  z-index: var(--z-toast);
  inset-block-start: calc(var(--space-12) + env(safe-area-inset-top));
  inset-inline: calc(var(--space-12) + env(safe-area-inset-left))
    calc(var(--space-12) + env(safe-area-inset-right));
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--space-8);
  pointer-events: none;
}

._toast_8yb93_14 {
  pointer-events: auto;
  display: flex;
  align-items: flex-start;
  gap: var(--space-8);
  max-inline-size: var(--surface-width-lg);
  padding: var(--space-12);
  border: var(--hairline) solid var(--line);
  border-radius: var(--r2);
  background: var(--surface);
  box-shadow: var(--overlay-sm);
  color: var(--text);
  font-size: var(--type-ui-size);
  line-height: var(--type-ui-line);
}

._glyph_8yb93_30 {
  flex: none;
}

._toast_8yb93_14[data-tone="success"] ._glyph_8yb93_30 {
  color: var(--success-solid);
}

._toast_8yb93_14[data-tone="danger"] ._glyph_8yb93_30 {
  color: var(--danger-solid);
}

._toast_8yb93_14[data-tone="info"] ._glyph_8yb93_30 {
  color: var(--info-solid);
}

._message_8yb93_46 {
  margin: 0;
  flex: 1;
  min-inline-size: 0;
}

._action_8yb93_52 {
  flex: none;
  display: inline-flex;
  align-items: center;
  padding-block: 0;
  padding-inline: var(--space-8);
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  font-weight: var(--type-ui-weight);
  text-decoration: underline;
  cursor: pointer;
  min-block-size: max(var(--control-height-default), var(--target-minimum));
}

._action_8yb93_52,
._dismiss_8yb93_69 {
  margin-block: calc(
    (
      var(--type-ui-line) -
      max(var(--control-height-default), var(--target-minimum))
    ) /
    2
  );
}

/* The toast is focusable (Base UI gives the root tabIndex 0) and casts a shadow,
   so its focus ring lists the ring's two layers before the shadow
   (accessibility §Focus); otherwise the module's box-shadow hides the ring. */
._toast_8yb93_14:focus-visible {
  box-shadow:
    inset 0 0 0 var(--hairline) var(--focus-ring),
    inset 0 0 0 calc(2 * var(--hairline)) var(--focus-ring-inset),
    var(--overlay-sm);
  outline: var(--hairline) solid transparent;
  outline-offset: -1px;
}
._alert_ggq0f_1 {
  display: flex;
  align-items: flex-start;
  gap: var(--space-8);
  padding: var(--space-12);
  border: var(--hairline) solid;
  border-radius: var(--r1);
  font-size: var(--type-ui-size);
  line-height: var(--type-ui-line);
  font-weight: var(--type-ui-weight);
  font-variant-numeric: tabular-nums;
}

._alert_ggq0f_1[data-tone="danger"] {
  background: var(--danger-soft);
  border-color: var(--danger-line);
  color: var(--danger-fg);
}

._alert_ggq0f_1[data-tone="warning"] {
  background: var(--warning-soft);
  border-color: var(--warning-line);
  color: var(--warning-fg);
}

._alert_ggq0f_1[data-tone="success"] {
  background: var(--success-soft);
  border-color: var(--success-line);
  color: var(--success-fg);
}

._alert_ggq0f_1[data-tone="info"] {
  background: var(--info-soft);
  border-color: var(--info-line);
  color: var(--info-fg);
}

._message_ggq0f_38 {
  flex: 1;
  min-inline-size: 0;
}

/* D90: a link inside an alert takes the tone's -fg (Main board); the Link keeps its underline. */
._message_ggq0f_38 a,
._message_ggq0f_38 a:hover {
  color: inherit;
}
._button_uh9um_1 {
  display: inline-flex;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  gap: var(--space-6);
  padding-block: 0;
  padding-inline: var(--space-12);
  border: var(--hairline) solid transparent;
  border-radius: var(--r1);
  background: none;
  color: inherit;
  font: inherit;
  font-size: var(--type-ui-size);
  line-height: var(--type-ui-line);
  text-decoration: none;
  cursor: pointer;
  min-block-size: max(var(--control-height-default), var(--target-minimum));
  transition:
    color var(--duration-base) var(--ease-standard),
    background-color var(--duration-base) var(--ease-standard),
    border-color var(--duration-base) var(--ease-standard);
}

._button_uh9um_1[data-variant="primary"] {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--on-accent);
}

._button_uh9um_1[data-variant="primary"]:hover:not(:disabled, [aria-busy="true"]) {
  background: var(--accent-hover);
  border-color: var(--accent-hover);
}

._button_uh9um_1[data-variant="danger"] {
  background: var(--danger-solid);
  border-color: var(--danger-solid);
  color: var(--on-danger);
}

._button_uh9um_1[data-variant="danger"]:hover:not(:disabled, [aria-busy="true"]) {
  background: var(--danger-hover);
  border-color: var(--danger-hover);
}

._button_uh9um_1[data-variant="outline"] {
  border-color: var(--line-bright);
  color: var(--text);
}

._button_uh9um_1[data-variant="outline"]:hover:not(:disabled, [aria-busy="true"]) {
  background: var(--hover);
}

._button_uh9um_1[data-variant="ghost"] {
  color: var(--text-mute);
}

._button_uh9um_1[data-variant="quiet"] {
  color: var(--text-ghost);
}

._button_uh9um_1[data-variant="ghost"]:hover:not(:disabled, [aria-busy="true"]),
._button_uh9um_1[data-variant="quiet"]:hover:not(:disabled, [aria-busy="true"]) {
  color: var(--text);
  background: var(--hover);
}

._content_uh9um_70 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: inherit;
}

/* On surface (a card, an overlay) the unfilled variants hover to raise
   (component-states, D190). */
._button_uh9um_1[data-ground="surface"]:is(
  [data-variant="outline"],
  [data-variant="ghost"],
  [data-variant="quiet"]
):hover:not(:disabled, [aria-busy="true"]) {
  background: var(--raise);
}

/* Pressed (D191): the hover fill, the content one hairline lower, no
   transition on the way in. */
._button_uh9um_1:active:not(:disabled, [aria-busy="true"]) {
  transition-duration: var(--duration-instant);
}

._button_uh9um_1[data-variant="primary"]:active:not(:disabled, [aria-busy="true"]) {
  background: var(--accent-hover);
  border-color: var(--accent-hover);
}

._button_uh9um_1[data-variant="danger"]:active:not(:disabled, [aria-busy="true"]) {
  background: var(--danger-hover);
  border-color: var(--danger-hover);
}

._button_uh9um_1:is(
  [data-variant="outline"],
  [data-variant="ghost"],
  [data-variant="quiet"]
):active:not(:disabled, [aria-busy="true"], [aria-pressed="true"]) {
  color: var(--text);
  background: var(--hover);
}

._button_uh9um_1[data-ground="surface"]:is(
  [data-variant="outline"],
  [data-variant="ghost"],
  [data-variant="quiet"]
):active:not(:disabled, [aria-busy="true"], [aria-pressed="true"]) {
  background: var(--raise);
}

@media (prefers-reduced-motion: no-preference) {
  ._button_uh9um_1:active:not(:disabled, [aria-busy="true"]) > ._content_uh9um_70 {
    translate: 0 var(--hairline);
  }
}

._button_uh9um_1[aria-pressed="true"],
._button_uh9um_1[aria-pressed="true"]:hover:not(:disabled, [aria-busy="true"]) {
  background: var(--selected);
  color: var(--text);
}

@media (forced-colors: active) {
  ._button_uh9um_1[aria-pressed="true"],
  ._button_uh9um_1[aria-pressed="true"]:hover:not(:disabled, [aria-busy="true"]) {
    background: Highlight;
    color: HighlightText;
  }
}

._button_uh9um_1[data-size="sm"] {
  min-block-size: max(var(--control-height-compact), var(--target-minimum));
  padding-inline: var(--space-8);
  gap: var(--space-4);
  font-size: var(--type-caption-size);
  line-height: var(--type-caption-line);
}

._button_uh9um_1[data-size="icon"] {
  padding: 0;
  min-inline-size: max(var(--control-height-default), var(--target-minimum));
}

._button_uh9um_1:disabled {
  opacity: var(--opacity-disabled);
  cursor: default;
}

._button_uh9um_1[aria-busy="true"] {
  cursor: progress;
}
._codeBlock_udcqw_1 {
  min-inline-size: 0;
  max-inline-size: 100%;
  border: var(--hairline) solid var(--line);
  border-radius: var(--r2);
  overflow: hidden;
}

._header_udcqw_9 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-6);
  min-block-size: var(--control-height-default);
  padding-block: 0;
  padding-inline: var(--space-12);
  background: var(--surface);
  font-family: var(--font-sans);
  font-size: var(--type-caption-size);
  line-height: var(--type-caption-line);
  color: var(--text-mute);
}

._label_udcqw_25 {
  min-inline-size: 0;
  overflow-wrap: anywhere;
}

._title_udcqw_30 {
  font-family: var(--font-mono);
  font-size: var(--type-code-size);
  line-height: var(--type-code-line);
}

._copy_udcqw_36 {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: var(--space-6);
  padding-block: 0;
  padding-inline: var(--space-4);
  border: 0;
  border-radius: var(--r1);
  background: none;
  color: var(--text-mute);
  cursor: pointer;
  font: inherit;
  min-block-size: max(var(--control-height-compact), var(--target-minimum));
}

._copy_udcqw_36:hover {
  color: var(--text);
  background: var(--raise);
}

/* Pressed (D191): the hover fill, the content one hairline lower, no
   transition on the way in. */
._copy_udcqw_36:active {
  background: var(--raise);
  color: var(--text);
  transition-duration: var(--duration-instant);
}

@media (prefers-reduced-motion: no-preference) {
  ._copy_udcqw_36:active > * {
    translate: 0 var(--hairline);
  }
}

._body_udcqw_71 {
  margin: 0;
  padding: var(--space-12);
  background: var(--well);
  color: var(--text-sub);
  font-family: var(--font-mono);
  font-size: var(--type-code-size);
  line-height: var(--type-code-line);
  white-space: pre;
  overflow: auto;
  max-block-size: calc(
    var(--local-max-lines) *
    var(--type-code-line) +
    2 *
    var(--space-12)
  );
}

._body_udcqw_71[data-wrap] {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

._visuallyHidden_udcqw_94 {
  position: absolute;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
._container_1oftd_1 {
  inline-size: 100%;
  margin-inline: auto;
}

._container_1oftd_1[data-size="container-form"] {
  max-inline-size: var(--container-form);
}

._container_1oftd_1[data-size="container-reading"] {
  max-inline-size: var(--container-reading);
}

._container_1oftd_1[data-size="container-content"] {
  max-inline-size: var(--container-content);
}

._container_1oftd_1[data-size="container-table"] {
  max-inline-size: var(--container-table);
}

._container_1oftd_1[data-size="container-full"] {
  max-inline-size: var(--container-full);
}

._container_1oftd_1[data-inset] {
  padding: var(--inset-page);
}
._stack_1mjb3_1 {
  display: flex;
  flex-direction: column;
}

._stack_1mjb3_1[data-gap="space-2"] {
  gap: var(--space-2);
}

._stack_1mjb3_1[data-gap="space-4"] {
  gap: var(--space-4);
}

._stack_1mjb3_1[data-gap="space-6"] {
  gap: var(--space-6);
}

._stack_1mjb3_1[data-gap="space-8"] {
  gap: var(--space-8);
}

._stack_1mjb3_1[data-gap="space-12"] {
  gap: var(--space-12);
}

._stack_1mjb3_1[data-gap="space-16"] {
  gap: var(--space-16);
}

._stack_1mjb3_1[data-gap="space-24"] {
  gap: var(--space-24);
}

._stack_1mjb3_1[data-gap="space-32"] {
  gap: var(--space-32);
}

._stack_1mjb3_1[data-gap="space-48"] {
  gap: var(--space-48);
}

._stack_1mjb3_1[data-align="start"] {
  align-items: start;
}

._stack_1mjb3_1[data-align="center"] {
  align-items: center;
}

._stack_1mjb3_1[data-align="end"] {
  align-items: end;
}

._stack_1mjb3_1[data-align="stretch"] {
  align-items: stretch;
}
._text_dpdwn_1 {
  margin: 0;
  overflow-wrap: anywhere;
}

._text_dpdwn_1[data-variant="caption"] {
  font-size: var(--type-caption-size);
  line-height: var(--type-caption-line);
  font-weight: var(--type-caption-weight);
}

._text_dpdwn_1[data-variant="ui"] {
  font-size: var(--type-ui-size);
  line-height: var(--type-ui-line);
  font-weight: var(--type-ui-weight);
}

._text_dpdwn_1[data-variant="prose"] {
  font-size: var(--type-prose-size);
  line-height: var(--type-prose-line);
  font-weight: var(--type-prose-weight);
}

._text_dpdwn_1[data-variant="heading"] {
  font-size: var(--type-heading-size);
  line-height: var(--type-heading-line);
  font-weight: var(--type-heading-weight);
}

._text_dpdwn_1[data-variant="title"] {
  font-size: var(--type-title-size);
  line-height: var(--type-title-line);
  font-weight: var(--type-title-weight);
}

._text_dpdwn_1[data-variant="label"] {
  font-size: var(--type-label-size);
  line-height: var(--type-label-line);
  font-weight: var(--type-label-weight);
  text-transform: uppercase;
  letter-spacing: var(--type-label-tracking);
}

._text_dpdwn_1[data-variant="code"] {
  font-size: var(--type-code-size);
  line-height: var(--type-code-line);
  font-weight: var(--type-code-weight);
  font-family: var(--font-mono);
}

._text_dpdwn_1[data-tone="text"] {
  color: var(--text);
}

._text_dpdwn_1[data-tone="text-sub"] {
  color: var(--text-sub);
}

._text_dpdwn_1[data-tone="text-mute"] {
  color: var(--text-mute);
}

._text_dpdwn_1[data-tone="text-ghost"] {
  color: var(--text-ghost);
}

._text_dpdwn_1[data-weight="strong"] {
  font-weight: var(--type-heading-weight);
}

._text_dpdwn_1[data-numeric] {
  font-variant-numeric: tabular-nums;
}
._stack_hp5ud_1 {
  align-self: stretch;
}

._standalone_hp5ud_5 {
  min-block-size: 100%;
}
._field_alm7z_1 {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  min-inline-size: 0;
}

._label_alm7z_8 {
  display: block;
  font-size: var(--type-ui-size);
  line-height: var(--type-ui-line);
  color: var(--text-sub);
}

._hint_alm7z_15 {
  color: var(--text-ghost);
}

._control_alm7z_19 {
  box-sizing: border-box;
  inline-size: 100%;
  margin: 0;
  padding-block: 0;
  padding-inline: var(--space-12);
  background: var(--surface);
  color: var(--text);
  font: inherit;
  font-size: var(--type-ui-size);
  line-height: var(--type-ui-line);
  border: var(--hairline) solid var(--line-field);
  border-radius: var(--r1);
  min-block-size: max(var(--control-height-default), var(--target-minimum));
}

._control_alm7z_19:hover:not([readonly], :disabled) {
  background: var(--raise);
}

/* A text field marks focus by its border turning accent, on :focus so a clicked
   select shows it too; the ring stays on the checkbox (accessibility §Focus).
   The module repeats the foundation's rule because its own border shorthand
   above would otherwise win. Invalid stays danger-solid while focused. */
._control_alm7z_19:focus {
  border-color: var(--accent);
}

._control_alm7z_19[aria-invalid="true"] {
  border-color: var(--danger-solid);
}

._control_alm7z_19[readonly] {
  background: transparent;
  color: var(--text-sub);
  cursor: default;
}

/* :where keeps this at one class, so the mobile floor still wins below md. */
._control_alm7z_19:where([data-mono]) {
  font-family: var(--font-mono);
  font-size: var(--type-code-size);
  line-height: var(--type-code-line);
}

._control_alm7z_19:disabled {
  opacity: var(--opacity-disabled);
}

textarea._control_alm7z_19 {
  display: block;
  padding-block: var(--space-8);
  resize: vertical;
}

._select_alm7z_74 {
  position: relative;
  display: block;
}

._select_alm7z_74 > ._control_alm7z_19 {
  appearance: none;
  padding-inline-end: calc(
    var(--space-12) +
    var(--icon-embedded) +
    var(--space-6)
  );
}

._caret_alm7z_88 {
  position: absolute;
  inset-block: 0;
  inset-inline-end: var(--space-12);
  margin-block: auto;
  /* text-mute: the field hovers to raise, where text-ghost may not sit (colour). */
  color: var(--text-mute);
  pointer-events: none;
}

._help_alm7z_98 {
  margin: 0;
  font-size: var(--type-caption-size);
  line-height: var(--type-caption-line);
  color: var(--text-mute);
}

._error_alm7z_105 {
  margin: 0;
  font-size: var(--type-caption-size);
  line-height: var(--type-caption-line);
  color: var(--danger-fg);
}

._check_alm7z_112 {
  display: flex;
  align-items: center;
  gap: var(--space-8);
  font-size: var(--type-ui-size);
  line-height: var(--type-ui-line);
  color: var(--text);
  cursor: pointer;
  min-block-size: max(var(--control-height-default), var(--target-minimum));
}

._check_alm7z_112:hover {
  background: var(--hover);
}

._check_alm7z_112[data-ground="surface"]:hover {
  background: var(--raise);
}

/* Pressed (D191): the hover fill, the box and label one hairline lower. */
._check_alm7z_112:active {
  background: var(--hover);
  transition-duration: var(--duration-instant);
}

._check_alm7z_112[data-ground="surface"]:active {
  background: var(--raise);
}

@media (prefers-reduced-motion: no-preference) {
  ._check_alm7z_112:active > * {
    translate: 0 var(--hairline);
  }
}

._checkbox_alm7z_147 {
  appearance: none;
  margin: 0;
  flex: none;
  position: relative;
  inline-size: var(--size-4);
  block-size: var(--size-4);
  border: var(--hairline) solid var(--line-strong);
  border-radius: var(--r1);
  background: var(--surface);
  cursor: pointer;
}

._checkbox_alm7z_147:checked,
._checkbox_alm7z_147:indeterminate {
  background: var(--accent);
  border-color: var(--accent);
}

._checkbox_alm7z_147:checked::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--on-accent);
  -webkit-mask:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'><path d='M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z'/></svg>")
    center / contain no-repeat;
  mask:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'><path d='M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z'/></svg>")
    center / contain no-repeat;
}

._checkbox_alm7z_147:indeterminate::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--on-accent);
  -webkit-mask:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'><path d='M3 7c-.276 0-.5.224-.5.5s.224.5.5.5h9c.276 0 .5-.224.5-.5s-.224-.5-.5-.5H3Z'/></svg>")
    center / contain no-repeat;
  mask:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'><path d='M3 7c-.276 0-.5.224-.5.5s.224.5.5.5h9c.276 0 .5-.224.5-.5s-.224-.5-.5-.5H3Z'/></svg>")
    center / contain no-repeat;
}

@media (forced-colors: active) {
  ._checkbox_alm7z_147 {
    forced-color-adjust: none;
    background: Canvas;
    border-color: CanvasText;
  }

  ._checkbox_alm7z_147:checked,
  ._checkbox_alm7z_147:indeterminate {
    background: Highlight;
    border-color: Highlight;
  }

  ._checkbox_alm7z_147:checked::after,
  ._checkbox_alm7z_147:indeterminate::after {
    background: HighlightText;
  }

  /* forced-color-adjust: none above also drops the system focus ring, so the
     checkbox draws its own (Field card, forced colours). */
  ._checkbox_alm7z_147:focus-visible {
    outline-color: CanvasText;
    box-shadow: inset 0 0 0 calc(2 * var(--hairline)) Canvas;
  }
}

._group_alm7z_218 {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  min-inline-size: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

._legend_alm7z_228 {
  padding: 0;
  margin-block-end: var(--space-6);
}

._options_alm7z_233 {
  display: flex;
  flex-direction: column;
}

._check_alm7z_112:has(> ._checkbox_alm7z_147:disabled),
._check_alm7z_112:has(> ._checkbox_alm7z_147[aria-disabled="true"]) {
  opacity: var(--opacity-disabled);
  cursor: default;
}

._check_alm7z_112:has(> ._checkbox_alm7z_147:disabled):is(:hover, :active),
._check_alm7z_112:has(> ._checkbox_alm7z_147[aria-disabled="true"]):is(:hover, :active) {
  background: none;
}

._check_alm7z_112:has(> ._checkbox_alm7z_147:disabled):active > *,
._check_alm7z_112:has(> ._checkbox_alm7z_147[aria-disabled="true"]):active > * {
  translate: none;
}
._link_1coe6_1 {
  color: var(--accent-text);
  text-decoration: underline;
  text-underline-offset: var(--space-2);
  border-radius: var(--r1);
  transition: color var(--duration-fast) var(--ease-standard);
}

._link_1coe6_1:hover {
  color: var(--text);
}

._link_1coe6_1[data-variant="quiet"] {
  color: var(--text-sub);
  text-decoration-color: var(--line-bright);
}

._link_1coe6_1[data-variant="quiet"]:hover {
  color: var(--text);
  text-decoration-color: currentColor;
}

._link_1coe6_1:has(svg) {
  display: inline-flex;
  align-items: center;
  gap: var(--space-6);
}
._wordmark_p3054_1 {
  margin: 0;
  color: var(--text);
  font-size: var(--type-title-size);
  line-height: var(--type-title-line);
  font-weight: var(--type-title-weight);
  letter-spacing: -0.02em; /* ds-allow: wordmark */
}
._room_7lmjz_1 {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  min-block-size: 100%;
  padding: var(--inset-page);
}

._masthead_7lmjz_9 {
  text-align: center;
}

._linkLine_7lmjz_13 {
  text-align: center;
}
._inline_1waie_1 {
  display: flex;
  flex-wrap: wrap;
}

._inline_1waie_1[data-gap="space-2"] {
  gap: var(--space-2);
}

._inline_1waie_1[data-gap="space-4"] {
  gap: var(--space-4);
}

._inline_1waie_1[data-gap="space-6"] {
  gap: var(--space-6);
}

._inline_1waie_1[data-gap="space-8"] {
  gap: var(--space-8);
}

._inline_1waie_1[data-gap="space-12"] {
  gap: var(--space-12);
}

._inline_1waie_1[data-gap="space-16"] {
  gap: var(--space-16);
}

._inline_1waie_1[data-gap="space-24"] {
  gap: var(--space-24);
}

._inline_1waie_1[data-gap="space-32"] {
  gap: var(--space-32);
}

._inline_1waie_1[data-gap="space-48"] {
  gap: var(--space-48);
}

._inline_1waie_1[data-align="center"] {
  align-items: center;
}

._inline_1waie_1[data-align="baseline"] {
  align-items: baseline;
}

._inline_1waie_1[data-align="start"] {
  align-items: start;
}

._inline_1waie_1[data-align="end"] {
  align-items: end;
}

._inline_1waie_1[data-align="stretch"] {
  align-items: stretch;
}

._inline_1waie_1[data-justify="start"] {
  justify-content: flex-start;
}

._inline_1waie_1[data-justify="end"] {
  justify-content: flex-end;
}

._inline_1waie_1[data-justify="between"] {
  justify-content: space-between;
}

._inline_1waie_1[data-wrap="false"] {
  flex-wrap: nowrap;
}
._root_g8loo_1 {
  display: flex;
  flex-direction: column;
  gap: var(--space-24);
  min-inline-size: 0;
}

._list_g8loo_8 {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--space-4);
  overflow-x: auto;
  scrollbar-width: none;
}

._list_g8loo_8::-webkit-scrollbar {
  display: none;
}

@media (width < 48rem) {
  ._list_g8loo_8 {
    margin-inline: calc(-1 * var(--inset-page));
    padding-inline: var(--inset-page);
    scroll-padding-inline: var(--inset-page);
  }
}

._tab_g8loo_28 {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: var(--space-6);
  box-sizing: border-box;
  min-block-size: max(var(--control-height-default), var(--target-minimum));
  padding-block: 0;
  padding-inline: var(--space-12);
  border: 0;
  border-block-end: var(--marker) solid transparent;
  border-radius: var(--r1);
  background: none;
  color: var(--text-mute);
  cursor: pointer;
  font: inherit;
  font-size: var(--type-ui-size);
  line-height: var(--type-ui-line);
  white-space: nowrap;
  transition:
    color var(--duration-base) var(--ease-standard),
    background-color var(--duration-base) var(--ease-standard);
}

._tab_g8loo_28:hover {
  background: var(--hover);
  color: var(--text);
}

/* Pressed (D191): the hover fill, the content one hairline lower, no
   transition on the way in. */
._tab_g8loo_28:active {
  background: var(--hover);
  color: var(--text);
  transition-duration: var(--duration-instant);
}

@media (prefers-reduced-motion: no-preference) {
  ._tab_g8loo_28:active > * {
    translate: 0 var(--hairline);
  }
}

._tab_g8loo_28[aria-selected="true"] {
  background: var(--selected);
  color: var(--text);
  font-weight: var(--type-heading-weight);
  border-block-end-color: var(--accent);
}

@media (forced-colors: active) {
  ._tab_g8loo_28[aria-selected="true"] {
    border-block-end-color: Highlight;
  }
}
._avatar_14k4p_1 {
  display: inline-flex;
  flex: none;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  border: var(--hairline) solid transparent;
  border-radius: var(--circle);
  background: var(--avatar-human-bg);
  color: var(--avatar-human-fg);
  font-family: var(--font-sans);
  font-weight: var(--type-heading-weight);
  line-height: 1; /* ds-allow: avatar-initial */
}

._avatar_14k4p_1[data-size="sm"] {
  inline-size: var(--size-4);
  block-size: var(--size-4);
  font-size: 8px; /* ds-allow: avatar-initial */
}

._avatar_14k4p_1[data-size="md"] {
  inline-size: var(--size-6);
  block-size: var(--size-6);
  font-size: 11px; /* ds-allow: avatar-initial */
}

._avatar_14k4p_1[data-size="lg"] {
  inline-size: var(--size-8);
  block-size: var(--size-8);
  font-size: 15px; /* ds-allow: avatar-initial */
}

._avatar_14k4p_1[data-kind="human"][data-alt] {
  background: var(--avatar-alt-bg);
  color: var(--avatar-alt-fg);
}

._avatar_14k4p_1[data-kind="agent"] {
  border-radius: var(--r1);
  background: var(--avatar-agent-bg);
  color: var(--avatar-agent-fg);
}

/* A square means not a person; the neutral pair tells a workspace from an
   agent's accent square. */
._avatar_14k4p_1[data-kind="workspace"] {
  border-radius: var(--r1);
  background: var(--avatar-workspace-bg);
  color: var(--avatar-workspace-fg);
}
._card_1xode_1 {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  box-sizing: border-box;
  min-inline-size: 0;
  padding: var(--inset-popover);
  border: var(--hairline) solid var(--line);
  border-radius: var(--r3);
  background: var(--surface);
  color: inherit;
  text-decoration: none;
}

._card_1xode_1[data-variant="flat"] {
  background: none;
}

._card_1xode_1[data-variant="inset"] {
  background: var(--well);
}

._card_1xode_1[data-interactive] {
  cursor: pointer;
}

._card_1xode_1[data-interactive]:hover {
  background: var(--raise);
  border-color: var(--line-bright);
}

/* Pressed (D191): the hover fill, the content one hairline lower, no
   transition on the way in. */
._card_1xode_1[data-interactive]:active {
  background: var(--raise);
  transition-duration: var(--duration-instant);
}

@media (prefers-reduced-motion: no-preference) {
  ._card_1xode_1[data-interactive]:active > * {
    translate: 0 var(--hairline);
  }
}

._header_1xode_45 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-8);
}

._footer_1xode_52 {
  display: flex;
  align-items: center;
  gap: var(--space-8);
}

._statLabel_1xode_58 {
  font-size: var(--type-caption-size);
  line-height: var(--type-caption-line);
  color: var(--text-mute);
}

._statValue_1xode_64 {
  font-size: var(--type-title-size);
  line-height: var(--type-title-line);
  font-weight: var(--type-ui-weight);
  color: var(--text);
  font-variant-numeric: tabular-nums;
}

._statDelta_1xode_72 {
  font-size: var(--type-caption-size);
  line-height: var(--type-caption-line);
  color: var(--text-mute);
  font-variant-numeric: tabular-nums;
}

._statDelta_1xode_72[data-tone="success"] {
  color: var(--success-fg);
}

._statDelta_1xode_72[data-tone="warning"] {
  color: var(--warning-fg);
}

._statDelta_1xode_72[data-tone="danger"] {
  color: var(--danger-fg);
}

._statDelta_1xode_72[data-tone="info"] {
  color: var(--info-fg);
}
._chip_1mt69_1 {
  display: inline-flex;
  align-items: center;
  gap: var(--space-6);
  box-sizing: border-box;
  min-block-size: var(--control-height-compact);
  padding-block: 0;
  padding-inline: var(--space-8);
  border: var(--hairline) solid transparent;
  border-radius: var(--r1);
  background: var(--surface);
  color: var(--text-sub);
  font-family: var(--font-sans);
  font-size: var(--type-caption-size);
  line-height: var(--type-caption-line);
}

._filter_1mt69_18 {
  display: inline-flex;
  align-items: center;
  gap: var(--space-6);
  box-sizing: border-box;
  min-block-size: max(var(--control-height-compact), var(--target-minimum));
  padding-block: 0;
  padding-inline: var(--space-8);
  border: var(--hairline) solid var(--line-bright);
  border-radius: var(--pill);
  background: none;
  color: var(--text-mute);
  font: inherit;
  font-size: var(--type-caption-size);
  line-height: var(--type-caption-line);
  cursor: pointer;
}

/* In a toolbar the chip takes the row's height (D212); the check and any
   count inside follow the text. */
._filter_1mt69_18[data-size="default"] {
  min-block-size: max(var(--control-height-default), var(--target-minimum));
  padding-inline: var(--space-12);
  font-size: var(--type-ui-size);
  line-height: var(--type-ui-line);
}

._filter_1mt69_18:hover {
  background: var(--hover);
  color: var(--text);
}

._filter_1mt69_18[data-ground="surface"]:hover:not([aria-pressed="true"]) {
  background: var(--raise);
}

/* Pressed (D191): the hover fill, the content one hairline lower, no
   transition on the way in. */
._filter_1mt69_18:active {
  transition-duration: var(--duration-instant);
}

._filter_1mt69_18:active:not([aria-pressed="true"]) {
  background: var(--hover);
  color: var(--text);
}

._filter_1mt69_18[data-ground="surface"]:active:not([aria-pressed="true"]) {
  background: var(--raise);
}

@media (prefers-reduced-motion: no-preference) {
  ._filter_1mt69_18:active > * {
    translate: 0 var(--hairline);
  }
}

/* Pressed is a check glyph and the selected fill and the accent border, never
   the border alone (Chip card). */
._filter_1mt69_18[aria-pressed="true"],
._filter_1mt69_18[aria-pressed="true"]:hover {
  background: var(--selected);
  border-color: var(--accent);
  color: var(--text);
}

._check_1mt69_84 {
  flex: none;
}

._count_1mt69_88 {
  font-variant-numeric: tabular-nums;
  color: var(--text-ghost);
}

._filter_1mt69_18[aria-pressed="true"] ._count_1mt69_88 {
  color: var(--text-sub);
}

@media (forced-colors: active) {
  ._filter_1mt69_18[aria-pressed="true"],
  ._filter_1mt69_18[aria-pressed="true"]:hover {
    background: Highlight;
    color: HighlightText;
    border-color: Highlight;
  }
}

._remove_1mt69_106 {
  position: relative;
  display: inline-flex;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  cursor: pointer;
}

._remove_1mt69_106::after {
  content: "";
  position: absolute;
  inset: calc(
    50% -
    max(var(--control-height-compact), var(--target-minimum)) /
    2
  );
}

._remove_1mt69_106:hover {
  color: var(--text);
}

@media (prefers-reduced-motion: no-preference) {
  ._remove_1mt69_106:active > * {
    translate: 0 var(--hairline);
  }
}
._block_c8v7h_1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-8);
  padding-block: var(--space-32);
  padding-inline: var(--space-24);
  text-align: start;
}

._title_c8v7h_11 {
  margin: 0;
  font-size: var(--type-heading-size);
  line-height: var(--type-heading-line);
  font-weight: var(--type-heading-weight);
  color: var(--text);
}

._description_c8v7h_19 {
  margin: 0;
  max-inline-size: var(--container-form);
  font-size: var(--type-ui-size);
  line-height: var(--type-ui-line);
  color: var(--text-mute);
}

/* A sentence and its action on one wrapping row, aligned on the baseline
   (D189). */
._inline_c8v7h_29 {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-8);
  margin: 0;
  text-align: start;
  font-size: var(--type-ui-size);
  line-height: var(--type-ui-line);
  color: var(--text-mute);
}

._sentence_c8v7h_41 {
  margin: 0;
}
._head_eoqyh_1 {
  display: flex;
  justify-content: space-between;
  gap: var(--space-8);
  margin-block-end: var(--space-6);
  font-size: var(--type-ui-size);
  line-height: var(--type-ui-line);
  color: var(--text-mute);
}

._value_eoqyh_11 {
  color: var(--text);
  font-weight: var(--type-ui-weight);
  font-variant-numeric: tabular-nums;
}

._track_eoqyh_17 {
  block-size: var(--size-2);
  border-radius: var(--pill);
  background: var(--surface);
  overflow: hidden;
}

._fill_eoqyh_24 {
  block-size: 100%;
  border-radius: var(--r1);
  background: var(--accent);
}

._root_eoqyh_30[data-tone="warning"] ._fill_eoqyh_24 {
  background: var(--warning-solid);
}

._root_eoqyh_30[data-tone="danger"] ._fill_eoqyh_24 {
  background: var(--danger-solid);
}

._message_eoqyh_38 {
  margin: 0;
  margin-block-start: var(--space-6);
  font-size: var(--type-caption-size);
  line-height: var(--type-caption-line);
}

._root_eoqyh_30[data-tone="warning"] ._message_eoqyh_38 {
  color: var(--warning-fg);
}

._root_eoqyh_30[data-tone="danger"] ._message_eoqyh_38 {
  color: var(--danger-fg);
}
._sectionHeader_1v4g7_1 {
  display: flex;
  align-items: center;
  gap: var(--space-8);
  margin: 0;
  font-family: var(--font-sans);
  font-size: var(--type-label-size);
  line-height: var(--type-label-line);
  font-weight: var(--type-label-weight);
  color: var(--text-ghost);
}

/* Tracking and case belong to the label only; the count beside it is a
   plain tabular number (D110). */
._label_1v4g7_15 {
  letter-spacing: var(--type-label-tracking);
  text-transform: uppercase;
}

._sectionHeader_1v4g7_1[data-trailing="compact"] {
  margin-block-end: var(--space-4);
}

._sectionHeader_1v4g7_1[data-trailing="section"] {
  margin-block-end: var(--space-12);
}

._rule_1v4g7_28 {
  flex: 1;
  block-size: 0;
  border-block-start: var(--hairline) solid var(--line);
}

._count_1v4g7_34 {
  font-variant-numeric: tabular-nums;
  font-weight: var(--type-caption-weight);
}
._root_1tj9x_1 {
  container-type: inline-size;
  min-inline-size: 0;
}

/* Scrolls inline at every width, so a wide table never clips (card: no silent
   overflow). It is a focusable region. No stacking context of its own
   (layering): the pinned cells order themselves on the z scale. */
._scroller_1tj9x_9 {
  border: var(--hairline) solid var(--line);
  border-radius: var(--r3);
  overflow-x: auto;
}

._table_1tj9x_15 {
  inline-size: 100%;
  border-collapse: collapse;
  font-size: var(--type-ui-size);
  line-height: var(--type-ui-line);
}

._visuallyHidden_1tj9x_22 {
  position: absolute;
  clip-path: inset(50%);
  overflow: hidden;
  white-space: nowrap;
}

._table_1tj9x_15 th {
  position: sticky;
  inset-block-start: 0;
  z-index: var(--z-sticky);
  background: var(--surface);
  color: var(--text-mute);
  font-weight: var(--type-ui-weight);
  text-align: start;
  block-size: var(--control-height-default);
  padding-block: 0;
  padding-inline: var(--space-12);
  vertical-align: middle;
  border-block-end: var(--hairline) solid var(--line);
}

._table_1tj9x_15 [data-align="end"] {
  text-align: end;
  font-variant-numeric: tabular-nums;
}

._table_1tj9x_15 td {
  block-size: var(--control-height-comfortable);
  padding: var(--space-8) var(--space-12);
  color: var(--text-sub);
  border-block-end: var(--hairline) solid var(--line);
}

._table_1tj9x_15 tbody tr:last-child td {
  border-block-end: 0;
}

._table_1tj9x_15[data-density="compact"] tbody td,
._table_1tj9x_15[data-density="compact"] tfoot td {
  block-size: var(--control-height-default);
  padding: var(--space-8);
}

._table_1tj9x_15 tbody tr:hover td {
  background: var(--hover);
}

._table_1tj9x_15 tr[data-activatable] {
  cursor: pointer;
}

._table_1tj9x_15 tfoot td {
  background: var(--surface);
  color: var(--text);
  font-weight: var(--type-ui-weight);
  border-block-start: var(--hairline) solid var(--line);
  border-block-end: 0;
}

/* After the density and footer rules, so the checkbox column is exactly
   control-height-default wide at both densities: the primary column's pinned
   offset depends on it. */
._selectCol_1tj9x_85,
._table_1tj9x_15 th._select_1tj9x_85,
._table_1tj9x_15 tbody td._select_1tj9x_85,
._table_1tj9x_15 tfoot td._select_1tj9x_85 {
  inline-size: var(--control-height-default);
  padding-inline: 0;
  text-align: center;
  vertical-align: middle;
}

._sort_1tj9x_95 {
  display: inline-flex;
  align-items: center;
  gap: var(--space-6);
  min-block-size: max(var(--control-height-default), var(--target-minimum));
  padding: 0;
  border: 0;
  border-radius: var(--r1);
  background: none;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

._sort_1tj9x_95 svg {
  color: var(--text-ghost);
}

._sort_1tj9x_95[data-active] svg {
  color: currentColor;
}

/* Table card · Sorting: on a fine pointer with hover the inactive sort glyph
   waits for its header to be hovered or focused; on a coarse pointer it is
   always shown. The header is a button either way (platform). */
@media (hover: hover) and (pointer: fine) {
  ._sort_1tj9x_95:not([data-active]) svg {
    opacity: 0;
    transition: opacity var(--duration-fast) var(--ease-standard);
  }

  ._table_1tj9x_15 th:is(:hover, :focus-within) ._sort_1tj9x_95:not([data-active]) svg {
    opacity: 1;
  }
}

._table_1tj9x_15 [data-align="end"] ._sort_1tj9x_95 {
  flex-direction: row-reverse;
}

col[data-width="surface-width-xs"] {
  inline-size: var(--surface-width-xs);
}

col[data-width="surface-width-sm"] {
  inline-size: var(--surface-width-sm);
}

col[data-width="surface-width-md"] {
  inline-size: var(--surface-width-md);
}

col[data-width="surface-width-lg"] {
  inline-size: var(--surface-width-lg);
}

col[data-width="surface-width-xl"] {
  inline-size: var(--surface-width-xl);
}

col[data-width="surface-width-2xl"] {
  inline-size: var(--surface-width-2xl);
}

._table_1tj9x_15 td._message_1tj9x_159 {
  padding: var(--space-12);
}

@container (width < 48rem) {
  /* Pin the row's identity: the first cell (the checkbox when selection is on)
     and, after a checkbox, the primary cell, offset by the checkbox column. */
  ._table_1tj9x_15 th:first-child,
  ._table_1tj9x_15 td:first-child,
  ._table_1tj9x_15 ._select_1tj9x_85 + th,
  ._table_1tj9x_15 ._select_1tj9x_85 + td {
    position: sticky;
    inset-inline-start: 0;
  }

  ._table_1tj9x_15 ._select_1tj9x_85 + th,
  ._table_1tj9x_15 ._select_1tj9x_85 + td {
    inset-inline-start: var(--control-height-default);
  }

  ._table_1tj9x_15 td:first-child,
  ._table_1tj9x_15 ._select_1tj9x_85 + td {
    z-index: var(--z-raised);
    background: var(--page);
  }

  /* While columns are pinned, the scrolling header cells drop to z-raised so
     the pinned corner (z-sticky) stays above them and above the pinned body
     cells; a pinned body cell never overlaps a scrolling header cell. */
  ._table_1tj9x_15 th {
    z-index: var(--z-raised);
  }

  ._table_1tj9x_15 th:first-child,
  ._table_1tj9x_15 ._select_1tj9x_85 + th {
    z-index: var(--z-sticky);
  }

  ._table_1tj9x_15 tbody tr:hover td:first-child,
  ._table_1tj9x_15 tbody tr:hover ._select_1tj9x_85 + td {
    background: var(--hover);
  }

  ._table_1tj9x_15 tfoot td:first-child,
  ._table_1tj9x_15 tfoot ._select_1tj9x_85 + td {
    background: var(--surface);
  }
}
/* The container the toolbar's WorkspacePicker sizes against (D204). */
._root_qwrdn_2 {
  container-type: inline-size;
}

._cap_qwrdn_6 {
  max-inline-size: var(--surface-width-2xl);
}

._capInput_qwrdn_10 {
  inline-size: var(--surface-width-xs);
}
/* Sized by the component it sits in, not the viewport (D204): the nearest
   container is the admin tab that holds it (AdminPage's workspaceTab), since a
   container cannot query its own width. */
._picker_1m4nv_4 {
  inline-size: 100%;
}

@container (width >= 48rem) {
  ._picker_1m4nv_4 {
    inline-size: var(--surface-width-xs);
  }
}
._chord_hv2sn_1 {
  display: inline-flex;
  font: inherit;
}

._key_hv2sn_6 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-inline-size: var(--size-6);
  padding-block: var(--space-2);
  padding-inline: var(--space-6);
  font-family: var(--font-sans);
  font-size: var(--type-caption-size);
  line-height: var(--type-caption-line);
  color: var(--text-mute);
  background: var(--surface);
  border: var(--hairline) solid var(--line-bright);
  border-radius: var(--r1);
}
/*
  Menu card: overlay-sm surface (layering), space-4 padding, surface-width-xs
  (grid-and-alignment). Items are r1, text-sub at control-height-default; hover
  paints raise, the keyboard-highlighted item (data-highlighted) paints selected.
  Base UI moves real focus to the highlighted item, so the foundation
  :focus-visible ring draws on it; none is repeated here.
*/
._positioner_yftey_8 {
  z-index: var(--z-popover);
}

._popup_yftey_12 {
  inline-size: var(--surface-width-xs);
  max-inline-size: 100%;
  padding: var(--space-4);
  transition: opacity var(--duration-slow) var(--ease-enter);
}

._popup_yftey_12[data-starting-style],
._popup_yftey_12[data-ending-style] {
  opacity: 0;
}

._popup_yftey_12[data-ending-style] {
  transition-timing-function: var(--ease-exit);
}

._item_yftey_28 {
  display: flex;
  align-items: center;
  gap: var(--space-6);
  inline-size: 100%;
  min-block-size: max(var(--control-height-default), var(--target-minimum));
  padding-block: 0;
  padding-inline: var(--space-8);
  border-radius: var(--r1);
  color: var(--text-sub);
  font-size: var(--type-ui-size);
  line-height: var(--type-ui-line);
  text-align: start;
  text-decoration: none;
  cursor: pointer;
}

/* :where keeps hover at (0,2,0), so the highlighted and danger rules after it
   win under the pointer, as the preview does. */
._item_yftey_28:hover:where(:not([data-disabled])) {
  background: var(--raise);
  color: var(--text);
}

/* Pressed (D191): the hover fill, the content one hairline lower, no
   transition on the way in. */
._item_yftey_28:active:where(:not([data-disabled])) {
  background: var(--raise);
  color: var(--text);
  transition-duration: var(--duration-instant);
}

@media (prefers-reduced-motion: no-preference) {
  ._item_yftey_28:active:where(:not([data-disabled])) > * {
    translate: 0 var(--hairline);
  }
}

._item_yftey_28[data-highlighted] {
  background: var(--selected);
  color: var(--text);
}

._item_yftey_28[data-tone="danger"] {
  color: var(--danger-fg);
}

._item_yftey_28[data-disabled] {
  opacity: var(--opacity-disabled);
  cursor: default;
}

._label_yftey_80 {
  flex: 1;
  min-inline-size: 0;
}

._shortcut_yftey_85 {
  margin-inline-start: auto;
}

._separator_yftey_89 {
  block-size: 0;
  margin-block: var(--space-4);
  border-block-start: var(--hairline) solid var(--line);
}

._groupLabel_yftey_95 {
  padding: var(--space-6) var(--space-8) var(--space-4);
  color: var(--text-ghost);
  font-size: var(--type-label-size);
  line-height: var(--type-label-line);
  font-weight: var(--type-label-weight);
  letter-spacing: var(--type-label-tracking);
  text-transform: uppercase;
}
._nav_1smo4_1 {
  container-type: inline-size;
  display: flex;
  align-items: center;
  min-inline-size: 0;
  min-block-size: max(var(--control-height-comfortable), var(--target-minimum));
  font-size: var(--type-ui-size);
  line-height: var(--type-ui-line);
}

._trail_1smo4_11 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4);
  min-inline-size: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

._item_1smo4_22 {
  display: inline-flex;
  align-items: center;
  gap: var(--space-4);
  min-inline-size: 0;
}

._crumb_1smo4_29 {
  display: inline-flex;
  align-items: center;
  min-block-size: max(var(--control-height-compact), var(--target-minimum));
  padding-block: 0;
  padding-inline: var(--space-4);
  border-radius: var(--r1);
  color: var(--text-mute);
  text-decoration: none;
  overflow-wrap: anywhere;
}

._crumb_1smo4_29:hover {
  color: var(--text);
  background: var(--hover);
}

/* Pressed (D191): the hover fill, the content one hairline lower, no
   transition on the way in. */
._crumb_1smo4_29:active {
  background: var(--hover);
  color: var(--text);
  transition-duration: var(--duration-instant);
}

@media (prefers-reduced-motion: no-preference) {
  ._crumb_1smo4_29:active > * {
    translate: 0 var(--hairline);
  }
}

._plain_1smo4_60 {
  padding-inline: var(--space-4);
  color: var(--text-mute);
  overflow-wrap: anywhere;
}

._current_1smo4_66 {
  padding-inline: var(--space-4);
  color: var(--text);
  font-weight: var(--type-ui-weight);
  overflow-wrap: anywhere;
}

._separator_1smo4_73 {
  flex: none;
  color: var(--text-ghost);
}

@container (width < 48rem) {
  ._trail_1smo4_11 {
    flex-wrap: nowrap;
    overflow-x: auto;
  }

  ._item_1smo4_22 {
    flex: none;
  }

  ._crumb_1smo4_29,
  ._plain_1smo4_60,
  ._current_1smo4_66 {
    white-space: nowrap;
  }
}
._skip_13ogs_1 {
  position: absolute;
  inset-block-start: var(--space-8);
  inset-inline-start: var(--space-8);
  z-index: var(--z-raised);
  display: inline-flex;
  align-items: center;
  padding-block: 0;
  padding-inline: var(--space-12);
  min-block-size: max(var(--control-height-default), var(--target-minimum));
  background: var(--surface);
  border: var(--hairline) solid var(--line-bright);
  border-radius: var(--r1);
  color: var(--text);
  font-size: var(--type-ui-size);
  line-height: var(--type-ui-line);
  text-decoration: none;
}

._skip_13ogs_1:not(:focus) {
  clip-path: inset(50%);
  white-space: nowrap;
}

/* the bar's controls start on the page gutter (grid-and-alignment: one edge) */
._topBar_13ogs_26 {
  display: flex;
  flex: none;
  align-items: center;
  gap: var(--space-8);
  min-block-size: max(var(--control-height-comfortable), var(--target-minimum));
  padding-inline: var(--inset-page);
  background: var(--panel);
  border-block-end: var(--hairline) solid var(--line);
}

._band_13ogs_37 {
  display: flex;
  flex: none;
  align-items: center;
  gap: var(--space-8);
  min-block-size: max(var(--control-height-comfortable), var(--target-minimum));
  padding-inline: var(--inset-page);
  border-block-end: var(--hairline) solid var(--line);
  font-size: var(--type-ui-size);
  line-height: var(--type-ui-line);
}

._bandLead_13ogs_49 {
  display: flex;
  flex: none;
  margin-inline-end: var(--space-4);
}

._trail_13ogs_55 {
  flex: 1 1 auto;
  min-inline-size: 0;
}

._bandActions_13ogs_60 {
  display: flex;
  flex: none;
  margin-inline-start: auto;
}

/* Console card: the side panel region (`page`, divided by a `line`) and the rule under the page header (D138) */
._sidePanel_13ogs_67 {
  display: flex;
  flex-direction: column;
  gap: var(--space-24);
  flex: none;
  box-sizing: border-box;
  inline-size: var(--surface-width-md);
  min-block-size: 0;
  overflow-y: auto;
  padding: var(--space-16) var(--inset-page);
  border-inline-start: var(--hairline) solid var(--line);
}

/* Console card: the side panel region (`page`, divided by a `line`) and the rule under the page header (D138) */
._rule_13ogs_81 {
  margin: 0;
  border: 0;
  border-block-start: var(--hairline) solid var(--line);
}

._rail_13ogs_87 {
  display: flex;
  flex-direction: column;
  min-block-size: 0;
}

._rail_13ogs_87[data-placement="permanent"] {
  flex: none;
  inline-size: var(--surface-width-rail);
  block-size: 100%;
  padding: var(--space-8);
  overflow-y: auto;
  background-color: var(--well);
  border-inline-end: var(--hairline) solid var(--line);
}

._header_13ogs_103 {
  display: flex;
  flex: none;
  align-items: center;
  gap: var(--space-4);
  min-block-size: var(--control-height-default);
}

._header_13ogs_103[data-trailing="compact"] {
  margin-block-end: var(--space-8);
}

._headerTitle_13ogs_115 {
  margin: 0;
  padding-inline: var(--space-8);
  color: var(--text);
  font-size: var(--type-ui-size);
  line-height: var(--type-ui-line);
  font-weight: var(--type-heading-weight);
}

._railButton_13ogs_124 {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  min-inline-size: 0;
  min-block-size: max(var(--control-height-default), var(--target-minimum));
  padding-block: 0;
  padding-inline: var(--space-8);
  border: 0;
  border-radius: var(--r1);
  background: none;
  color: var(--text);
  font: inherit;
  font-size: var(--type-ui-size);
  line-height: var(--type-ui-line);
  text-align: start;
  cursor: pointer;
}

._railButton_13ogs_124:hover {
  background: var(--hover);
}

._railButtonContent_13ogs_147 {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: inherit;
  min-inline-size: 0;
}

/* In the drawer the rail is the drawer's surface (D82): hover lifts to
   raise (component-states, D190). */
._rail_13ogs_87[data-placement="drawer"] ._railButton_13ogs_124:hover {
  background: var(--raise);
}

/* Pressed (D191): the hover fill, the content one hairline lower, no
   transition on the way in. */
._railButton_13ogs_124:active {
  background: var(--hover);
  transition-duration: var(--duration-instant);
}

@media (prefers-reduced-motion: no-preference) {
  ._railButton_13ogs_124:active > * {
    translate: 0 var(--hairline);
  }
}

._rail_13ogs_87[data-placement="drawer"] ._railButton_13ogs_124:active {
  background: var(--raise);
}

._section_13ogs_178 {
  display: flex;
  flex: none;
  flex-direction: column;
}

._sectionHeader_13ogs_184 {
  display: flex;
  align-items: center;
  min-block-size: var(--control-height-default);
  padding-block: var(--space-12) var(--space-4);
  padding-inline: var(--space-8) 0;
}

/* text-mute, not the label's text-ghost: the rail is well, where ghost may not
   sit (colour). */
._sectionHeader_13ogs_184 ._sectionTitle_13ogs_194 {
  flex: 1 1 auto;
  color: var(--text-mute);
}

/* platform · Hover reveals: the section's action (the "+" beside its title)
   waits, on a fine pointer with hover, for the title row to be hovered or to
   hold focus; on a coarse pointer it is always visible. Opacity, so Tab still
   reaches and reveals it. */
@media (hover: hover) and (pointer: fine) {
  ._sectionHeader_13ogs_184 > :not(._sectionTitle_13ogs_194) {
    transition: opacity var(--duration-fast) var(--ease-standard);
  }

  ._sectionHeader_13ogs_184:not(:hover, :focus-within) > :not(._sectionTitle_13ogs_194) {
    opacity: 0;
  }
}

._rows_13ogs_213 {
  display: flex;
  flex-direction: column;
}

._row_13ogs_213 {
  /* contains the trailing slot's visually hidden word (PresenceDot hideLabel), which
     would otherwise widen the rail and draw a horizontal scrollbar */
  position: relative;
  overflow: clip;
  display: flex;
  /* never grows along the rail's column (a row placed directly in the permanent
     rail would turn into a tall link); it fills the inline axis by stretch, and
     beside an action it takes the free inline space (.rowWithAction) */
  flex: none;
  align-items: center;
  gap: var(--space-8);
  min-inline-size: 0;
  min-block-size: max(var(--control-height-comfortable), var(--target-minimum));
  padding-block: 0;
  padding-inline: var(--space-8);
  border-inline-start: var(--marker) solid transparent;
  border-radius: var(--r1);
  color: var(--text-mute);
  font-size: var(--type-ui-size);
  line-height: var(--type-ui-line);
  text-decoration: none;
}

._row_13ogs_213:not([aria-current="page"]):hover {
  background: var(--hover);
  color: var(--text);
}

._rail_13ogs_87[data-placement="drawer"] ._row_13ogs_213:not([aria-current="page"]):hover {
  background: var(--raise);
}

/* Pressed (D191): the hover fill, the content one hairline lower, no
   transition on the way in. */
._row_13ogs_213:active:not([aria-current="page"]) {
  background: var(--hover);
  color: var(--text);
  transition-duration: var(--duration-instant);
}

@media (prefers-reduced-motion: no-preference) {
  ._row_13ogs_213:active:not([aria-current="page"]) > * {
    translate: 0 var(--hairline);
  }
}

._rail_13ogs_87[data-placement="drawer"] ._row_13ogs_213:not([aria-current="page"]):active {
  background: var(--raise);
}

._row_13ogs_213[aria-current="page"] {
  background: var(--selected);
  color: var(--text);
  border-inline-start-color: var(--accent);
}

._rowLabel_13ogs_275 {
  flex: 1 1 auto;
  min-inline-size: 0;
  overflow-wrap: anywhere;
}

._rowTrailing_13ogs_281 {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: var(--space-6);
  /* text-mute: the row sits on well and, when current, on selected (colour). */
  color: var(--text-mute);
  font-size: var(--type-caption-size);
  line-height: var(--type-caption-line);
}

._rowWithAction_13ogs_226 {
  display: flex;
  align-items: center;
  gap: var(--space-4);
}

._rowWithAction_13ogs_226 > ._row_13ogs_213 {
  flex: 1 1 auto;
}

/* platform · Hover reveals: on a fine pointer with hover the row's action waits
   for the row to be hovered or to hold focus; on a coarse pointer it is always
   visible. Opacity, so Tab still reaches and reveals it. */
@media (hover: hover) and (pointer: fine) {
  ._rowWithAction_13ogs_226 > :not(._row_13ogs_213) {
    transition: opacity var(--duration-fast) var(--ease-standard);
  }

  ._rowWithAction_13ogs_226:not(:hover, :focus-within) > :not(._row_13ogs_213) {
    opacity: 0;
  }
}

._more_13ogs_315 {
  display: flex;
  align-items: center;
  min-block-size: max(var(--control-height-comfortable), var(--target-minimum));
  padding-block: 0;
  padding-inline: calc(var(--space-8) + var(--marker)) var(--space-8);
  border: 0;
  border-radius: var(--r1);
  background: none;
  color: var(--text-mute);
  font: inherit;
  font-size: var(--type-ui-size);
  line-height: var(--type-ui-line);
  text-align: start;
  cursor: pointer;
}

._more_13ogs_315:hover {
  background: var(--hover);
  color: var(--text);
}

._rail_13ogs_87[data-placement="drawer"] ._more_13ogs_315:hover {
  background: var(--raise);
}

/* Pressed (D191): the hover fill, the content one hairline lower, no
   transition on the way in. */
._more_13ogs_315:active {
  background: var(--hover);
  color: var(--text);
  transition-duration: var(--duration-instant);
}

@media (prefers-reduced-motion: no-preference) {
  ._more_13ogs_315:active > * {
    translate: 0 var(--hairline);
  }
}

._rail_13ogs_87[data-placement="drawer"] ._more_13ogs_315:active {
  background: var(--raise);
}

._divided_13ogs_359 {
  display: flex;
  flex: none;
  flex-direction: column;
  padding-block-start: var(--space-8);
  border-block-start: var(--hairline) solid var(--line);
}

._divided_13ogs_359[data-leading="compact"] {
  margin-block-start: var(--space-8);
}

._divided_13ogs_359[data-row] {
  flex-direction: row;
  align-items: center;
  gap: var(--space-4);
}

/* the board's spacer: takes the free space above a pushed block and collapses to
   nothing when the rail overflows, so the block keeps its own space-8 gap */
._spacer_13ogs_379 {
  flex: 1 0 0;
}

._swatch_13ogs_383 {
  display: block;
  inline-size: var(--size-5);
  block-size: var(--size-5);
  border-radius: var(--r1);
  background: var(--accent);
}

@media (forced-colors: active) {
  ._row_13ogs_213[aria-current="page"] {
    border-inline-start-color: Highlight;
  }
}

/* responsive: below lg the rail is a drawer; at and above, it is permanent (Drawer card) */
@media (width < 64rem) {
  ._rail_13ogs_87[data-placement="permanent"] {
    display: none;
  }
}

@media (width >= 64rem) {
  ._topBar_13ogs_26,
  ._bandLead_13ogs_49 {
    display: none;
  }
}
._shell_8wmli_1 {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-block-size: 0;
}

._scroll_8wmli_8 {
  flex: 1 1 auto;
  min-block-size: 0;
  overflow-y: auto;
}

._header_8wmli_14 {
  display: flex;
  align-items: flex-start;
  gap: var(--space-12);
}

._title_8wmli_20 {
  flex: 1 1 auto;
  min-inline-size: 0;
}

/* The row takes the title's 40px line; the 32px lead centres in it (4px offset). */
._titleRow_8wmli_26 {
  display: flex;
  align-items: center;
  gap: var(--space-12);
}

._meta_8wmli_32 {
  margin-block-start: var(--space-4);
}

._actions_8wmli_36 {
  flex: none;
}

._description_8wmli_40 {
  max-inline-size: var(--container-reading);
  margin-block-start: var(--space-4);
}

._body_8wmli_45 {
  display: flex;
  flex-direction: column;
  min-inline-size: 0;
  margin-block-start: var(--space-24);
}

._body_8wmli_45:first-child {
  margin-block-start: 0;
}

@media (width < 48rem) {
  ._header_8wmli_14 {
    flex-wrap: wrap;
  }
}
/* A workspace-scoped tab: the container the WorkspacePicker sizes against (D204). */
._workspaceTab_1ct8m_2 {
  container-type: inline-size;
}
._list_1c2pf_1 {
  container-type: inline-size;
  margin: 0;
  padding: 0;
  list-style: none;
  border: var(--hairline) solid var(--line);
  border-radius: var(--r3);
  overflow: hidden;
}

._item_1c2pf_11 {
  display: flex;
  align-items: center;
  gap: var(--space-8);
  box-sizing: border-box;
  min-block-size: max(var(--control-height-comfortable), var(--target-minimum));
  padding: var(--space-8) var(--space-12);
}

._item_1c2pf_11 + ._item_1c2pf_11 {
  border-block-start: var(--hairline) solid var(--line);
}

._item_1c2pf_11:hover {
  background: var(--hover);
}

/* platform · Hover reveals: on a fine pointer with hover a row's icon-only
   secondary actions (the part a page marks `data-row-actions`, D183) wait for
   the row to be hovered or to hold focus; on a coarse pointer, or without
   hover, they are always visible. Opacity rather than visibility, so Tab still reaches them
   and reveals them. */
@media (hover: hover) and (pointer: fine) {
  ._item_1c2pf_11 [data-row-actions] {
    transition: opacity var(--duration-fast) var(--ease-standard);
  }

  ._item_1c2pf_11:not(:hover, :focus-within) [data-row-actions] {
    opacity: 0;
  }
}

._list_1c2pf_1[data-hover="off"] ._item_1c2pf_11:hover {
  background: none;
}

@container (width < 48rem) {
  ._item_1c2pf_11 {
    flex-wrap: wrap;
  }
}

._list_1c2pf_1[data-variant="plain"] {
  border: 0;
  border-radius: 0;
}

._list_1c2pf_1[data-variant="plain"] ._item_1c2pf_11 {
  min-block-size: max(var(--control-height-default), var(--target-minimum));
  padding: var(--space-4) var(--space-8);
  font-size: var(--type-ui-size);
  line-height: var(--type-ui-line);
  color: var(--text-sub);
}

._list_1c2pf_1[data-variant="plain"] ._item_1c2pf_11 + ._item_1c2pf_11 {
  border-block-start: 0;
}
._dot_1ozi5_1,
._presence_1ozi5_2 {
  display: inline-block;
  flex: none;
  inline-size: var(--size-2);
  block-size: var(--size-2);
  border-radius: var(--circle);
  background: var(--neutral-solid);
}

._dot_1ozi5_1[data-tone="danger"] {
  background: var(--danger-solid);
}

._dot_1ozi5_1[data-tone="warning"] {
  background: var(--warning-solid);
}

._dot_1ozi5_1[data-tone="success"] {
  background: var(--success-solid);
}

._dot_1ozi5_1[data-tone="info"] {
  background: var(--info-solid);
}

._presence_1ozi5_2[data-state="online"] {
  background: var(--presence-online);
}

._presence_1ozi5_2[data-state="idle"] {
  background: var(--presence-idle);
}

._labelled_1ozi5_35 {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: var(--space-6);
}

._badge_1ozi5_42 {
  display: inline-flex;
  box-sizing: border-box;
  align-items: center;
  gap: var(--space-6);
  min-block-size: var(--control-height-compact);
  padding-block: 0;
  padding-inline: var(--space-8);
  border-radius: var(--pill);
  font-family: var(--font-sans);
  font-size: var(--type-caption-size);
  line-height: var(--type-caption-line);
  font-variant-numeric: tabular-nums;
  background: var(--neutral-soft);
  color: var(--neutral-fg);
}

._badge_1ozi5_42[data-tone="danger"] {
  background: var(--danger-soft);
  color: var(--danger-fg);
}

._badge_1ozi5_42[data-tone="warning"] {
  background: var(--warning-soft);
  color: var(--warning-fg);
}

._badge_1ozi5_42[data-tone="success"] {
  background: var(--success-soft);
  color: var(--success-fg);
}

._badge_1ozi5_42[data-tone="info"] {
  background: var(--info-soft);
  color: var(--info-fg);
}

._visuallyHidden_1ozi5_79 {
  position: absolute;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
._main_du8ul_1 {
  flex: 1;
  min-inline-size: 0;
}
._viewport_1hmc5_1 {
  position: fixed;
  inset: 0;
  z-index: var(--z-modal);
  display: grid;
  place-items: center;
  padding: var(--inset-panel);
}

._popup_1hmc5_10 {
  display: flex;
  flex-direction: column;
  inline-size: var(--surface-width-xl);
  max-inline-size: 100%;
  max-block-size: 100%;
  overflow: hidden;
  transition: opacity var(--duration-slow) var(--ease-enter);
}

._popup_1hmc5_10[data-size="sm"] {
  inline-size: var(--surface-width-lg);
}

._popup_1hmc5_10[data-size="lg"] {
  inline-size: var(--surface-width-2xl);
}

._popup_1hmc5_10[data-starting-style],
._popup_1hmc5_10[data-ending-style] {
  opacity: 0;
}

._popup_1hmc5_10[data-ending-style] {
  transition-timing-function: var(--ease-exit);
}

._body_1hmc5_37 {
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
  min-block-size: 0;
  overflow-y: auto;
  padding: var(--inset-panel);
  color: var(--text-sub);
  font-size: var(--type-ui-size);
  line-height: var(--type-ui-line);
}

._description_1hmc5_49 {
  margin: 0;
}
._grow_debbb_1 {
  flex: 1;
  min-inline-size: 0;
}
._searchInput_1upmq_1 {
  display: flex;
  flex-direction: column;
  min-inline-size: 0;
}

._box_1upmq_7 {
  position: relative;
  display: flex;
  align-items: center;
}

._box_1upmq_7 > ._input_1upmq_13 {
  appearance: none;
  padding-inline-start: var(--space-32);
  padding-inline-end: var(--space-48);
}

._input_1upmq_13::placeholder {
  color: var(--text-mute);
}

._input_1upmq_13::-webkit-search-cancel-button,
._input_1upmq_13::-webkit-search-decoration {
  appearance: none;
  -webkit-appearance: none;
}

/* text-mute, not text-ghost: the field hovers to raise, where ghost may not sit
   (SearchInput card). */
._glyph_1upmq_31 {
  position: absolute;
  inset-inline-start: var(--space-8);
  color: var(--text-mute);
  pointer-events: none;
}

._tail_1upmq_38 {
  position: absolute;
  inset-inline-end: var(--space-8);
  display: flex;
  align-items: center;
}

._clear_1upmq_45 {
  position: relative;
  display: inline-flex;
  padding: 0;
  border: 0;
  background: none;
  color: var(--text-mute);
  cursor: pointer;
}

._clear_1upmq_45:hover {
  color: var(--text);
}

/* Pressed (D191): an inline affordance has no fill; its glyph moves one
   hairline lower. */
@media (prefers-reduced-motion: no-preference) {
  ._clear_1upmq_45:active > * {
    translate: 0 var(--hairline);
  }
}

._clear_1upmq_45::after {
  content: "";
  position: absolute;
  inset: calc(
    (
      var(--icon-embedded) -
      max(var(--control-height-compact), var(--target-minimum))
    ) /
    2
  );
}

._count_1upmq_79 {
  display: flex;
  align-items: center;
  gap: var(--space-6);
  margin: 0;
  font-size: var(--type-caption-size);
  line-height: var(--type-caption-line);
  color: var(--text-mute);
  font-variant-numeric: tabular-nums;
}

/* The status line stays mounted; it takes the column gap only once it has text. */
._count_1upmq_79:not(:empty) {
  margin-block-start: var(--space-6);
}
/* The container the filters size against: a container query, not the
   viewport, for everything inside a component (responsive). */
._root_1gqja_3 {
  container-type: inline-size;
}

._level_1gqja_7,
._buffer_1gqja_8,
._request_1gqja_9,
._search_1gqja_10 {
  inline-size: 100%;
}

@container (width >= 48rem) {
  ._level_1gqja_7 {
    inline-size: auto;
  }

  ._buffer_1gqja_8,
  ._request_1gqja_9 {
    inline-size: var(--surface-width-xs);
  }

  ._search_1gqja_10 {
    inline-size: var(--surface-width-sm);
  }
}
._grid_an548_1 {
  display: grid;
}

._grid_an548_1[data-columns="1"] {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

._grid_an548_1[data-columns="2"] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

._grid_an548_1[data-columns="3"] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

._grid_an548_1[data-columns="4"] {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

._grid_an548_1[data-gap="space-2"] {
  gap: var(--space-2);
}

._grid_an548_1[data-gap="space-4"] {
  gap: var(--space-4);
}

._grid_an548_1[data-gap="space-6"] {
  gap: var(--space-6);
}

._grid_an548_1[data-gap="space-8"] {
  gap: var(--space-8);
}

._grid_an548_1[data-gap="space-12"] {
  gap: var(--space-12);
}

._grid_an548_1[data-gap="space-16"] {
  gap: var(--space-16);
}

._grid_an548_1[data-gap="space-24"] {
  gap: var(--space-24);
}

._grid_an548_1[data-gap="space-32"] {
  gap: var(--space-32);
}

._grid_an548_1[data-gap="space-48"] {
  gap: var(--space-48);
}

._grid_an548_1[data-gap="grid-gutter"] {
  gap: var(--grid-gutter);
}

@media (width >= 48rem) {
  ._grid_an548_1[data-md-columns="1"] {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  ._grid_an548_1[data-md-columns="2"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  ._grid_an548_1[data-md-columns="3"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  ._grid_an548_1[data-md-columns="4"] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
._main_lodqj_1 {
  flex: 1;
  min-inline-size: 0;
}

._edit_lodqj_6 {
  flex-direction: column;
  align-items: stretch;
}
._nav_68gob_1 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-8);
  font-size: var(--type-ui-size);
  line-height: var(--type-ui-line);
}

._control_68gob_10 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-6);
  box-sizing: border-box;
  min-block-size: max(var(--control-height-default), var(--target-minimum));
  min-inline-size: max(var(--control-height-default), var(--target-minimum));
  padding-block: 0;
  padding-inline: var(--space-8);
  border: var(--hairline) solid var(--line-bright);
  border-radius: var(--r1);
  background: none;
  color: var(--text-mute);
  font: inherit;
  cursor: pointer;
  font-variant-numeric: tabular-nums;
}

._control_68gob_10:hover:not(:disabled, [aria-current="page"], [aria-busy="true"]) {
  background: var(--hover);
  color: var(--text);
}

/* Pressed (D191): the hover fill, the content one hairline lower, no
   transition on the way in. */
._control_68gob_10:active:not(:disabled, [aria-current="page"], [aria-busy="true"]) {
  background: var(--hover);
  color: var(--text);
  transition-duration: var(--duration-instant);
}

@media (prefers-reduced-motion: no-preference) {
  ._control_68gob_10:active:not(:disabled, [aria-current="page"], [aria-busy="true"])
    > * {
    translate: 0 var(--hairline);
  }
}

._control_68gob_10[aria-current="page"] {
  background: var(--selected);
  color: var(--text);
  border-block-end: var(--marker) solid var(--accent);
}

@media (forced-colors: active) {
  ._control_68gob_10[aria-current="page"] {
    border-block-end-color: Highlight;
  }
}

._control_68gob_10:disabled {
  opacity: var(--opacity-disabled);
  cursor: default;
}

._control_68gob_10[aria-busy="true"] {
  cursor: progress;
}

._control_68gob_10[data-arrow] {
  padding-inline: 0;
}

._control_68gob_10[data-arrow] svg {
  inline-size: var(--icon-inline);
  block-size: var(--icon-inline);
}

._control_68gob_10[data-arrow="previous"] svg {
  transform: scaleX(-1);
}

._control_68gob_10[data-arrow="previous"] svg:dir(rtl) {
  transform: none;
}

._control_68gob_10[data-arrow="next"] svg:dir(rtl) {
  transform: scaleX(-1);
}

._control_68gob_10[data-kind="more"] {
  padding-inline: var(--space-12);
}

._gap_68gob_95 {
  color: var(--text-ghost);
}

._size_68gob_99 {
  display: inline-flex;
  align-items: center;
  gap: var(--space-6);
  font-size: var(--type-caption-size);
  line-height: var(--type-caption-line);
  color: var(--text-mute);
}

._count_68gob_108 {
  margin-inline-start: auto;
  font-size: var(--type-caption-size);
  line-height: var(--type-caption-line);
  color: var(--text-mute);
  font-variant-numeric: tabular-nums;
}
._root_3omac_1 {
  container-type: inline-size;
}

._filter_3omac_5 {
  inline-size: 100%;
}

@container (width >= 48rem) {
  ._filter_3omac_5 {
    inline-size: var(--surface-width-xs);
  }
}

._visuallyHidden_3omac_15 {
  position: absolute;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
._grow_1lk7n_1 {
  flex: 1;
  min-inline-size: 0;
}

._form_1lk7n_6 {
  flex-direction: column;
  align-items: stretch;
}
._name_zjpo6_1 {
  flex: 1;
  min-inline-size: 0;
}

._role_zjpo6_6 {
  flex: none;
  inline-size: max-content;
}

@container (width < 48rem) {
  ._role_zjpo6_6 {
    flex-basis: 100%;
    inline-size: auto;
  }
}
._disclosure_86r4w_1 {
  border: var(--hairline) solid var(--line);
  border-radius: var(--r3);
  overflow: hidden;
}

._trigger_86r4w_7 {
  display: flex;
  align-items: center;
  gap: var(--space-6);
  box-sizing: border-box;
  inline-size: 100%;
  min-block-size: max(var(--control-height-default), var(--target-minimum));
  padding-block: 0;
  padding-inline: var(--space-12);
  border: 0;
  background: none;
  color: var(--text);
  font: inherit;
  font-size: var(--type-ui-size);
  line-height: var(--type-ui-line);
  text-align: start;
  cursor: pointer;
}

._trigger_86r4w_7:hover {
  background: var(--hover);
}

._trigger_86r4w_7[data-ground="surface"]:hover {
  background: var(--raise);
}

/* Pressed (D191): the hover fill, the content one hairline lower, no
   transition on the way in. */
._trigger_86r4w_7:active {
  background: var(--hover);
  transition-duration: var(--duration-instant);
}

@media (prefers-reduced-motion: no-preference) {
  ._trigger_86r4w_7:active > * {
    translate: 0 var(--hairline);
  }
}

._trigger_86r4w_7[data-ground="surface"]:active {
  background: var(--raise);
}

._label_86r4w_51 {
  min-inline-size: 0;
}

._count_86r4w_55 {
  margin-inline-start: auto;
  font-size: var(--type-caption-size);
  line-height: var(--type-caption-line);
  color: var(--text-ghost);
  font-variant-numeric: tabular-nums;
}

._chevron_86r4w_63 {
  display: inline-flex;
  flex: none;
  color: var(--text-ghost);
  transition: transform var(--duration-slow) var(--ease-standard);
}

._chevron_86r4w_63[data-open],
._trigger_86r4w_7[data-panel-open] ._chevron_86r4w_63 {
  transform: rotate(90deg);
}

._chevron_86r4w_63:dir(rtl) {
  transform: scaleX(-1);
}

._chevron_86r4w_63[data-open]:dir(rtl),
._trigger_86r4w_7[data-panel-open] ._chevron_86r4w_63:dir(rtl) {
  transform: scaleX(-1) rotate(90deg);
}

@media (prefers-reduced-motion: reduce) {
  ._chevron_86r4w_63 {
    transition: none;
  }
}

._panel_86r4w_90 {
  padding-block: 0 var(--space-12);
  padding-inline: var(--space-12);
  font-size: var(--type-ui-size);
  line-height: var(--type-ui-line);
  color: var(--text-sub);
}
._main_wjxjr_1 {
  flex: 1;
  min-inline-size: 0;
}

._panel_wjxjr_6 {
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-16);
}

._add_wjxjr_12 {
  flex: 1;
  min-inline-size: 0;
}

._user_wjxjr_17 {
  flex: 1;
  min-inline-size: var(--surface-width-xs);
}
._group_1ykxp_1 {
  border: 0;
  margin: 0;
  padding: 0;
  min-inline-size: 0;
}

._legend_1ykxp_8 {
  padding-block: 0;
  padding-inline: var(--space-8);
  margin-block-end: var(--space-6);
  font-size: var(--type-caption-size);
  line-height: var(--type-caption-line);
  color: var(--text-mute);
}

._reason_1ykxp_17 {
  margin: 0;
  margin-block-end: var(--space-6);
  padding-inline: var(--space-8);
  font-size: var(--type-caption-size);
  line-height: var(--type-caption-line);
  color: var(--text-mute);
}

._option_1ykxp_26 {
  display: flex;
  align-items: center;
  gap: var(--space-8);
  padding-block: 0;
  padding-inline: var(--space-8);
  border-radius: var(--r1);
  cursor: pointer;
  min-block-size: max(var(--control-height-default), var(--target-minimum));
}

._option_1ykxp_26[data-description] {
  align-items: flex-start;
  padding-block: var(--space-8);
}

._option_1ykxp_26:hover {
  background: var(--hover);
}

/* Pressed (D191): the hover fill, the content one hairline lower, no
   transition on the way in. */
._option_1ykxp_26:active:not(:has(._dot_1ykxp_48:checked, ._dot_1ykxp_48[aria-disabled="true"])) {
  background: var(--hover);
  transition-duration: var(--duration-instant);
}

@media (prefers-reduced-motion: no-preference) {
  ._option_1ykxp_26:active:not(:has(._dot_1ykxp_48:checked, ._dot_1ykxp_48[aria-disabled="true"])) > * {
    translate: 0 var(--hairline);
  }
}

._option_1ykxp_26:has(._dot_1ykxp_48:checked) {
  background: var(--selected);
}

._dot_1ykxp_48 {
  flex: none;
  appearance: none;
  margin: 0;
  cursor: pointer;
  inline-size: var(--size-4);
  block-size: var(--size-4);
  border-radius: var(--circle);
  border: var(--hairline) solid var(--line-strong);
  background: var(--surface);
}

._dot_1ykxp_48:checked {
  border-color: var(--accent);
  background: radial-gradient(
    circle,
    var(--on-accent) 0 calc(var(--size-2) / 2),
    var(--accent) calc(var(--size-2) / 2)
  );
}

._group_1ykxp_1[aria-invalid="true"] ._dot_1ykxp_48 {
  border-color: var(--danger-solid);
}

/* With a description the row aligns to the top; centre the dot on the
   label's first line, whatever the text size. */
._option_1ykxp_26[data-description] ._dot_1ykxp_48 {
  margin-block-start: calc((var(--type-ui-line) - var(--size-4)) / 2);
}

._text_1ykxp_94 {
  font-size: var(--type-ui-size);
  line-height: var(--type-ui-line);
  color: var(--text);
}

._description_1ykxp_100 {
  display: block;
  margin-block-start: var(--space-6);
  font-size: var(--type-caption-size);
  line-height: var(--type-caption-line);
  color: var(--text-mute);
}

._error_1ykxp_108 {
  margin: 0;
  margin-block-start: var(--space-6);
  padding-inline: var(--space-8);
  font-size: var(--type-caption-size);
  line-height: var(--type-caption-line);
  color: var(--danger-fg);
}

._group_1ykxp_1[aria-disabled="true"] ._option_1ykxp_26,
._option_1ykxp_26:has(._dot_1ykxp_48[aria-disabled="true"]) {
  opacity: var(--opacity-disabled);
  cursor: default;
}

._group_1ykxp_1[aria-disabled="true"] ._option_1ykxp_26:hover:not(:has(._dot_1ykxp_48:checked)),
._option_1ykxp_26:has(._dot_1ykxp_48[aria-disabled="true"]):hover {
  background: transparent;
}

@media (forced-colors: active) {
  ._dot_1ykxp_48 {
    border-color: CanvasText;
  }

  ._dot_1ykxp_48:checked {
    forced-color-adjust: none;
    border-color: Highlight;
    background: radial-gradient(
      circle,
      HighlightText 0 calc(var(--size-2) / 2),
      Highlight calc(var(--size-2) / 2)
    );
  }
}
._entry_1mbse_1 {
  margin: 0;
  padding: 0;
  border: 0;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
}

._legend_1mbse_11 {
  padding: 0;
  inline-size: 100%;
}
._diffRow_14bcb_1 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) auto minmax(0, 2fr);
  gap: var(--space-8);
  align-items: baseline;
}

/* Words are never truncated (typography): a long value wraps in its column. */
._wrap_14bcb_9 {
  min-inline-size: 0;
  overflow-wrap: anywhere;
}

._del_14bcb_14 {
  text-decoration: line-through;
}

._line_14bcb_18 {
  display: block;
}

/* text-mute: the lines sit in a CodeBlock's well, where text-ghost may not sit
   (colour). */
._line_14bcb_18[data-op="del"] {
  color: var(--text-mute);
  text-decoration: line-through;
}

._line_14bcb_18[data-op="add"] {
  color: var(--text);
}
/* The form column is container-form wide, as the new-topic form (D144). */
._column_h3hot_2 {
  max-inline-size: var(--container-form);
}

/* Saved agents only: the aside sits beside the form column. */
._grid_h3hot_7 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-16);
  align-items: start;
}

/* 64rem is breakpoint-lg; media queries cannot read custom properties. */
@media (width >= 64rem) {
  ._grid_h3hot_7 {
    grid-template-columns: minmax(0, 1fr) var(--surface-width-lg);
  }
}

._grow_h3hot_21 {
  flex: 1 1 auto;
  min-inline-size: 0;
}
._code_1h4bh_1 {
  font-family: var(--font-mono);
  font-size: var(--type-code-size);
  line-height: var(--type-code-line);
  color: var(--accent-text);
  background: var(--surface);
  border-radius: var(--r1);
  padding-inline: var(--space-4);
  overflow-wrap: anywhere;
}
._grow_1d18t_1 {
  flex: 1 1 auto;
  min-inline-size: 0;
}

._entryText_1d18t_6 {
  flex: 1 1 auto;
  min-inline-size: 0;
  white-space: pre-wrap;
}

._form_1d18t_12 {
  flex-direction: column;
  align-items: stretch;
}
._viewport_1mzix_1 {
  position: fixed;
  inset: 0;
  z-index: var(--z-drawer);
  display: grid;
}

._popup_1mzix_8 {
  display: flex;
  flex-direction: column;
  min-block-size: 0;
  transition: transform var(--duration-slower) var(--ease-enter);
}

._popup_1mzix_8[data-ending-style] {
  transition-timing-function: var(--ease-exit);
}

._popup_1mzix_8[data-side="inline-start"],
._popup_1mzix_8[data-side="inline-end"] {
  block-size: 100%;
  inline-size: var(--surface-width-md);
  max-inline-size: 100%;
  border-block: 0;
  padding-block: env(safe-area-inset-top) env(safe-area-inset-bottom);
}

._popup_1mzix_8[data-size="full"][data-side^="inline"] {
  inline-size: 100%;
}

._popup_1mzix_8[data-side="inline-start"] {
  justify-self: start;
  border-inline-start: 0;
  border-start-start-radius: 0;
  border-end-start-radius: 0;
  padding-inline-start: env(safe-area-inset-left);
}

._popup_1mzix_8[data-side="inline-start"]:dir(rtl) {
  padding-inline-start: env(safe-area-inset-right);
}

._popup_1mzix_8[data-side="inline-end"] {
  justify-self: end;
  border-inline-end: 0;
  border-start-end-radius: 0;
  border-end-end-radius: 0;
  padding-inline-end: env(safe-area-inset-right);
}

._popup_1mzix_8[data-side="inline-end"]:dir(rtl) {
  padding-inline-end: env(safe-area-inset-left);
}

._popup_1mzix_8[data-side="block-end"] {
  align-self: end;
  inline-size: 100%;
  max-block-size: 100%;
  border-inline: 0;
  border-block-end: 0;
  border-end-start-radius: 0;
  border-end-end-radius: 0;
  padding-block-end: env(safe-area-inset-bottom);
  padding-inline: env(safe-area-inset-left) env(safe-area-inset-right);
}

._popup_1mzix_8[data-side="inline-start"][data-starting-style],
._popup_1mzix_8[data-side="inline-start"][data-ending-style] {
  transform: translateX(-100%);
}

._popup_1mzix_8[data-side="inline-start"][data-starting-style]:dir(rtl),
._popup_1mzix_8[data-side="inline-start"][data-ending-style]:dir(rtl) {
  transform: translateX(100%);
}

._popup_1mzix_8[data-side="inline-end"][data-starting-style],
._popup_1mzix_8[data-side="inline-end"][data-ending-style] {
  transform: translateX(100%);
}

._popup_1mzix_8[data-side="inline-end"][data-starting-style]:dir(rtl),
._popup_1mzix_8[data-side="inline-end"][data-ending-style]:dir(rtl) {
  transform: translateX(-100%);
}

._popup_1mzix_8[data-side="block-end"][data-starting-style],
._popup_1mzix_8[data-side="block-end"][data-ending-style] {
  transform: translateY(100%);
}

._body_1mzix_93 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: var(--space-16);
  min-block-size: 0;
  overflow-y: auto;
  padding: var(--inset-panel);
}
/*
  Combobox card: the Menu item row (text-sub at control-height-default, space-8
  inline, space-6 to the icon); the active option takes selected with text. No
  separate hover state: Base UI highlights on pointer move. The list scrolls past
  eight rows (D99).
*/
._positioner_1zlxg_7 {
  z-index: var(--z-popover);
}

._popup_1zlxg_11 {
  display: flex;
  flex-direction: column;
  min-inline-size: var(--surface-width-xs);
  max-inline-size: var(--surface-width-sm);
  overflow: hidden;
  transition: opacity var(--duration-slow) var(--ease-enter);
}

._popup_1zlxg_11[data-starting-style],
._popup_1zlxg_11[data-ending-style] {
  opacity: 0;
}

._popup_1zlxg_11[data-ending-style] {
  transition-timing-function: var(--ease-exit);
}

._results_1zlxg_29 {
  display: flex;
  flex-direction: column;
  padding: var(--space-4);
  overflow-y: auto;
}

._results_1zlxg_29:not([data-inline]) {
  max-block-size: calc(
    8 *
    max(var(--control-height-default), var(--target-minimum)) +
    2 *
    var(--space-4)
  );
}

._results_1zlxg_29[data-inline] {
  flex: 1 1 auto;
  min-block-size: 0;
}

._list_1zlxg_50 {
  display: flex;
  flex-direction: column;
}

._group_1zlxg_55 {
  display: flex;
  flex-direction: column;
}

._option_1zlxg_60 {
  display: flex;
  align-items: center;
  gap: var(--space-6);
  min-block-size: max(var(--control-height-default), var(--target-minimum));
  padding-inline: var(--space-8);
  border-radius: var(--r1);
  color: var(--text-sub);
  font-size: var(--type-ui-size);
  line-height: var(--type-ui-line);
  cursor: pointer;
}

._option_1zlxg_60[data-highlighted] {
  background: var(--selected);
  color: var(--text);
}

._icon_1zlxg_78 {
  display: inline-flex;
  flex: none;
}

._label_1zlxg_83 {
  flex: 1 1 auto;
  min-inline-size: 0;
  overflow-wrap: anywhere;
}

._meta_1zlxg_89 {
  flex: none;
  color: var(--text-mute);
  font-size: var(--type-caption-size);
  line-height: var(--type-caption-line);
  font-variant-numeric: tabular-nums;
}

._end_1zlxg_97 {
  flex: none;
}

._groupLabel_1zlxg_101 {
  padding: var(--space-6) var(--space-8) var(--space-4);
  color: var(--text-ghost);
  font-size: var(--type-label-size);
  line-height: var(--type-label-line);
  font-weight: var(--type-label-weight);
  letter-spacing: var(--type-label-tracking);
  text-transform: uppercase;
}

._empty_1zlxg_111:not(:empty) {
  padding: var(--space-6) var(--space-8);
  color: var(--text-mute);
  font-size: var(--type-ui-size);
  line-height: var(--type-ui-line);
}

._skeletonRow_1zlxg_118 {
  display: flex;
  align-items: center;
  min-block-size: max(var(--control-height-default), var(--target-minimum));
  padding-inline: var(--space-8);
}
/*
  CommandPalette card: a Combobox inside a Modal shell. Full-height sheet below
  48rem (D99, D63); from 48rem, surface-width-2xl pinned toward the top.
*/
._viewport_35yq5_5 {
  position: fixed;
  inset: 0;
  z-index: var(--z-modal);
  display: flex;
  justify-content: center;
}

._popup_35yq5_13 {
  display: flex;
  flex-direction: column;
  inline-size: 100%;
  block-size: 100%;
  overflow: hidden;
  padding-block: env(safe-area-inset-top) env(safe-area-inset-bottom);
  padding-inline: env(safe-area-inset-left) env(safe-area-inset-right);
  transition: opacity var(--duration-slow) var(--ease-enter);
}

._popup_35yq5_13[data-starting-style],
._popup_35yq5_13[data-ending-style] {
  opacity: 0;
}

._popup_35yq5_13[data-ending-style] {
  transition-timing-function: var(--ease-exit);
}

/* D124: a full-viewport overlay may size with viewport queries; other
   component CSS uses container queries. Below 48rem the panel is a sheet. */
@media (width >= 48rem) {
  ._viewport_35yq5_5 {
    align-items: flex-start;
    padding-block: calc(2 * var(--space-48)) var(--inset-page);
    padding-inline: var(--inset-page);
  }

  ._popup_35yq5_13 {
    inline-size: var(--surface-width-2xl);
    max-inline-size: 100%;
    block-size: auto;
    max-block-size: 100%;
    padding: 0;
  }
}

/* The input shows no ring: while it has focus the input strip's block-end edge
   carries an accent hairline, as the composer's top rule does (CommandPalette
   card, accessibility §Focus). */
._query_35yq5_54 {
  display: flex;
  flex: none;
  align-items: center;
  gap: var(--space-6);
  min-block-size: max(var(--control-height-comfortable), var(--target-minimum));
  padding-inline: var(--inset-panel);
  background: var(--panel);
  border-block-end: var(--hairline) solid transparent;
}

._query_35yq5_54:focus-within {
  border-block-end-color: var(--accent);
}

._glass_35yq5_69 {
  flex: none;
  color: var(--text-ghost);
}

._input_35yq5_74 {
  flex: 1 1 auto;
  align-self: stretch;
  min-inline-size: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--text);
  font: inherit;
  font-size: var(--type-ui-size);
  line-height: var(--type-ui-line);
}

._input_35yq5_74:focus {
  box-shadow: none;
  outline: var(--hairline) solid transparent;
  outline-offset: -1px;
}

@media (forced-colors: active) {
  ._input_35yq5_74:focus {
    outline-color: CanvasText;
  }
}

._input_35yq5_74::placeholder {
  color: var(--text-mute);
}

._footer_35yq5_104 {
  display: flex;
  flex: none;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-8);
  min-block-size: max(var(--control-height-comfortable), var(--target-minimum));
  padding-inline: var(--inset-panel);
  background: var(--panel);
  color: var(--text-ghost);
  font-size: var(--type-caption-size);
  line-height: var(--type-caption-line);
}

._hint_35yq5_118 {
  display: inline-flex;
  align-items: center;
  gap: var(--space-4);
}

._count_35yq5_124 {
  margin-inline-start: auto;
  color: var(--text-mute);
  font-variant-numeric: tabular-nums;
}
._positioner_1impv_1 {
  z-index: var(--z-popover);
}

._popup_1impv_5 {
  display: flex;
  flex-direction: column;
  inline-size: max-content;
  max-inline-size: var(--surface-width-sm);
  overflow: hidden;
  transition: opacity var(--duration-slow) var(--ease-enter);
}

._popup_1impv_5[data-starting-style],
._popup_1impv_5[data-ending-style] {
  opacity: 0;
}

._popup_1impv_5[data-ending-style] {
  transition-timing-function: var(--ease-exit);
}

._body_1impv_23 {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  padding: var(--inset-popover);
  color: var(--text-sub);
  font-size: var(--type-ui-size);
  line-height: var(--type-ui-line);
}
._track_ftzp5_1 {
  display: grid;
  gap: var(--space-4);
  padding: var(--space-4);
  border-radius: var(--r1);
  background: var(--surface);
  max-inline-size: var(--surface-width-sm);
}

._track_ftzp5_1[data-options="2"] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

._track_ftzp5_1[data-options="3"] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

._track_ftzp5_1[data-options="4"] {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

._option_ftzp5_22 {
  position: relative;
  display: flex;
  min-inline-size: 0;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  gap: var(--space-6);
  padding-block: 0;
  padding-inline: var(--space-8);
  border: var(--hairline) solid transparent;
  border-radius: var(--r1);
  background: transparent;
  color: var(--text-ghost);
  cursor: pointer;
  font-size: var(--type-ui-size);
  line-height: var(--type-ui-line);
  text-align: center;
  min-block-size: max(var(--control-height-default), var(--target-minimum));
}

._option_ftzp5_22[data-preview] {
  flex-direction: column;
  gap: 0;
  min-block-size: max(var(--control-height-comfortable), var(--target-minimum));
}

._input_ftzp5_49 {
  position: absolute;
  inset: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

._option_ftzp5_22:hover:not(:has(:checked)) {
  color: var(--text);
  background: var(--raise);
}

/* Pressed (D191): the hover fill, the content one hairline lower, no
   transition on the way in. */
._option_ftzp5_22:active:not(:has(:checked)) {
  background: var(--raise);
  color: var(--text);
  transition-duration: var(--duration-instant);
}

._option_ftzp5_22:has(:checked) {
  color: var(--text);
  background: var(--page);
  border-color: var(--line-strong);
  box-shadow: var(--overlay-sm);
}

._option_ftzp5_22:has(:focus-visible) {
  box-shadow:
    inset 0 0 0 var(--hairline) var(--focus-ring),
    inset 0 0 0 calc(2 * var(--hairline)) var(--focus-ring-inset);
  outline: var(--hairline) solid transparent;
  outline-offset: -1px;
}

._option_ftzp5_22:has(:checked:focus-visible) {
  box-shadow:
    inset 0 0 0 var(--hairline) var(--focus-ring),
    inset 0 0 0 calc(2 * var(--hairline)) var(--focus-ring-inset),
    var(--overlay-sm);
}

._preview_ftzp5_92 {
  display: flex;
  block-size: var(--type-caption-line);
  align-items: baseline;
  justify-content: center;
}

/* Each preview Text carries its own role's line box and would spill into the label. The box and every preview inside it take the caption line, which grows with the text size, so the largest preview still fits. */
._option_ftzp5_22 ._preview_ftzp5_92 > * {
  line-height: var(--type-caption-line);
}

._option_ftzp5_22[data-preview] ._label_ftzp5_104 {
  max-inline-size: 100%;
  font-size: var(--type-caption-size);
  line-height: var(--type-caption-line);
}

._count_ftzp5_110 {
  font-variant-numeric: tabular-nums;
  color: var(--text-ghost);
}

._option_ftzp5_22:has(:checked) ._count_ftzp5_110 {
  color: var(--text-mute);
}

/* The count follows its option: an unchecked option hovers to raise, where
   text-ghost may not sit (colour). */
._option_ftzp5_22:hover:not(:has(:checked)) ._count_ftzp5_110 {
  color: var(--text-mute);
}

@media (forced-colors: active) {
  ._option_ftzp5_22:has(:checked) {
    border-color: Highlight;
  }
}

@media (prefers-reduced-motion: no-preference) {
  ._option_ftzp5_22:active:not(:has(:checked)) > * {
    translate: 0 var(--hairline);
  }
}
/* D21/D59: fills through the 100% chain; regions stay window-high and content
   scrolls inside them, so the field holds where iOS ignores
   `background-attachment: fixed` (D83). */
._frame_yk3tj_4 {
  position: relative;
  display: flex;
  block-size: 100%;
  overflow: hidden;
}

._column_yk3tj_11 {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-inline-size: 0;
  min-block-size: 0;
}

._main_yk3tj_19 {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-block-size: 0;
  overflow-y: auto;
}

._notice_yk3tj_27 {
  flex: none;
  padding-block: var(--space-8);
  padding-inline: var(--inset-page);
}
._composer_wogqp_1 {
  display: flex;
  flex-direction: column;
  min-inline-size: 0;
}

._notice_wogqp_7 {
  padding-inline: var(--inset-page);
  padding-block-end: var(--space-8);
}

._reason_wogqp_12 {
  font-size: var(--type-caption-size);
  line-height: var(--type-caption-line);
  color: var(--text-mute);
}

._alertRow_wogqp_18 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-8);
}

._row_wogqp_25 {
  display: flex;
  align-items: flex-start;
  gap: var(--space-8);
  background: var(--panel);
  border-block-start: var(--hairline) solid var(--line);
  padding-inline: var(--inset-page);
  padding-block-end: env(safe-area-inset-bottom);
}

/* The row is the field: while the field has focus the row's top rule turns
   accent, a field's indicator rather than the ring (accessibility §Focus). The
   field itself draws no ring; its transparent outline is what forced-colors
   mode turns into a system-coloured one. */
._row_wogqp_25:has(._field_wogqp_39:focus) {
  border-block-start-color: var(--accent);
}

._field_wogqp_39:focus {
  box-shadow: none;
  outline: var(--hairline) solid transparent;
  outline-offset: -1px;
}

@media (forced-colors: active) {
  ._field_wogqp_39:focus {
    outline-color: CanvasText;
  }
}

._prompt_wogqp_55 {
  display: flex;
  align-items: center;
  flex: none;
  color: var(--text-ghost);
  margin-block-start: var(--space-8);
  block-size: var(--type-ui-line);
}

._fieldWrap_wogqp_64 {
  position: relative;
  display: grid;
  flex: 1;
  min-inline-size: 0;
}

/* The mirror sizes the grid cell, so the field grows with its text. */
._field_wogqp_39,
._mirror_wogqp_73 {
  grid-area: 1 / 1;
  box-sizing: border-box;
  margin: 0;
  border: 0;
  border-radius: 0;
  padding-block: var(--space-8);
  padding-inline: 0;
  font-family: inherit;
  font-size: var(--type-ui-size);
  line-height: var(--type-ui-line);
  font-weight: var(--type-ui-weight);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  min-block-size: max(var(--control-height-comfortable), var(--target-minimum));
  max-block-size: calc(8 * var(--type-ui-line) + 2 * var(--space-8));
}

._field_wogqp_39 {
  background: none;
  color: var(--text);
  resize: none;
  overflow-y: auto;
  caret-color: transparent;
}

._field_wogqp_39::placeholder {
  color: var(--text-ghost);
}

._field_wogqp_39:disabled {
  opacity: var(--opacity-disabled);
}

/* Scrolls like the field, so a classic scrollbar narrows both alike and the
   marker wraps where the text does. */
._mirror_wogqp_73 {
  visibility: hidden;
  overflow-y: auto;
  pointer-events: none;
}

._caret_wogqp_115 {
  position: absolute;
  inset-inline-start: var(--local-caret-x);
  inset-block-start: calc(
    var(--local-caret-y) +
    (var(--type-ui-line) - var(--type-ui-size)) /
    2
  );
  inline-size: var(--size-1);
  block-size: var(--type-ui-size);
  background: var(--accent);
  pointer-events: none;
  animation: _caret-blink_wogqp_1 var(--duration-loop) var(--ease-linear) infinite;
}

/* The implicit 100% frame is visible, so reduced motion (duration-loop 0ms)
   leaves a solid block. */
@keyframes _caret-blink_wogqp_1 {
  0%,
  49.9% {
    opacity: 1;
  }

  50%,
  99.9% {
    opacity: 0;
  }
}

._send_wogqp_144 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  padding: 0;
  border: 0;
  background: none;
  border-radius: var(--r1);
  color: var(--text-ghost);
  cursor: pointer;
  min-inline-size: max(var(--control-height-compact), var(--target-minimum));
  min-block-size: max(var(--control-height-compact), var(--target-minimum));
  margin-block-start: calc(
    var(--space-8) +
    (
      var(--type-ui-line) -
      max(var(--control-height-compact), var(--target-minimum))
    ) /
    2
  );
}

._send_wogqp_144[aria-disabled="true"] {
  opacity: var(--opacity-disabled);
  cursor: default;
}

._send_wogqp_144[data-ready] {
  color: var(--accent-text);
}

._stop_wogqp_176 {
  display: flex;
  align-items: center;
  flex: none;
  min-block-size: max(var(--control-height-comfortable), var(--target-minimum));
}

._visuallyHidden_wogqp_183 {
  position: absolute;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
._composer_mye5h_1 {
  flex: none;
}

._selected_mye5h_5 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  margin: 0;
  padding: 0 var(--inset-page) var(--space-8);
  list-style: none;
}
._console_a8r8f_1 {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-block-size: 0;
  min-inline-size: 0;
  overflow: hidden;
}
._rows_1t5t1_1 {
  display: flex;
  flex-direction: column;
  gap: var(--space-12);
  margin: 0;
  padding: 0;
  list-style: none;
}

._row_1t5t1_1 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-8);
}

._grow_1t5t1_17 {
  flex: 1 1 auto;
  min-inline-size: 0;
}
._toolCall_1rvp6_1:not(:last-child) {
  border-block-end: var(--hairline) solid var(--line);
}

._summary_1rvp6_5 {
  display: flex;
  align-items: center;
  gap: var(--space-6);
  inline-size: 100%;
  box-sizing: border-box;
  min-block-size: max(var(--control-height-compact), var(--target-minimum));
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  font-size: var(--type-caption-size);
  line-height: var(--type-caption-line);
  color: var(--text-ghost);
  text-align: start;
}

._trigger_1rvp6_22 {
  cursor: pointer;
}

._trigger_1rvp6_22:hover {
  background: var(--hover);
}

/* Pressed (D191): the hover fill, the content one hairline lower, no
   transition on the way in. */
._trigger_1rvp6_22:active {
  background: var(--hover);
  transition-duration: var(--duration-instant);
}

@media (prefers-reduced-motion: no-preference) {
  ._trigger_1rvp6_22:active > * {
    translate: 0 var(--hairline);
  }
}

._chevronSpace_1rvp6_43 {
  flex: none;
  inline-size: var(--icon-embedded);
  block-size: var(--icon-embedded);
}

._name_1rvp6_49 {
  min-inline-size: 0;
  overflow-wrap: anywhere;
  font-family: var(--font-mono);
  font-size: var(--type-code-size);
  line-height: var(--type-code-line);
  color: var(--text-sub);
}

._trigger_1rvp6_22:hover ._name_1rvp6_49 {
  color: var(--text);
}

._toolCall_1rvp6_1[data-state="failed"] ._name_1rvp6_49,
._toolCall_1rvp6_1[data-state="failed"] ._trigger_1rvp6_22:hover ._name_1rvp6_49 {
  color: var(--danger-fg);
}

._end_1rvp6_67 {
  display: inline-flex;
  flex: none;
  margin-inline-start: auto;
  font-variant-numeric: tabular-nums;
}

._panel_1rvp6_74 {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  padding-block-end: var(--space-12);
  padding-inline-start: var(--space-24);
}

._part_1rvp6_82 {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  min-inline-size: 0;
}
._markdown_1h2dg_1 {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  min-inline-size: 0;
  overflow-wrap: anywhere;
  font-size: var(--type-prose-size);
  line-height: var(--type-prose-line);
  font-weight: var(--type-prose-weight);
  color: var(--text-sub);
}

._markdown_1h2dg_1 :is(p, ul, ol, blockquote, h3, h4, h5, h6) {
  margin: 0;
}

/* The column gap is the "space-8 above" a heading owes. */
._markdown_1h2dg_1 :is(h3, h4, h5, h6) {
  font-size: var(--type-ui-size);
  line-height: var(--type-ui-line);
  font-weight: var(--type-heading-weight);
  color: var(--text);
}

._markdown_1h2dg_1 strong {
  font-weight: var(--type-heading-weight);
  color: var(--text);
}

._markdown_1h2dg_1 em {
  font-style: italic;
}

/* Message card: list indented space-24, markers in text-mute. The reset
   strips list-style, so prose lists restore their markers here. */
._markdown_1h2dg_1 :is(ul, ol) {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  padding-inline-start: var(--space-24);
}

._markdown_1h2dg_1 ul {
  list-style: disc;
}

._markdown_1h2dg_1 ol {
  list-style: decimal;
}

._markdown_1h2dg_1 li::marker {
  color: var(--text-mute);
}

._markdown_1h2dg_1 blockquote {
  border-inline-start: var(--marker) solid var(--accent-dim);
  padding-inline-start: var(--space-12);
  color: var(--text-mute);
}

._markdown_1h2dg_1 hr {
  inline-size: 100%;
  margin: 0;
  border: 0;
  border-block-start: var(--hairline) solid var(--line);
}

._inlineCode_1h2dg_68 {
  font-family: var(--font-mono);
  font-size: var(--type-code-size);
  line-height: var(--type-code-line);
  color: var(--accent-text);
  background: var(--surface);
  border-radius: var(--r1);
  padding-inline: var(--space-4);
}

/* On surface (a card) inline code sits one rung up, on raise (colour). */
._markdown_1h2dg_1[data-ground="surface"] ._inlineCode_1h2dg_68 {
  background: var(--raise);
}

/* Inline text gets no target minimum; the ring comes from the foundation. */
._mention_1h2dg_84 {
  font: inherit;
  color: var(--accent-text);
  background: none;
  border: 0;
  padding: 0;
}

button._mention_1h2dg_84 {
  cursor: pointer;
}

._mention_1h2dg_84:hover {
  color: var(--text);
}

/* The frame is the scroll wrapper's: a collapsed table never draws its
   radius (D209). */
._tableScroll_1h2dg_102 {
  inline-size: fit-content;
  max-inline-size: 100%;
  overflow-x: auto;
  border: var(--hairline) solid var(--line);
  border-radius: var(--r3);
}

._table_1h2dg_102 {
  border-collapse: collapse;
  font-size: var(--type-ui-size);
  line-height: var(--type-ui-line);
}

._table_1h2dg_102 th {
  background: var(--surface);
  color: var(--text-mute);
  font-weight: var(--type-ui-weight);
  text-align: start;
  block-size: var(--control-height-default);
  padding-block: 0;
  padding-inline: var(--space-12);
  vertical-align: middle;
  border-block-end: var(--hairline) solid var(--line);
}

._table_1h2dg_102 td {
  block-size: var(--control-height-default);
  padding: var(--space-8);
  color: var(--text-sub);
  border-block-end: var(--hairline) solid var(--line);
}

._table_1h2dg_102 tbody tr:last-child td {
  border-block-end: 0;
}

._table_1h2dg_102 :is(th, td)[align="right"] {
  text-align: end;
}

/* Text aligns start and numbers end; neither is centred (grid-and-alignment,
   D209). */
._table_1h2dg_102 :is(th, td)[align="center"] {
  text-align: start;
}

/* Streaming caret: a block in accent, blinking at duration-loop. Under reduced
   motion the loop is 0ms, and the implicit 100% frame leaves it solid. */
._markdown_1h2dg_1[data-streaming] > :is(p, h3, h4, h5, h6):last-child::after,
._markdown_1h2dg_1[data-streaming] > blockquote:last-child > :last-child::after,
._markdown_1h2dg_1[data-streaming] > :is(ul, ol):last-child > li:last-child::after,
._markdown_1h2dg_1[data-streaming]:not(
  :has(> :is(p, h3, h4, h5, h6, blockquote, ul, ol):last-child)
)::after {
  content: "";
  display: inline-block;
  inline-size: var(--size-1);
  block-size: var(--type-prose-size);
  background: var(--accent);
  vertical-align: text-bottom;
  animation: _caret-blink_1h2dg_1 var(--duration-loop) var(--ease-linear) infinite;
}

/* Nothing prose-like is last (empty, or code, table or rule): the caret sits
   on its own line. */
._markdown_1h2dg_1[data-streaming]:not(
  :has(> :is(p, h3, h4, h5, h6, blockquote, ul, ol):last-child)
)::after {
  display: block;
}

@keyframes _caret-blink_1h2dg_1 {
  0%,
  49.9% {
    opacity: 1;
  }

  50%,
  99.9% {
    opacity: 0;
  }
}
._message_r3u7g_1 {
  display: flex;
  gap: var(--space-8);
  padding-inline: var(--inset-page);
}

._column_r3u7g_7 {
  flex: 1;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}

._text_r3u7g_15 {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

._authorLine_r3u7g_21 {
  display: flex;
  align-items: baseline;
  gap: var(--space-8);
}

._author_r3u7g_21,
._authorLink_r3u7g_28 {
  font-size: var(--type-ui-size);
  line-height: var(--type-ui-line);
  font-weight: var(--type-ui-weight);
  color: var(--text);
}

._authorLink_r3u7g_28 {
  text-decoration: none;
}

._authorLink_r3u7g_28:hover {
  text-decoration: underline;
}

._time_r3u7g_43 {
  font-size: var(--type-caption-size);
  line-height: var(--type-caption-line);
  color: var(--text-mute);
  font-variant-numeric: tabular-nums;
}

._reasoning_r3u7g_50 {
  margin: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  color: var(--text-mute);
  font-size: var(--type-ui-size);
  line-height: var(--type-ui-line);
}

._body_r3u7g_59 {
  max-inline-size: var(--container-reading);
}

._alertRow_r3u7g_63 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-8);
}

._toolCalls_r3u7g_70 {
  display: flex;
  flex-direction: column;
  max-inline-size: var(--container-reading);
}
._grow_msvin_1 {
  flex: 1 1 auto;
  min-inline-size: 0;
}
._meta_13kqm_1 {
  flex: none;
  margin-inline-start: auto;
}
._facts_1fr92_1 {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: var(--space-4) var(--space-8);
  margin: 0;
}

._fact_1fr92_1 {
  display: contents;
}

._fact_1fr92_1 > * {
  display: flex;
  align-items: center;
  min-block-size: var(--size-6);
}

._people_1fr92_18 {
  display: flex;
  flex-direction: column;
  gap: var(--space-12);
  margin: 0;
  padding: 0;
  list-style: none;
}

._person_1fr92_27 {
  display: flex;
  align-items: center;
  gap: var(--space-8);
  min-inline-size: 0;
}

._end_1fr92_34 {
  margin-inline-start: auto;
}

._inherited_1fr92_38 {
  opacity: var(--opacity-muted);
}
._view_11gy7_1 {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-block-size: 0;
  min-inline-size: 0;
}

._head_11gy7_9 {
  display: flex;
  flex: none;
  flex-direction: column;
  gap: var(--space-12);
  padding: var(--space-16) var(--inset-page) 0;
}

._titleRow_11gy7_17 {
  align-self: stretch;
}

._title_11gy7_17 {
  flex: 1 1 calc(4 * var(--size-8));
  min-inline-size: 0;
}

._title_11gy7_17[data-flash] {
  animation: _titleFlash_11gy7_1 var(--duration-loop) var(--ease-standard);
}

@keyframes _titleFlash_11gy7_1 {
  from {
    color: var(--accent-text);
  }

  to {
    color: var(--text);
  }
}

@media (prefers-reduced-motion: reduce) {
  ._title_11gy7_17[data-flash] {
    animation: none;
  }
}

._body_11gy7_46 {
  display: flex;
  flex: 1 1 auto;
  min-block-size: 0;
}

._column_11gy7_52 {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-block-size: 0;
  min-inline-size: 0;
}

._transcript_11gy7_61 {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: var(--space-16);
  min-block-size: 0;
  overflow-y: auto;
  padding-block: var(--space-16);
}

._log_11gy7_71 {
  display: flex;
  flex: none;
  flex-direction: column;
  gap: var(--space-16);
}

._notice_11gy7_78 {
  padding-inline: var(--inset-page);
}

._notice_11gy7_78 > * {
  max-inline-size: var(--container-reading);
}

._skeletonTurn_11gy7_86 {
  display: flex;
  gap: var(--space-8);
  padding-inline: var(--inset-page);
}

._scrollLatest_11gy7_92 {
  position: absolute;
  inset-block-end: var(--space-16);
  inset-inline-end: var(--inset-page);
}

._panelSlot_11gy7_98 {
  display: none;
}

@media (width >= 80rem) {
  ._panelSlot_11gy7_98 {
    display: flex;
    min-block-size: 0;
  }

  ._detailsTrigger_11gy7_108 {
    display: none;
  }
}
._group_1n18j_1,
._discs_1n18j_2 {
  display: inline-flex;
  align-items: center;
}

/* .group raises specificity above Avatar's own transparent border. */
._group_1n18j_1 ._discs_1n18j_2 > * {
  box-sizing: border-box;
  border: var(--marker) solid var(--page);
  margin-inline-start: calc(var(--space-6) * -1);
}

._group_1n18j_1 ._discs_1n18j_2 > :first-child {
  margin-inline-start: 0;
}

._group_1n18j_1[data-ground="surface"] ._discs_1n18j_2 > * {
  border-color: var(--surface);
}

._more_1n18j_22 {
  margin-inline-start: var(--space-8);
  color: var(--text-mute);
  font-size: 11px; /* ds-allow: avatar-initial */
  font-variant-numeric: tabular-nums;
  line-height: var(--type-caption-line);
}

._group_1n18j_1[data-size="sm"] ._more_1n18j_22 {
  font-size: 8px; /* ds-allow: avatar-initial */
}
._board_97xw0_1 {
  display: flex;
  flex-direction: column;
  padding-block: var(--space-4) var(--space-24);
  padding-inline: var(--inset-page);
}

._toolbar_97xw0_8 {
  padding-block-end: var(--space-16);
}

._tools_97xw0_12 {
  margin-inline-start: auto;
}

._search_97xw0_16 {
  inline-size: var(--surface-width-xs);
}

._body_97xw0_20 {
  padding-block-end: var(--space-24);
}

._bulk_97xw0_24 {
  padding-block-end: var(--space-12);
}

._grow_97xw0_28 {
  flex: 1 1 auto;
  min-inline-size: 0;
}

@media (width < 48rem) {
  ._tools_97xw0_12 {
    inline-size: 100%;
  }

  ._search_97xw0_16 {
    flex: 1 1 auto;
    inline-size: auto;
  }
}
._strip_djykh_1 {
  flex: none;
  padding-block: 0 var(--space-12);
  padding-inline: var(--inset-page);
}

._agentText_djykh_7 {
  display: flex;
  flex-direction: column;
  min-inline-size: 0;
}

._grow_djykh_13 {
  flex: 1 1 auto;
  min-inline-size: 0;
}
._board_p9v10_1 {
  padding-block: var(--space-4) var(--space-24);
  padding-inline: var(--inset-page);
}
._view_yz6dm_1 {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-block-size: 0;
  overflow-y: auto;
}

._head_yz6dm_9 {
  flex: none;
  padding-block: var(--space-16) var(--space-12);
  padding-inline: var(--inset-page);
}

._title_yz6dm_15 {
  flex: 1 1 auto;
  min-inline-size: 0;
}

._tabs_yz6dm_20 {
  flex: none;
  inline-size: var(--surface-width-sm);
  max-inline-size: 100%;
}

._inset_yz6dm_26 {
  flex: none;
  padding-block: 0 var(--space-12);
  padding-inline: var(--inset-page);
}
._home_g86nb_1 {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  padding: var(--inset-page);
}
._column_19uve_1 {
  max-inline-size: var(--container-form);
}

._name_19uve_5,
._select_19uve_6 {
  inline-size: 100%;
}

@media (width >= 48rem) {
  ._name_19uve_5 {
    inline-size: var(--surface-width-sm);
  }

  ._select_19uve_6 {
    inline-size: var(--surface-width-xs);
  }
}
._form_84q2s_1 {
  max-inline-size: var(--container-form);
}
._content_14xri_1 {
  flex: 1 1 auto;
  min-inline-size: 0;
  white-space: pre-wrap;
}

._form_14xri_7 {
  flex-direction: column;
  align-items: stretch;
}
._main_1lmwx_1 {
  flex: 1 1 auto;
  min-inline-size: 0;
}

._action_1lmwx_6 {
  flex: none;
}
._facts_rmy7m_1 {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  column-gap: var(--space-12);
  row-gap: var(--space-8);
  align-items: baseline;
  margin: 0;
}

._value_rmy7m_10 {
  margin: 0;
  min-inline-size: 0;
}
._list_1yfr8_1 {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* One help line per source that still needs setup. */
._waiting_1pqiv_2 {
  display: block;
}
._heading_1dh44_1 {
  flex: 1 1 auto;
  min-inline-size: 0;
}

._main_1dh44_6 {
  flex: 1 1 auto;
  min-inline-size: 0;
}

._routes_1dh44_11 {
  margin: 0;
  padding: 0;
  list-style: none;
}

._error_1dh44_17 {
  flex-basis: 100%;
}
._actions_gdti1_1 {
  margin-inline-start: auto;
}

._form_gdti1_5 {
  flex-direction: column;
  align-items: stretch;
}
._list_10c2s_1 {
  margin: 0;
  padding-inline-start: var(--space-24);
}

._todos_10c2s_6 {
  margin: 0;
  padding: 0;
  list-style: none;
}

._box_10c2s_12 {
  flex: none;
  inline-size: var(--icon-inline);
  block-size: var(--icon-inline);
}
._form_84q2s_1 {
  max-inline-size: var(--container-form);
}
/* The path (a template) gets twice the value's share of the row. */
._path_w902p_2 {
  flex: 2 1 0;
  min-inline-size: 0;
}

._value_w902p_7 {
  flex: 1 1 0;
  min-inline-size: 0;
}
._grow_yka3p_1 {
  flex: 1 1 auto;
  min-inline-size: 0;
}

/* platform · Hover reveals, as RowList does: on a fine pointer with hover the
   item's remove waits for the row to be hovered or to hold focus (it holds
   focus while its checkbox is used); on a coarse pointer it is always visible.
   Opacity, so Tab still reaches and reveals it. */
@media (hover: hover) and (pointer: fine) {
  ._item_yka3p_11 [data-row-actions] {
    transition: opacity var(--duration-fast) var(--ease-standard);
  }

  ._item_yka3p_11:not(:hover, :focus-within) [data-row-actions] {
    opacity: 0;
  }
}
._label_13sy8_1 {
  flex: 1;
}

._email_13sy8_5 {
  inline-size: var(--surface-width-xs);
}

._form_13sy8_9 {
  max-inline-size: var(--container-form);
}
._label_38igv_1 {
  flex: 1;
}

._meter_38igv_5 {
  max-inline-size: var(--surface-width-xl);
}
._separator_1sv03_1 {
  block-size: 0;
  margin: 0;
  border: 0;
  border-block-start: var(--hairline) solid var(--line);
}
._column_1sugt_1 {
  max-inline-size: var(--container-form);
}

._name_1sugt_5,
._select_1sugt_6 {
  inline-size: 100%;
}

._list_1sugt_10 {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (width >= 48rem) {
  ._name_1sugt_5 {
    inline-size: var(--surface-width-sm);
  }

  ._select_1sugt_6 {
    inline-size: var(--surface-width-xs);
  }
}
._list_1xb27_1 {
  container-type: inline-size;
}

._grow_1xb27_5 {
  flex: 1 1 auto;
  min-inline-size: 0;
}

/* Waiting board: row 1 wraps at 390 and holds one line at 1440; the title wraps inside its own box. */
@container (width >= 48rem) {
  ._list_1xb27_1 ._head_1xb27_12 {
    flex-wrap: nowrap;
  }
}
._header_1tn36_1 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-8);
  min-block-size: var(--control-height-default);
  padding-inline: var(--space-8);
  font-size: var(--type-caption-size);
  line-height: var(--type-caption-line);
  color: var(--text-ghost);
}

._id_1tn36_13 {
  font-family: var(--font-mono);
  font-size: var(--type-code-size);
  line-height: var(--type-code-line);
  color: var(--text-sub);
  overflow-wrap: anywhere;
}

._counts_1tn36_21 {
  margin-inline-start: auto;
  font-variant-numeric: tabular-nums;
}

._scroll_1tn36_26 {
  overflow-x: auto;
}

._steps_1tn36_30 {
  display: grid;
  grid-template-columns: auto auto 1fr auto auto auto;
}

._step_1tn36_30 {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: subgrid;
}

._trigger_1tn36_41 {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: subgrid;
  column-gap: var(--space-8);
  align-items: baseline;
  align-content: center;
  min-block-size: max(var(--control-height-compact), var(--target-minimum));
  padding-block: 0;
  padding-inline: var(--space-8);
  background: none;
  border: 0;
  border-block-start: var(--hairline) solid var(--line);
  font: inherit;
  font-size: var(--type-caption-size);
  line-height: var(--type-caption-line);
  color: var(--text-ghost);
  text-align: start;
  cursor: pointer;
}

._trigger_1tn36_41:hover {
  background: var(--hover);
}

/* Pressed (D191): the hover fill, the content one hairline lower, no
   transition on the way in. */
._trigger_1tn36_41:active {
  background: var(--hover);
  transition-duration: var(--duration-instant);
}

@media (prefers-reduced-motion: no-preference) {
  ._trigger_1tn36_41:active > * {
    translate: 0 var(--hairline);
  }
}

._trigger_1tn36_41 svg {
  align-self: center;
  transition: transform var(--duration-slow) var(--ease-standard);
}

._trigger_1tn36_41[aria-expanded="true"] svg {
  transform: rotate(90deg);
}

._trigger_1tn36_41 svg:dir(rtl) {
  transform: scaleX(-1);
}

._trigger_1tn36_41[aria-expanded="true"] svg:dir(rtl) {
  transform: rotate(90deg);
}

@media (prefers-reduced-motion: reduce) {
  ._trigger_1tn36_41 svg {
    transition: none;
  }
}

._trigger_1tn36_41 [data-num] {
  font-variant-numeric: tabular-nums;
  text-align: end;
  white-space: nowrap;
}

._kind_1tn36_108 {
  font-size: var(--type-ui-size);
  line-height: var(--type-ui-line);
  color: var(--text);
}

._name_1tn36_114 {
  font-family: var(--font-mono);
  font-size: var(--type-code-size);
  line-height: var(--type-code-line);
  color: var(--text-sub);
}

._finish_1tn36_121 {
  color: var(--text-mute);
}

._finish_1tn36_121[data-alert] {
  color: var(--danger-fg);
}

._panel_1tn36_129 {
  grid-column: 3 / -1;
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  padding-block: var(--space-8) var(--space-12);
  padding-inline-end: var(--space-8);
  min-inline-size: 0;
}

._note_1tn36_139 {
  margin: 0;
  padding-inline: var(--space-8);
  font-size: var(--type-caption-size);
  line-height: var(--type-caption-line);
  color: var(--text-mute);
}

._skeletonRow_1tn36_147 {
  display: grid;
  align-content: center;
  min-block-size: max(var(--control-height-compact), var(--target-minimum));
  padding-inline: var(--space-8);
  border-block-start: var(--hairline) solid var(--line);
}

._visuallyHidden_1tn36_155 {
  position: absolute;
  clip-path: inset(50%);
  overflow: hidden;
  white-space: nowrap;
}
._layout_l2kmj_1 {
  display: flex;
  flex-direction: column;
  gap: var(--space-24);
}

._steps_l2kmj_7 {
  min-inline-size: 0;
}

._facts_l2kmj_11 {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  margin: 0;
}

._fact_l2kmj_11 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-8);
  min-block-size: var(--control-height-compact);
}

._value_l2kmj_26 {
  margin: 0;
  min-inline-size: 0;
  text-align: end;
  overflow-wrap: anywhere;
}

@media (width >= 64rem) {
  ._layout_l2kmj_1 {
    flex-direction: row;
    align-items: flex-start;
  }

  ._steps_l2kmj_7 {
    flex: 1 1 0;
  }

  ._aside_l2kmj_43 {
    flex: none;
    inline-size: var(--surface-width-sm);
  }
}
._glyph_1kera_1 {
  display: flex;
  flex: none;
  align-self: flex-start;
  padding-block-start: calc((var(--type-ui-line) - var(--icon-embedded)) / 2);
}

._main_1kera_8 {
  flex: 1 1 auto;
  min-inline-size: 0;
}

._actions_1kera_13 {
  flex: none;
}

._form_1kera_17 {
  flex-direction: column;
  align-items: stretch;
}
._rename_1pw99_1 {
  inline-size: var(--surface-width-xs);
}
._main_whwu2_1 {
  flex: 1;
  min-inline-size: 0;
}

._field_whwu2_6 {
  inline-size: var(--surface-width-xs);
}

._form_whwu2_10 {
  flex-direction: column;
  align-items: stretch;
}

/* D129: one control line. The fields share the form's rows (label, control,
   help), so the topic help hangs below its select without moving the button. */
._keyRow_whwu2_17 {
  display: grid;
  grid-template-columns: repeat(2, var(--surface-width-xs)) max-content;
  grid-template-rows: repeat(3, auto);
  column-gap: var(--space-8);
  row-gap: var(--space-6);
}

._keyRow_whwu2_17 > ._cell_whwu2_25 {
  display: grid;
  grid-row: 1 / span 3;
  grid-template-rows: subgrid;
}

._keyRow_whwu2_17 > ._submit_whwu2_31 {
  grid-area: 2 / 3;
}

/* The created key's Copy and Dismiss sit on the input's row of the same
   subgrid (label, control), as the create row's submit does. */
._created_whwu2_37 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) repeat(2, max-content);
  grid-template-rows: repeat(2, auto);
  column-gap: var(--space-8);
  row-gap: var(--space-6);
}

._created_whwu2_37 > ._cell_whwu2_25 {
  display: grid;
  grid-row: 1 / span 2;
  grid-template-rows: subgrid;
}

._created_whwu2_37 > ._rowAction_whwu2_51 {
  grid-row: 2;
}

@media (width < 48rem) {
  ._field_whwu2_6 {
    inline-size: 100%;
  }

  ._keyRow_whwu2_17 {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
    row-gap: var(--space-16);
  }

  ._keyRow_whwu2_17 > ._cell_whwu2_25 {
    display: flex;
    grid-row: auto;
  }

  ._keyRow_whwu2_17 > ._submit_whwu2_31 {
    grid-area: auto;
    justify-self: start;
  }

  ._created_whwu2_37 {
    grid-template-columns: repeat(2, max-content);
    grid-template-rows: none;
    row-gap: var(--space-8);
  }

  ._created_whwu2_37 > ._cell_whwu2_25 {
    display: flex;
    grid-row: auto;
    grid-column: 1 / -1;
  }

  ._created_whwu2_37 > ._rowAction_whwu2_51 {
    grid-row: auto;
  }
}
._form_1kvqh_1 {
  flex: 1;
  min-inline-size: 0;
}

._grow_1kvqh_6 {
  flex: 1;
  min-inline-size: var(--surface-width-xs);
}

._name_1kvqh_11 {
  flex: 1;
  min-inline-size: 0;
}