@layer theme {
  :root {
    /* ── Grey ── */
    --v2-grey-50: #ffffffff;
    --v2-grey-100: #fafafaff;
    --v2-grey-200: #f2f2f2ff;
    --v2-grey-300: #eeeeeeff;
    --v2-grey-400: #dbdbdbff;
    --v2-grey-500: #aeaeaeff;
    --v2-grey-600: #808080ff;
    --v2-grey-700: #5c5c5cff;
    --v2-grey-800: #3a3a3aff;
    --v2-grey-900: #2e2e2eff;
    --v2-grey-1000: #242424ff;
    --v2-grey-1100: #161616ff;
    --v2-grey-1200: #080808ff;

    /* ── Alpha Dark ── */
    --v2-alpha-dark-100: #000000ff;
    --v2-alpha-dark-90: #000000e5;
    --v2-alpha-dark-80: #000000cc;
    --v2-alpha-dark-70: #000000b2;
    --v2-alpha-dark-60: #00000099;
    --v2-alpha-dark-50: #00000080;
    --v2-alpha-dark-40: #00000066;
    --v2-alpha-dark-30: #0000004d;
    --v2-alpha-dark-24: #0000003d;
    --v2-alpha-dark-20: #00000033;
    --v2-alpha-dark-16: #00000029;
    --v2-alpha-dark-14: #00000024;
    --v2-alpha-dark-12: #0000001f;
    --v2-alpha-dark-10: #0000001a;
    --v2-alpha-dark-8: #00000014;
    --v2-alpha-dark-6: #0000000f;
    --v2-alpha-dark-4: #0000000a;
    --v2-alpha-dark-2: #00000005;
    --v2-alpha-dark-0: #00000000;

    /* ── Alpha Light ── */
    --v2-alpha-light-100: #ffffffff;
    --v2-alpha-light-90: #ffffffe5;
    --v2-alpha-light-80: #ffffffcc;
    --v2-alpha-light-70: #ffffffb2;
    --v2-alpha-light-60: #ffffff99;
    --v2-alpha-light-50: #ffffff80;
    --v2-alpha-light-40: #ffffff66;
    --v2-alpha-light-30: #ffffff4d;
    --v2-alpha-light-24: #ffffff3d;
    --v2-alpha-light-20: #ffffff33;
    --v2-alpha-light-16: #ffffff29;
    --v2-alpha-light-14: #ffffff24;
    --v2-alpha-light-12: #ffffff1f;
    --v2-alpha-light-10: #ffffff1a;
    --v2-alpha-light-8: #ffffff14;
    --v2-alpha-light-6: #ffffff0f;
    --v2-alpha-light-4: #ffffff0a;
    --v2-alpha-light-2: #ffffff05;
    --v2-alpha-light-0: #ffffff00;

    /* ── Red ── */
    --v2-red-100: #fcecebff;
    --v2-red-200: #f6d5d3ff;
    --v2-red-300: #f2bbb7ff;
    --v2-red-400: #f29b96ff;
    --v2-red-500: #f17471ff;
    --v2-red-600: #f1484fff;
    --v2-red-700: #d92e3cff;
    --v2-red-800: #b82d35ff;
    --v2-red-900: #97252bff;
    --v2-red-1000: #7a1f23ff;
    --v2-red-1100: #5f1a1cff;
    --v2-red-1200: #461516ff;

    /* ── Orange ── */
    --v2-orange-100: #fdf2edff;
    --v2-orange-200: #ffe7dcff;
    --v2-orange-300: #ffd8c6ff;
    --v2-orange-400: #ffc1a4ff;
    --v2-orange-500: #ffa478ff;
    --v2-orange-600: #ff8648ff;
    --v2-orange-700: #ee7330ff;
    --v2-orange-800: #d16427ff;
    --v2-orange-900: #b35624ff;
    --v2-orange-1000: #954c27ff;
    --v2-orange-1100: #723d22ff;
    --v2-orange-1200: #5a2c14ff;

    /* ── Yellow ── */
    --v2-yellow-100: #fefaecff;
    --v2-yellow-200: #fcefd0ff;
    --v2-yellow-300: #f7e5b5ff;
    --v2-yellow-400: #f3da9bff;
    --v2-yellow-500: #f2cf76ff;
    --v2-yellow-600: #f6c251ff;
    --v2-yellow-700: #e7af36ff;
    --v2-yellow-800: #cb9f34ff;
    --v2-yellow-900: #ac8833ff;
    --v2-yellow-1000: #8e7231ff;
    --v2-yellow-1100: #68552bff;
    --v2-yellow-1200: #4b4025ff;

    /* ── Green ── */
    --v2-green-100: #e7f9eaff;
    --v2-green-200: #d0f0d5ff;
    --v2-green-300: #b8e9c1ff;
    --v2-green-400: #96e3a6ff;
    --v2-green-500: #6bd586ff;
    --v2-green-600: #49c970ff;
    --v2-green-700: #2eaf5aff;
    --v2-green-800: #198b43ff;
    --v2-green-900: #1d783cff;
    --v2-green-1000: #196130ff;
    --v2-green-1100: #164c26ff;
    --v2-green-1200: #14361dff;

    /* ── Cyan ── */
    --v2-cyan-100: #e2f7fbff;
    --v2-cyan-200: #c4edf4ff;
    --v2-cyan-300: #a3e4efff;
    --v2-cyan-400: #65d9ebff;
    --v2-cyan-500: #00c5dfff;
    --v2-cyan-600: #00abcfff;
    --v2-cyan-700: #0096b8ff;
    --v2-cyan-800: #007d9bff;
    --v2-cyan-900: #006c85ff;
    --v2-cyan-1000: #005a6eff;
    --v2-cyan-1100: #004756ff;
    --v2-cyan-1200: #00353fff;

    /* ── Blue ── */
    --v2-blue-100: #f5f8ffff;
    --v2-blue-200: #ecf1feff;
    --v2-blue-300: #c3d4fdff;
    --v2-blue-400: #a2bcffff;
    --v2-blue-500: #7698fdff;
    --v2-blue-600: #3b5cf6ff;
    --v2-blue-700: #0b34f4ff;
    --v2-blue-800: #3250dfff;
    --v2-blue-900: #2c47c8ff;
    --v2-blue-1000: #263fa9ff;
    --v2-blue-1100: #22388fff;
    --v2-blue-1200: #021945ff;

    /* ── Purple ── */
    --v2-purple-100: #ebecfeff;
    --v2-purple-200: #d5d5fcff;
    --v2-purple-300: #b9b8f5ff;
    --v2-purple-400: #9e99f7ff;
    --v2-purple-500: #8271f8ff;
    --v2-purple-600: #7152f4ff;
    --v2-purple-700: #623be2ff;
    --v2-purple-800: #5230c2ff;
    --v2-purple-900: #442aa1ff;
    --v2-purple-1000: #361f83ff;
    --v2-purple-1100: #2b1b6aff;
    --v2-purple-1200: #221358ff;

    /* ── Pink ── */
    --v2-pink-100: #fdecf3ff;
    --v2-pink-200: #f7d5e4ff;
    --v2-pink-300: #fabcd8ff;
    --v2-pink-400: #f799c6ff;
    --v2-pink-500: #f26cb2ff;
    --v2-pink-600: #f64aabff;
    --v2-pink-700: #e4429eff;
    --v2-pink-800: #c83d8bff;
    --v2-pink-900: #aa3576ff;
    --v2-pink-1000: #8c2d61ff;
    --v2-pink-1100: #6f284fff;
    --v2-pink-1200: #5c1d3fff;
  }
}

:root[data-color-scheme="light"]{color-scheme:light;--v2-grey-50:#ffffffff;--v2-grey-100:#fafafaff;--v2-grey-200:#f2f2f2ff;--v2-grey-300:#eeeeeeff;--v2-grey-400:#dbdbdbff;--v2-grey-500:#aeaeaeff;--v2-grey-600:#808080ff;--v2-grey-700:#5c5c5cff;--v2-grey-800:#3a3a3aff;--v2-grey-900:#2e2e2eff;--v2-grey-1000:#242424ff;--v2-grey-1100:#161616ff;--v2-grey-1200:#080808ff;--v2-red-100:#fcecebff;--v2-red-200:#f6d5d3ff;--v2-red-300:#f2bbb7ff;--v2-red-400:#f29b96ff;--v2-red-500:#f17471ff;--v2-red-600:#f1484fff;--v2-red-700:#d92e3cff;--v2-red-800:#b82d35ff;--v2-red-900:#97252bff;--v2-red-1000:#7a1f23ff;--v2-red-1100:#5f1a1cff;--v2-red-1200:#461516ff;--v2-orange-100:#fdf2edff;--v2-orange-200:#ffe7dcff;--v2-orange-300:#ffd8c6ff;--v2-orange-400:#ffc1a4ff;--v2-orange-500:#ffa478ff;--v2-orange-600:#ff8648ff;--v2-orange-700:#ee7330ff;--v2-orange-800:#d16427ff;--v2-orange-900:#b35624ff;--v2-orange-1000:#954c27ff;--v2-orange-1100:#723d22ff;--v2-orange-1200:#5a2c14ff;--v2-yellow-100:#fefaecff;--v2-yellow-200:#fcefd0ff;--v2-yellow-300:#f7e5b5ff;--v2-yellow-400:#f3da9bff;--v2-yellow-500:#f2cf76ff;--v2-yellow-600:#f6c251ff;--v2-yellow-700:#e7af36ff;--v2-yellow-800:#cb9f34ff;--v2-yellow-900:#ac8833ff;--v2-yellow-1000:#8e7231ff;--v2-yellow-1100:#68552bff;--v2-yellow-1200:#4b4025ff;--v2-green-100:#e7f9eaff;--v2-green-200:#d0f0d5ff;--v2-green-300:#b8e9c1ff;--v2-green-400:#96e3a6ff;--v2-green-500:#6bd586ff;--v2-green-600:#49c970ff;--v2-green-700:#2eaf5aff;--v2-green-800:#198b43ff;--v2-green-900:#1d783cff;--v2-green-1000:#196130ff;--v2-green-1100:#164c26ff;--v2-green-1200:#14361dff;--v2-cyan-100:#e2f7fbff;--v2-cyan-200:#c4edf4ff;--v2-cyan-300:#a3e4efff;--v2-cyan-400:#65d9ebff;--v2-cyan-500:#00c5dfff;--v2-cyan-600:#00abcfff;--v2-cyan-700:#0096b8ff;--v2-cyan-800:#007d9bff;--v2-cyan-900:#006c85ff;--v2-cyan-1000:#005a6eff;--v2-cyan-1100:#004756ff;--v2-cyan-1200:#00353fff;--v2-blue-100:#f5f8ffff;--v2-blue-200:#ecf1feff;--v2-blue-300:#c3d4fdff;--v2-blue-400:#a2bcffff;--v2-blue-500:#7698fdff;--v2-blue-600:#3b5cf6ff;--v2-blue-700:#0b34f4ff;--v2-blue-800:#3250dfff;--v2-blue-900:#2c47c8ff;--v2-blue-1000:#263fa9ff;--v2-blue-1100:#22388fff;--v2-blue-1200:#021945ff;--v2-purple-100:#ebecfeff;--v2-purple-200:#d5d5fcff;--v2-purple-300:#b9b8f5ff;--v2-purple-400:#9e99f7ff;--v2-purple-500:#8271f8ff;--v2-purple-600:#7152f4ff;--v2-purple-700:#623be2ff;--v2-purple-800:#5230c2ff;--v2-purple-900:#442aa1ff;--v2-purple-1000:#361f83ff;--v2-purple-1100:#2b1b6aff;--v2-purple-1200:#221358ff;--v2-pink-100:#fdecf3ff;--v2-pink-200:#f7d5e4ff;--v2-pink-300:#fabcd8ff;--v2-pink-400:#f799c6ff;--v2-pink-500:#f26cb2ff;--v2-pink-600:#f64aabff;--v2-pink-700:#e4429eff;--v2-pink-800:#c83d8bff;--v2-pink-900:#aa3576ff;--v2-pink-1000:#8c2d61ff;--v2-pink-1100:#6f284fff;--v2-pink-1200:#5c1d3fff;--v2-background-bg-base:var(--v2-grey-50);--v2-background-bg-deep:var(--v2-grey-100);--v2-background-bg-layer-01:var(--v2-grey-100);--v2-background-bg-layer-02:var(--v2-grey-200);--v2-background-bg-layer-03:var(--v2-grey-300);--v2-background-bg-layer-04:var(--v2-grey-400);--v2-background-bg-inverse:var(--v2-grey-1100);--v2-background-bg-contrast:var(--v2-grey-1000);--v2-background-bg-icon-button-contrast:var(--v2-background-bg-contrast);--v2-background-bg-button-neutral:var(--v2-grey-50);--v2-background-bg-accent:var(--v2-blue-600);--v2-background-bg-code-path:var(--v2-cyan-100);--v2-text-text-base:var(--v2-grey-1100);--v2-text-text-muted:var(--v2-grey-700);--v2-text-text-faint:var(--v2-grey-600);--v2-text-text-inverse:var(--v2-grey-50);--v2-text-text-contrast:var(--v2-grey-50);--v2-text-text-accent:var(--v2-blue-600);--v2-text-text-accent-hover:var(--v2-blue-700);--v2-text-text-code-accent:var(--v2-blue-900);--v2-text-text-code-path:var(--v2-blue-900);--v2-icon-icon-base:var(--v2-grey-800);--v2-icon-icon-muted:var(--v2-grey-600);--v2-icon-icon-faint:var(--v2-grey-500);--v2-icon-icon-inverse:var(--v2-grey-50);--v2-icon-icon-contrast:var(--v2-grey-100);--v2-icon-icon-accent:var(--v2-blue-600);--v2-icon-icon-accent-hover:var(--v2-blue-700);--v2-border-border-muted:var(--v2-alpha-dark-8);--v2-border-border-base:var(--v2-alpha-dark-10);--v2-border-border-strong:var(--v2-alpha-dark-20);--v2-border-border-inverse:var(--v2-grey-1000);--v2-border-border-focus:var(--v2-blue-500);--v2-overlay-simple-overlay-hover:var(--v2-alpha-dark-4);--v2-overlay-simple-overlay-pressed:var(--v2-alpha-dark-8);--v2-overlay-simple-overlay-contrast-hover:var(--v2-alpha-light-12);--v2-overlay-simple-overlay-contrast-pressed:var(--v2-alpha-light-24);--v2-overlay-simple-overlay-scrim:var(--v2-alpha-dark-40);--v2-overlay-gradient-depth-overlay-depth-top:var(--v2-alpha-light-100);--v2-overlay-gradient-depth-overlay-depth-bot:var(--v2-alpha-light-0);--v2-overlay-simple-tab-active-scrim:#fafafa00;--v2-overlay-simple-tab-hover-scrim:#eeeeee00;--v2-overlay-simple-tab-scrim:#fafafa00;--v2-state-bg-success:var(--v2-green-100);--v2-state-fg-success:var(--v2-green-800);--v2-state-border-success:var(--v2-green-300);--v2-state-bg-warning:var(--v2-yellow-100);--v2-state-fg-warning:var(--v2-yellow-800);--v2-state-border-warning:var(--v2-yellow-300);--v2-state-bg-danger:var(--v2-red-100);--v2-state-fg-danger:var(--v2-red-800);--v2-state-border-danger:var(--v2-red-300);--v2-state-bg-info:var(--v2-blue-200);--v2-state-fg-info:var(--v2-blue-800);--v2-state-border-info:var(--v2-blue-300);--v2-agent-plan-solid:var(--v2-pink-800);--v2-agent-plan-border:rgba(200, 61, 139, 0.2);--v2-agent-plan-background:rgba(253, 236, 243, 0.1);--v2-agent-build-solid:var(--v2-blue-800);--v2-agent-build-border:rgba(44, 71, 200, 0.1);--v2-agent-build-background:rgba(236, 241, 254, 0.1);--v2-agent-explore-solid:var(--v2-yellow-900);--v2-agent-explore-border:rgba(203, 159, 52, 0.2);--v2-agent-explore-background:rgba(254, 250, 236, 0.1);--v2-agent-review-solid:var(--v2-green-800);--v2-agent-writer-solid:var(--v2-purple-700);--v2-avatar-bg-orange:#ee7330ff;--v2-avatar-border-orange:#d16427ff;--v2-avatar-bg-yellow:#e7af36ff;--v2-avatar-border-yellow:#cb9f34ff;--v2-avatar-bg-cyan:#0096b8ff;--v2-avatar-border-cyan:#007d9bff;--v2-avatar-bg-green:#2eaf5aff;--v2-avatar-border-green:#198b43ff;--v2-avatar-bg-red:#d92e3cff;--v2-avatar-border-red:#b82d35ff;--v2-avatar-bg-pink:#e4429eff;--v2-avatar-border-pink:#c83d8bff;--v2-avatar-bg-blue:#3250dfff;--v2-avatar-border-blue:#2c47c8ff;--v2-avatar-bg-purple:#623be2ff;--v2-avatar-border-purple:#5230c2ff;--v2-avatar-bg-gray:#5c5c5cff;--v2-avatar-border-gray:#3a3a3aff;--v2-elevation-raised:0px 2px 4px 0px var(--v2-alpha-dark-4), 0px 1px 2px -1px var(--v2-alpha-dark-8), 0px 0px 0px 0.5px var(--v2-alpha-dark-12), 0px 0px 0px 0px var(--v2-alpha-dark-0);--v2-elevation-floating:0px 8px 16px 0px var(--v2-alpha-dark-4), 0px 4px 8px 0px var(--v2-alpha-dark-8), 0px 0px 0px 0.5px var(--v2-alpha-dark-12), 0px 0px 0px 0px var(--v2-alpha-dark-0);--v2-elevation-overlay:0px 16px 32px 0px var(--v2-alpha-dark-4), 0px 8px 16px 0px var(--v2-alpha-dark-8), 0px 0px 0px 0.5px var(--v2-alpha-dark-12), 0px 0px 0px 0px var(--v2-alpha-dark-0);--v2-elevation-button-neutral:0px 1px 1.5px 0px var(--v2-alpha-dark-10), 0px 0px 0px 0.5px var(--v2-alpha-dark-14), 0px 0px 0px 0px var(--v2-alpha-dark-0);--v2-elevation-button-contrast:0px 1px 1.5px 0px var(--v2-alpha-dark-20), 0px 0px 0px 0.5px var(--v2-grey-800), inset 0px 1px 2px 0px var(--v2-alpha-light-14), inset 0px -1px 2px 0px var(--v2-alpha-dark-6), 0px 0px 0px 0px var(--v2-alpha-dark-0);--v2-elevation-elements:0px 0.5px 0.5px 0px var(--v2-alpha-dark-40);--v2-elevation-switch-off:inset 0px 1px 1px 0px var(--v2-alpha-dark-8), inset 0px 0.5px 0.5px 0px var(--v2-alpha-dark-8), inset 0px 0px 0px 0.5px var(--v2-alpha-dark-10);--v2-elevation-switch-on:inset 0px 2px 2px 0px var(--v2-alpha-dark-10), inset 0px 1px 1px 0px var(--v2-alpha-dark-10), inset 0px 0px 0px 0.5px var(--v2-alpha-dark-20);--v2-illustration-illustration-layer-01:var(--v2-grey-300);--v2-illustration-illustration-layer-02:var(--v2-grey-400);--v2-illustration-illustration-layer-03:var(--v2-grey-500);--v2-font-family-code:var(--font-family-mono);}
:root[data-color-scheme="dark"]{color-scheme:dark;--v2-grey-50:#ffffffff;--v2-grey-100:#fafafaff;--v2-grey-200:#f2f2f2ff;--v2-grey-300:#eeeeeeff;--v2-grey-400:#dbdbdbff;--v2-grey-500:#aeaeaeff;--v2-grey-600:#808080ff;--v2-grey-700:#5c5c5cff;--v2-grey-800:#3a3a3aff;--v2-grey-900:#2e2e2eff;--v2-grey-1000:#242424ff;--v2-grey-1100:#161616ff;--v2-grey-1200:#080808ff;--v2-red-100:#fcecebff;--v2-red-200:#f6d5d3ff;--v2-red-300:#f2bbb7ff;--v2-red-400:#f29b96ff;--v2-red-500:#f17471ff;--v2-red-600:#f1484fff;--v2-red-700:#d92e3cff;--v2-red-800:#b82d35ff;--v2-red-900:#97252bff;--v2-red-1000:#7a1f23ff;--v2-red-1100:#5f1a1cff;--v2-red-1200:#461516ff;--v2-orange-100:#fdf2edff;--v2-orange-200:#ffe7dcff;--v2-orange-300:#ffd8c6ff;--v2-orange-400:#ffc1a4ff;--v2-orange-500:#ffa478ff;--v2-orange-600:#ff8648ff;--v2-orange-700:#ee7330ff;--v2-orange-800:#d16427ff;--v2-orange-900:#b35624ff;--v2-orange-1000:#954c27ff;--v2-orange-1100:#723d22ff;--v2-orange-1200:#5a2c14ff;--v2-yellow-100:#fefaecff;--v2-yellow-200:#fcefd0ff;--v2-yellow-300:#f7e5b5ff;--v2-yellow-400:#f3da9bff;--v2-yellow-500:#f2cf76ff;--v2-yellow-600:#f6c251ff;--v2-yellow-700:#e7af36ff;--v2-yellow-800:#cb9f34ff;--v2-yellow-900:#ac8833ff;--v2-yellow-1000:#8e7231ff;--v2-yellow-1100:#68552bff;--v2-yellow-1200:#4b4025ff;--v2-green-100:#e7f9eaff;--v2-green-200:#d0f0d5ff;--v2-green-300:#b8e9c1ff;--v2-green-400:#96e3a6ff;--v2-green-500:#6bd586ff;--v2-green-600:#49c970ff;--v2-green-700:#2eaf5aff;--v2-green-800:#198b43ff;--v2-green-900:#1d783cff;--v2-green-1000:#196130ff;--v2-green-1100:#164c26ff;--v2-green-1200:#14361dff;--v2-cyan-100:#e2f7fbff;--v2-cyan-200:#c4edf4ff;--v2-cyan-300:#a3e4efff;--v2-cyan-400:#65d9ebff;--v2-cyan-500:#00c5dfff;--v2-cyan-600:#00abcfff;--v2-cyan-700:#0096b8ff;--v2-cyan-800:#007d9bff;--v2-cyan-900:#006c85ff;--v2-cyan-1000:#005a6eff;--v2-cyan-1100:#004756ff;--v2-cyan-1200:#00353fff;--v2-blue-100:#f5f8ffff;--v2-blue-200:#ecf1feff;--v2-blue-300:#c3d4fdff;--v2-blue-400:#a2bcffff;--v2-blue-500:#7698fdff;--v2-blue-600:#3b5cf6ff;--v2-blue-700:#0b34f4ff;--v2-blue-800:#3250dfff;--v2-blue-900:#2c47c8ff;--v2-blue-1000:#263fa9ff;--v2-blue-1100:#22388fff;--v2-blue-1200:#021945ff;--v2-purple-100:#ebecfeff;--v2-purple-200:#d5d5fcff;--v2-purple-300:#b9b8f5ff;--v2-purple-400:#9e99f7ff;--v2-purple-500:#8271f8ff;--v2-purple-600:#7152f4ff;--v2-purple-700:#623be2ff;--v2-purple-800:#5230c2ff;--v2-purple-900:#442aa1ff;--v2-purple-1000:#361f83ff;--v2-purple-1100:#2b1b6aff;--v2-purple-1200:#221358ff;--v2-pink-100:#fdecf3ff;--v2-pink-200:#f7d5e4ff;--v2-pink-300:#fabcd8ff;--v2-pink-400:#f799c6ff;--v2-pink-500:#f26cb2ff;--v2-pink-600:#f64aabff;--v2-pink-700:#e4429eff;--v2-pink-800:#c83d8bff;--v2-pink-900:#aa3576ff;--v2-pink-1000:#8c2d61ff;--v2-pink-1100:#6f284fff;--v2-pink-1200:#5c1d3fff;--v2-background-bg-base:var(--v2-grey-1100);--v2-background-bg-deep:var(--v2-grey-1200);--v2-background-bg-layer-01:var(--v2-grey-1000);--v2-background-bg-layer-02:var(--v2-grey-900);--v2-background-bg-layer-03:var(--v2-grey-800);--v2-background-bg-layer-04:var(--v2-grey-700);--v2-background-bg-inverse:var(--v2-grey-50);--v2-background-bg-contrast:var(--v2-grey-700);--v2-background-bg-icon-button-contrast:var(--v2-grey-400);--v2-background-bg-button-neutral:var(--v2-alpha-light-6);--v2-background-bg-accent:var(--v2-blue-600);--v2-background-bg-code-path:var(--v2-cyan-1200);--v2-text-text-base:var(--v2-grey-100);--v2-text-text-muted:var(--v2-grey-500);--v2-text-text-faint:var(--v2-grey-600);--v2-text-text-inverse:var(--v2-grey-1100);--v2-text-text-contrast:var(--v2-grey-50);--v2-text-text-accent:var(--v2-blue-400);--v2-text-text-accent-hover:var(--v2-blue-300);--v2-text-text-code-accent:var(--v2-blue-400);--v2-text-text-code-path:var(--v2-blue-300);--v2-icon-icon-base:var(--v2-grey-400);--v2-icon-icon-muted:var(--v2-grey-600);--v2-icon-icon-faint:var(--v2-grey-500);--v2-icon-icon-inverse:var(--v2-grey-1100);--v2-icon-icon-contrast:var(--v2-grey-100);--v2-icon-icon-accent:var(--v2-blue-400);--v2-icon-icon-accent-hover:var(--v2-blue-300);--v2-border-border-muted:var(--v2-alpha-light-8);--v2-border-border-base:var(--v2-alpha-light-10);--v2-border-border-strong:var(--v2-alpha-light-20);--v2-border-border-inverse:var(--v2-grey-100);--v2-border-border-focus:var(--v2-blue-500);--v2-overlay-simple-overlay-hover:var(--v2-alpha-light-6);--v2-overlay-simple-overlay-pressed:var(--v2-alpha-light-10);--v2-overlay-simple-overlay-contrast-hover:var(--v2-alpha-dark-24);--v2-overlay-simple-overlay-contrast-pressed:var(--v2-alpha-dark-40);--v2-overlay-simple-overlay-scrim:var(--v2-alpha-dark-60);--v2-overlay-gradient-depth-overlay-depth-top:var(--v2-alpha-light-100);--v2-overlay-gradient-depth-overlay-depth-bot:var(--v2-alpha-light-0);--v2-overlay-simple-tab-active-scrim:#24242400;--v2-overlay-simple-tab-hover-scrim:#3a3a3a00;--v2-overlay-simple-tab-scrim:#08080800;--v2-state-bg-success:var(--v2-green-1200);--v2-state-fg-success:var(--v2-green-500);--v2-state-border-success:var(--v2-green-900);--v2-state-bg-warning:var(--v2-yellow-1200);--v2-state-fg-warning:var(--v2-yellow-500);--v2-state-border-warning:var(--v2-yellow-900);--v2-state-bg-danger:var(--v2-red-1200);--v2-state-fg-danger:var(--v2-red-500);--v2-state-border-danger:var(--v2-red-900);--v2-state-bg-info:var(--v2-blue-1200);--v2-state-fg-info:var(--v2-blue-500);--v2-state-border-info:var(--v2-blue-900);--v2-agent-plan-solid:var(--v2-pink-400);--v2-agent-plan-border:rgba(247, 153, 198, 0.2);--v2-agent-plan-background:rgba(170, 53, 118, 0.05);--v2-agent-build-solid:var(--v2-blue-300);--v2-agent-build-border:rgba(162, 188, 255, 0.2);--v2-agent-build-background:rgba(38, 63, 169, 0.05);--v2-agent-explore-solid:var(--v2-yellow-300);--v2-agent-explore-border:rgba(243, 218, 155, 0.2);--v2-agent-explore-background:rgba(172, 136, 51, 0.05);--v2-agent-review-solid:var(--v2-green-300);--v2-agent-writer-solid:var(--v2-purple-400);--v2-avatar-bg-orange:#723d22ff;--v2-avatar-border-orange:#ff8648ff;--v2-avatar-bg-yellow:#68552bff;--v2-avatar-border-yellow:#e7af36ff;--v2-avatar-bg-cyan:#005a6eff;--v2-avatar-border-cyan:#0096b8ff;--v2-avatar-bg-green:#196130ff;--v2-avatar-border-green:#49c970ff;--v2-avatar-bg-red:#7a1f23ff;--v2-avatar-border-red:#d92e3cff;--v2-avatar-bg-pink:#8c2d61ff;--v2-avatar-border-pink:#e4429eff;--v2-avatar-bg-blue:#263fa9ff;--v2-avatar-border-blue:#7698fdff;--v2-avatar-bg-purple:#361f83ff;--v2-avatar-border-purple:#7152f4ff;--v2-avatar-bg-gray:#5c5c5cff;--v2-avatar-border-gray:#aeaeaeff;--v2-elevation-raised:0px 2px 4px 0px var(--v2-alpha-dark-30), 0px 1px 2px 0px var(--v2-alpha-dark-30), 0px 0px 0px 0.5px var(--v2-alpha-light-16), 0px -0.5px 0px 0px var(--v2-alpha-light-6);--v2-elevation-floating:0px 8px 16px 0px var(--v2-alpha-dark-30), 0px 4px 8px 0px var(--v2-alpha-dark-30), 0px 0px 0px 0.5px var(--v2-alpha-light-16), 0px -0.5px 0px 0px var(--v2-alpha-light-6);--v2-elevation-overlay:0px 16px 32px 0px var(--v2-alpha-dark-30), 0px 8px 16px 0px var(--v2-alpha-dark-30), 0px 0px 0px 0.5px var(--v2-alpha-light-16), 0px -0.5px 0px 0px var(--v2-alpha-light-6);--v2-elevation-button-neutral:0px 1px 2px 0px var(--v2-alpha-dark-40), 0px 0px 0px 0.5px var(--v2-alpha-light-20), 0px -0.5px 0px 0px var(--v2-alpha-light-10);--v2-elevation-button-contrast:0px 1px 2px 0px var(--v2-alpha-dark-40), 0px 0px 0px 0.5px var(--v2-alpha-light-40), inset 0px 0px 0px 0px var(--v2-alpha-light-0), inset 0px 0px 0px 0px var(--v2-alpha-light-0), 0px -0.5px 0px 0px var(--v2-alpha-light-30);--v2-elevation-elements:0px 0.5px 0.5px 0px var(--v2-alpha-dark-40);--v2-elevation-switch-off:inset 0px -0.5px 0px 0px var(--v2-alpha-light-10), inset 0px 0px 0px 0px var(--v2-alpha-light-0), inset 0px 0px 0px 0.5px var(--v2-alpha-light-16);--v2-elevation-switch-on:inset 0px -0.5px 0px 0px var(--v2-alpha-light-10), inset 0px 0px 0px 0px var(--v2-alpha-light-0), inset 0px 0px 0px 0.5px var(--v2-alpha-light-16);--v2-illustration-illustration-layer-01:var(--v2-grey-900);--v2-illustration-illustration-layer-02:var(--v2-grey-800);--v2-illustration-illustration-layer-03:var(--v2-grey-700);}
@font-face {
  font-family: Inter;
  src: url("./Inter.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url("./IBMPlexMono-Text.woff2") format("woff2");
  font-weight: 440;
  font-display: swap;
}
:root {
  --font-family-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-family-mono: "IBM Plex Mono", ui-monospace, monospace;
  --line-height-compact: 16px;
  --line-height-base: 20px;
  --reading-line: 28px;
  --reading-width: 640px;
}
* { box-sizing: border-box; -webkit-font-smoothing: antialiased; }
html { background: var(--v2-background-bg-deep); color: var(--v2-text-text-base); -webkit-text-size-adjust: 100%; scroll-padding-top: 24px; }
body { margin: 0; font: 400 17px/var(--reading-line) var(--font-family-sans); font-kerning: normal; font-variant-ligatures: common-ligatures; }
header, .page-panel, footer { width: calc(100% - 32px); max-width: 1056px; margin-inline: auto; }
header { min-height: 76px; padding-block: max(16px, env(safe-area-inset-top)) 16px; display: flex; justify-content: space-between; gap: 16px; align-items: center; }
.brand { display: inline-flex; align-items: center; gap: 18px; min-width: 0; color: var(--v2-text-text-base); text-decoration: none; }
.wordmark { width: 116px; height: auto; display: block; flex: none; }
.brand-label { font-size: 13px; line-height: var(--line-height-base); color: var(--v2-text-text-muted); border-left: 1px solid var(--v2-border-border-strong); padding-left: 18px; }
.scheme-picker { display: inline-flex; flex: none; gap: 2px; padding: 3px; border-radius: 8px; background: var(--v2-background-bg-layer-01); }
.scheme-picker button { border: 0; border-radius: 6px; background: transparent; color: var(--v2-text-text-muted); padding: 0 10px; min-height: 38px; font: 530 12px/var(--line-height-base) var(--font-family-sans); cursor: pointer; }
.scheme-picker button[aria-pressed="true"] { background: var(--v2-background-bg-button-neutral); color: var(--v2-text-text-base); box-shadow: var(--v2-elevation-button-neutral); }
.page-panel { padding: 48px 56px 40px; border: 1px solid var(--v2-border-border-muted); border-radius: 12px; background: var(--v2-background-bg-base); }
.release-meta { display: flex; align-items: center; gap: 12px; width: 100%; max-width: var(--reading-width); margin: 0 auto 24px; color: var(--v2-text-text-muted); font: 440 11px/var(--line-height-compact) var(--font-family-mono); }
.draft-badge { padding: 3px 7px; border-radius: 4px; background: var(--v2-background-bg-layer-01); color: var(--v2-text-text-muted); font: 530 11px/var(--line-height-compact) var(--font-family-sans); }
h1 { margin: 0 auto 12px; max-width: var(--reading-width); font-size: clamp(32px, 4.5vw, 40px); font-weight: 530; line-height: 1.2; letter-spacing: -1px; text-wrap: balance; }
.product-platform { display: block; }
h2 { max-width: var(--reading-width); font-size: 20px; line-height: 28px; font-weight: 400; letter-spacing: -.32px; color: var(--v2-text-text-muted); margin: 0 auto 32px; }
h3 { max-width: var(--reading-width); font-size: 22px; line-height: 28px; font-weight: 530; letter-spacing: -.4px; margin: 48px auto 16px; text-wrap: balance; }
p, ul { max-width: var(--reading-width); margin-inline: auto; }
p { margin-block: 16px; text-wrap: pretty; orphans: 3; widows: 3; }
.article p { hyphens: auto; hyphenate-limit-chars: 7 3 3; hyphenate-limit-lines: 2; }
ul { padding-left: 22px; }
li { margin: 8px 0; padding-left: 2px; }
strong { font-weight: 570; }
a { color: var(--v2-text-text-accent); text-underline-offset: 4px; }
a:hover { color: var(--v2-text-text-accent-hover); }
:is(a, button, .table-scroll):focus-visible { outline: 2px solid var(--v2-border-border-focus); outline-offset: 3px; }
figure { margin: 24px 0 28px; min-width: 0; border: 1px solid var(--v2-border-border-muted); border-radius: 12px; background: var(--v2-background-bg-layer-01); box-shadow: var(--v2-elevation-raised); }
video { display: block; width: calc(100% - 16px); height: auto; max-width: 100%; margin: 8px; border-radius: 6px; background: var(--v2-grey-1100); }
.demo-actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 2px 12px 0; }
.demo-actions a, .demo-play { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; padding: 0 12px; border-radius: 6px; font: 530 13px/var(--line-height-base) var(--font-family-sans); letter-spacing: -.04px; }
.demo-play { border: 0; cursor: pointer; color: var(--v2-text-text-base); background: var(--v2-background-bg-button-neutral); box-shadow: var(--v2-elevation-button-neutral); }
.demo-play:hover { background-image: linear-gradient(var(--v2-overlay-simple-overlay-hover), var(--v2-overlay-simple-overlay-hover)); }
.demo-play:active { background-image: linear-gradient(var(--v2-overlay-simple-overlay-pressed), var(--v2-overlay-simple-overlay-pressed)); }
.demo-actions a { text-decoration: none; color: var(--v2-text-text-muted); }
.demo-actions a:hover { color: var(--v2-text-text-base); background: var(--v2-overlay-simple-overlay-hover); }
figcaption { padding: 10px 14px 14px; font-size: 13px; line-height: var(--line-height-base); color: var(--v2-text-text-muted); text-wrap: pretty; }
.mobile-demo { max-width: 390px; margin-inline: auto; }
footer { padding: 20px 24px max(28px, env(safe-area-inset-bottom)); font-size: 13px; line-height: var(--line-height-base); color: var(--v2-text-text-muted); }
footer p { max-width: 900px; }
.editorial-links { display: flex; flex-wrap: wrap; gap: 0 20px; }
.editorial-links a { display: inline-flex; align-items: center; min-height: 44px; color: var(--v2-text-text-muted); }
.editorial-links a:hover { color: var(--v2-text-text-base); }
code { font-family: var(--font-family-mono); font-size: .85em; overflow-wrap: anywhere; }
.table-scroll { overflow: auto; max-width: 100%; margin-block: 24px; }
table { border-collapse: collapse; width: 100%; font-size: 14px; line-height: 24px; text-align: left; }
th, td { border-bottom: 1px solid var(--v2-border-border-muted); padding: 12px; vertical-align: top; min-width: 180px; }
th { font-weight: 530; }
td:last-child { min-width: 240px; }
.reference h1 { font-size: clamp(28px, 4vw, 36px); overflow-wrap: anywhere; }
.reference h2 { font-size: 22px; color: var(--v2-text-text-base); font-weight: 530; margin: 36px 0 16px; }
.reference p, .reference li { overflow-wrap: anywhere; }
.reference .release-meta, .reference h1, .reference h2, .reference h3, .reference p, .reference ul { max-width: none; }
@media print {
  html, body, .page-panel { background: white !important; color: #161616 !important; }
  html { color-scheme: light !important; }
  header, .scheme-picker, .demo-actions, footer { display: none; }
  .page-panel { border: 0; padding: 0; width: 100%; }
  h1, h2, h3 { break-after: avoid; color: #161616 !important; }
  figure { break-inside: avoid; box-shadow: none; }
  figcaption { color: #5c5c5c; }
  body { font-size: 11pt; line-height: 16pt; }
}
@media(max-width: 600px) {
  body { font-size: 17px; }
  header, .page-panel, footer { width: calc(100% - 16px); }
  header { padding: max(10px, env(safe-area-inset-top)) 8px 10px; min-height: 66px; gap: 8px; }
  .brand { gap: 10px; }
  .wordmark { width: 92px; }
  .brand-label { font-size: 12px; padding-left: 10px; }
  .scheme-picker { padding: 2px; gap: 0; }
  .scheme-picker button { min-height: 44px; padding-inline: 8px; }
  .page-panel { padding: 28px 20px; border-radius: 10px; }
  .release-meta { margin-bottom: 20px; }
  h1 { font-size: clamp(28px, 8vw, 36px); letter-spacing: -.8px; }
  h2 { font-size: 18px; margin-bottom: 28px; }
  h3 { font-size: 21px; line-height: 28px; margin-top: 40px; }
  figure { margin-inline: -8px; margin-top: 22px; border-radius: 10px; }
  .mobile-demo { margin-inline: auto; }
  .demo-actions { padding-inline: 8px; }
  .demo-actions a, .demo-play { padding-inline: 10px; }
  figcaption { padding: 10px 12px 12px; }
  .editorial-links { display: grid; }
  footer { padding-inline: 20px; }
}
@media(prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

.reading-prompts { max-width: var(--reading-width); margin: 28px auto 40px; display: grid; gap: 8px; }
.reading-prompts .thread-label { color: var(--v2-text-text-muted); font: 440 11px/var(--line-height-compact) var(--font-family-mono); margin-bottom: 4px; }
.reading-prompts a { justify-self: end; display: flex; align-items: center; gap: 16px; max-width: 100%; min-height: 44px; padding: 10px 14px; border-radius: 8px; background: var(--v2-blue-200); color: var(--v2-text-text-code-accent); font: 400 14px/var(--line-height-base) var(--font-family-sans); text-decoration: none; }
[data-color-scheme="dark"] .reading-prompts a { background: var(--v2-blue-1200); color: var(--v2-text-text-base); }
.reading-prompts a:hover { box-shadow: inset 0 0 0 1px var(--v2-border-border-focus); }
.reading-prompts a span { flex: none; color: var(--v2-icon-icon-accent); }
.component-embed { margin: 28px 0 12px; overflow: hidden; border: 1px solid var(--v2-border-border-base); border-radius: 12px; background: var(--v2-background-bg-deep); }
.component-embed-heading { display: flex; justify-content: space-between; gap: 16px; padding: 12px 16px; color: var(--v2-text-text-muted); background: var(--v2-background-bg-layer-01); border-bottom: 1px solid var(--v2-border-border-muted); font: 440 11px/var(--line-height-compact) var(--font-family-mono); }
.component-embed iframe { width: 100%; height: 620px; display: block; border: 0; }
.component-embed[data-scene="timeline"] iframe { height: 760px; }
.component-embed[data-scene="search"] iframe { height: 600px; }
.component-embed > .demo-actions { padding: 8px 12px; background: var(--v2-background-bg-layer-01); border-top: 1px solid var(--v2-border-border-muted); }
.recorded-demo { max-width: var(--reading-width); margin: 0 auto 28px; }
.recorded-demo > summary { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 4px 2px; font-size: 13px; line-height: var(--line-height-base); color: var(--v2-text-text-muted); cursor: pointer; list-style: none; }
.recorded-demo > summary::-webkit-details-marker { display: none; }
.recorded-demo > summary::before { content: "›"; display: inline-block; font-size: 18px; }
.recorded-demo[open] > summary::before { transform: rotate(90deg); }
.recorded-demo > summary span { margin-left: auto; font: 440 10px/var(--line-height-compact) var(--font-family-mono); color: var(--v2-text-text-faint); }
.recorded-demo > summary:focus-visible { outline: 2px solid var(--v2-border-border-focus); outline-offset: 3px; border-radius: 4px; }
.recorded-demo > figure { margin-top: 8px; }
@media(max-width: 600px) {
  .component-embed { margin-inline: -12px; border-radius: 8px; }
  .component-embed-heading { padding: 10px 12px; gap: 8px; font-size: 10px; }
  .component-embed iframe { height: 600px; }
  .component-embed[data-scene="timeline"] iframe { height: 740px; }
  .component-embed[data-scene="search"] iframe { height: 620px; }
}
@media print { .component-embed, .reading-prompts { display: none; } }