@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/ueca-react-website-public/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2) format("woff2"),url(/ueca-react-website-public/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:italic;font-display:swap;font-weight:400;src:url(/ueca-react-website-public/assets/ibm-plex-sans-latin-400-italic-CZTNEAuW.woff2) format("woff2"),url(/ueca-react-website-public/assets/ibm-plex-sans-latin-400-italic-CsGl1sm0.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/ueca-react-website-public/assets/ibm-plex-sans-latin-500-normal-6ng42L7E.woff2) format("woff2"),url(/ueca-react-website-public/assets/ibm-plex-sans-latin-500-normal-BgVn5rGT.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/ueca-react-website-public/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2) format("woff2"),url(/ueca-react-website-public/assets/ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff) format("woff")}@font-face{font-family:IBM Plex Sans Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/ueca-react-website-public/assets/ibm-plex-sans-condensed-latin-600-normal-CRd5VyFf.woff2) format("woff2"),url(/ueca-react-website-public/assets/ibm-plex-sans-condensed-latin-600-normal-6XnkKYvF.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/ueca-react-website-public/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/ueca-react-website-public/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/ueca-react-website-public/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2"),url(/ueca-react-website-public/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/ueca-react-website-public/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2) format("woff2"),url(/ueca-react-website-public/assets/ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff) format("woff")}:root{--font-display: "IBM Plex Sans Condensed", "Arial Narrow", "Segoe UI", system-ui, sans-serif;--font-body: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--text-xs: 12px;--text-sm: 13px;--text-md: 15px;--text-base: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: clamp(28px, 3.4vw, 40px);--text-3xl: clamp(36px, 5vw, 58px);--text-hero: clamp(40px, 6.2vw, 74px);--leading-tight: 1.05;--leading-snug: 1.3;--leading-body: 1.6;--measure: 68ch;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--page-max: 1440px;--gutter: clamp(16px, 4vw, 40px);--frame-pad: clamp(16px, 3vw, 40px);--topbar-h: 60px;--section-nav-h: 54px;--rail-w: clamp(270px, 21vw, 320px);--ease: cubic-bezier(.2, 0, 0, 1);--motion: .18s;--motion-slow: .32s;--z-bar: 50;--z-xray: 60;--z-tooltip: 80;--z-skip: 100}@media(prefers-reduced-motion:reduce){:root{--motion: 0ms;--motion-slow: 0ms}}:root,:root[data-theme=dark]{color-scheme:dark;--ground: #0b1016;--sheet: #111922;--inset: #0e151d;--ink: #dce4ec;--ink-2: #93a3b4;--line: #212d39;--line-strong: #34414f;--accent: #5aa9dc;--accent-hover: #7dc0ea;--on-accent: #07121b;--marker: #e8b33c;--marker-wash: rgb(232 179 60 / .1);--part-props: #4a8ab4;--part-methods: #f4bd21;--part-events: #f58662;--part-children: #7bb489;--shadow: 0 1px 2px rgb(0 0 0 / .4), 0 10px 30px rgb(0 0 0 / .35);--syn-keyword: #c79be8;--syn-type: #6fb8e6;--syn-string: #8fcb9d;--syn-function: #f29b6e;--syn-comment: #8392a1;--syn-constant: #f06fa0;--syn-punctuation: #93a3b4}:root[data-theme=light]{color-scheme:light;--ground: #f3f5f8;--sheet: #ffffff;--inset: #edf1f5;--ink: #111b26;--ink-2: #536172;--line: #d8dfe6;--line-strong: #bcc6d0;--accent: #1c5c8c;--accent-hover: #164a72;--on-accent: #ffffff;--marker: #8f600c;--marker-wash: rgb(143 96 12 / .08);--part-props: #226890;--part-methods: #8f6a00;--part-events: #c4522d;--part-children: #357a48;--shadow: 0 1px 2px rgb(17 27 38 / .05), 0 10px 30px rgb(17 27 38 / .06);--syn-keyword: #7a3e9d;--syn-type: #1c5c8c;--syn-string: #2b7349;--syn-function: #9a4a1c;--syn-comment: #5c6876;--syn-constant: #a3105a;--syn-punctuation: #536172}:root{--shiki-foreground: var(--ink);--shiki-background: var(--inset);--shiki-token-keyword: var(--syn-keyword);--shiki-token-constant: var(--syn-constant);--shiki-token-string: var(--syn-string);--shiki-token-string-expression: var(--syn-string);--shiki-token-comment: var(--syn-comment);--shiki-token-function: var(--syn-function);--shiki-token-parameter: var(--ink);--shiki-token-punctuation: var(--syn-punctuation);--shiki-token-link: var(--accent)}*,*:before,*:after{box-sizing:border-box}html{background:var(--ground);color:var(--ink);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg,video{max-width:100%}img{display:block;height:auto}a{color:var(--accent);text-underline-offset:3px}a:hover{color:var(--accent-hover)}code,kbd,pre{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}[id]{scroll-margin-top:calc(var(--topbar-h) + var(--sticky-h, 0px) + var(--space-5))}.screen:has(>.section-nav){--sticky-h: var(--section-nav-h)}::selection{background:color-mix(in srgb,var(--accent) 24%,transparent)}.contents{display:contents}.wrap{width:100%;max-width:var(--page-max);margin-inline:auto;padding-inline:var(--gutter)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.screen{display:flex;flex-direction:column;gap:var(--space-8);padding-block:var(--space-8) var(--space-9)}@container main (max-width: 640px){.screen{gap:var(--space-7);padding-block:var(--space-6) var(--space-8)}}.frame{position:relative;padding:var(--space-7) var(--frame-pad)}.frame-tab{display:none;position:absolute;top:-9px;left:22px;max-width:calc(100% - 44px);padding:0 6px;overflow:hidden;background:var(--ground);color:var(--marker);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;line-height:18px;white-space:nowrap;text-overflow:ellipsis;direction:rtl}.frame-tab-owner{opacity:.62}@container main (max-width: 640px){.frame{padding:var(--space-6) var(--space-4)}.frame-tab{left:14px;max-width:calc(100% - 28px)}}.eyebrow{margin:0 0 var(--space-3);color:var(--ink-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.08em;text-transform:uppercase}.section-title{margin:0;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;line-height:var(--leading-tight);letter-spacing:-.01em;text-wrap:balance}.lede{max-width:60ch;margin:0;color:var(--ink-2);font-size:var(--text-lg)}.muted{color:var(--ink-2)}code.token{padding:.08em .36em;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--inset);color:var(--ink);font-size:.9em;overflow-wrap:anywhere}.link{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-weight:600;text-decoration:none}.link:hover{color:var(--accent-hover);text-decoration:underline}.link .icon{width:14px;height:14px;flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:44px;padding:0 18px;border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-md);font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background var(--motion) var(--ease),border-color var(--motion) var(--ease),color var(--motion) var(--ease)}.btn .icon{width:16px;height:16px}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-hover);color:var(--on-accent)}.btn-quiet{border-color:var(--line);background:var(--sheet);color:var(--ink)}.btn-quiet:hover{border-color:var(--line-strong);color:var(--ink)}.icon{display:block;flex:none}a.icon-button{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:var(--radius-md);color:var(--ink-2)}a.icon-button:hover{color:var(--ink);background:var(--inset)}a.icon-button .icon{width:19px;height:19px}.table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--sheet)}.table{width:100%;border-collapse:collapse;font-size:var(--text-md)}.table th,.table td{padding:12px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table thead th{background:var(--inset);color:var(--ink-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.table tbody tr:last-child th,.table tbody tr:last-child td{border-bottom:0}.table code{font-size:var(--text-sm)}.prose{max-width:var(--measure);font-size:var(--text-base)}.prose h2{margin:var(--space-7) 0 var(--space-3);font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;line-height:var(--leading-snug)}.prose h3{margin:var(--space-5) 0 var(--space-2);font-size:var(--text-lg);font-weight:600}.prose>:first-child{margin-top:0}.prose p,.prose ul,.prose ol{margin:0 0 var(--space-4)}.prose li+li{margin-top:var(--space-2)}.prose code{padding:.08em .34em;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--inset);font-size:.88em;overflow-wrap:anywhere}.prose strong{font-weight:600}:where(:root[data-xray] [id^="app."]:not([id*="-"])){position:relative}:root[data-xray] [id^="app."]:not([id*="-"]):not(.frame):not(.xray-skip){outline:1px dashed color-mix(in srgb,var(--marker) 75%,transparent);outline-offset:2px}:root[data-xray] [id^="app."]:not([id*="-"]):not(.frame):not(.xray-skip):has([id^="app."]:not([id*="-"])):after,:root[data-xray] [id^="app."]:not([id*="-"]):not(.frame):not(.xray-skip):hover:not(:has([id^="app."]:not([id*="-"]):hover)):after{content:attr(id);position:absolute;z-index:5;top:-9px;left:4px;max-width:min(34ch,max(calc(100% - 8px),16ch));padding:0 4px;overflow:hidden;border-radius:3px;background:var(--marker);color:var(--ground);font-family:var(--font-mono);font-size:10.5px;font-style:normal;font-weight:500;letter-spacing:0;line-height:15px;text-align:left;text-decoration:none;text-overflow:ellipsis;text-transform:none;white-space:nowrap;direction:rtl;pointer-events:none;animation:xray-in var(--motion-slow) var(--ease) both}:root[data-xray] [id^="app."]:not([id*="-"]):not(.frame):not(.xray-skip):not(:has([id^="app."]:not([id*="-"]))):hover:after{max-width:34ch;z-index:6}:root[data-xray] .top-bar[id][id][id]:not([id*="-"]):not(.frame):not(.xray-skip):after{top:auto;bottom:-9px;left:auto;right:var(--gutter)}:root[data-xray] .screen[id][id][id][id]:not([id*="-"]):not(.frame):not(.xray-skip):after{top:6px}:root[data-xray] .frame{outline:1px dashed color-mix(in srgb,var(--marker) 45%,transparent);outline-offset:-1px;background:linear-gradient(var(--marker),var(--marker)) left top / 14px 1.5px no-repeat,linear-gradient(var(--marker),var(--marker)) left top / 1.5px 14px no-repeat,linear-gradient(var(--marker),var(--marker)) right top / 14px 1.5px no-repeat,linear-gradient(var(--marker),var(--marker)) right top / 1.5px 14px no-repeat,linear-gradient(var(--marker),var(--marker)) left bottom / 14px 1.5px no-repeat,linear-gradient(var(--marker),var(--marker)) left bottom / 1.5px 14px no-repeat,linear-gradient(var(--marker),var(--marker)) right bottom / 14px 1.5px no-repeat,linear-gradient(var(--marker),var(--marker)) right bottom / 1.5px 14px no-repeat}:root[data-xray] .frame-tab{display:block;animation:xray-in var(--motion-slow) var(--ease) both}:root[data-xray] [id^="app."]:not([id*="-"]):not(.xray-skip):hover:not(:has([id^="app."]:not([id*="-"]):hover)){outline:2px solid var(--marker);outline-offset:2px}@keyframes xray-in{0%{opacity:0}}.icon-button{display:inline-grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--ink-2);cursor:pointer;transition:color var(--motion) var(--ease),background var(--motion) var(--ease)}.icon-button:hover{color:var(--ink);background:var(--inset)}.icon-button .icon{width:19px;height:19px}.copy-button{display:inline-flex;flex:none}.copy-button-control{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:var(--inset);color:var(--ink-2);font:500 var(--text-sm) / 1 var(--font-body);white-space:nowrap;cursor:pointer;transition:color var(--motion) var(--ease),border-color var(--motion) var(--ease)}.copy-button-control:hover{color:var(--ink);border-color:var(--line-strong)}.copy-button-control .icon{width:14px;height:14px}.command-line{display:flex;align-items:center;gap:var(--space-3);max-width:100%;padding:6px 6px 6px var(--space-4);background:var(--sheet);border:1px solid var(--line);border-radius:var(--radius-md)}.command-line-text{flex:1;min-width:0;overflow-x:auto;white-space:nowrap;font-family:var(--font-mono);font-size:var(--text-md);scrollbar-width:thin}.command-line-prompt{margin-right:10px;color:var(--ink-2);-webkit-user-select:none;user-select:none}.code-block{min-width:0;background:var(--sheet);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.code-block-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:44px;padding:6px 6px 6px var(--space-4);border-bottom:1px solid var(--line)}.code-block-file{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-2)}.code-block-body pre{margin:0;padding:var(--space-4) 20px 20px;border-radius:0 0 calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px);overflow-x:auto;font-family:var(--font-mono);font-size:13px;line-height:1.6;tab-size:4;counter-reset:pin;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;background-color:var(--inset)!important}.code-block.has-pins pre{padding-left:46px}.code-block-body code{font-family:inherit}.code-block-body .line{display:inline-block;min-width:100%;position:relative}.code-block.is-wrapped pre{white-space:pre-wrap;overflow-wrap:anywhere}.code-block.is-wrapped .line{padding-left:2ch;text-indent:-2ch}.code-block.has-pins .line.is-pinned,.code-block.has-pins .line.is-pinned-more{background:var(--marker-wash);box-shadow:-8px 0 0 var(--marker-wash)}.code-block.has-pins .line.is-pinned{counter-increment:pin}.code-block.has-pins .line.is-pinned:before{content:counter(pin);position:absolute;left:-30px;top:50%;translate:0 -50%;display:grid;place-items:center;width:18px;height:18px;border:1.5px solid var(--marker);border-radius:50%;color:var(--marker);font-family:var(--font-mono);font-size:10px;font-weight:600;line-height:1}.page-header{display:grid;gap:var(--space-7);align-items:end}.page-header.has-aside{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.page-header-copy{display:flex;flex-direction:column;gap:var(--space-4)}.page-header-copy .eyebrow{margin:0}.page-title{margin:0;font-family:var(--font-display);font-weight:600;font-size:var(--text-3xl);line-height:1;letter-spacing:-.02em;text-wrap:balance}.page-header .lede>p{margin:0}@container main (max-width: 960px){.page-header.has-aside{grid-template-columns:minmax(0,1fr)}}.video-embed{display:flex;flex-direction:column;margin:0;background:var(--sheet);border:1px solid var(--line);border-radius:var(--radius-lg)}.video-embed-frame{position:relative;aspect-ratio:16 / 9;max-width:100%;border-bottom:1px solid var(--line);border-radius:calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px) 0 0;overflow:hidden;background:var(--inset)}.video-embed-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-embed-poster{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:var(--space-3);width:100%;border:0;cursor:pointer;color:var(--ink);background:linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0 / 28px 28px,linear-gradient(0deg,var(--line) 1px,transparent 1px) 0 0 / 28px 28px,linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,var(--inset)),var(--inset))}.video-embed-play{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:var(--sheet);color:var(--ink);box-shadow:var(--shadow);transition:transform var(--motion) var(--ease)}.video-embed-play .icon{width:24px;height:24px;margin-left:4px}.video-embed-poster:hover .video-embed-play{transform:scale(1.06)}.video-embed-cue{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-2)}.video-embed-caption{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:var(--space-4) var(--space-5) var(--space-5)}.video-embed-caption .eyebrow{margin:0}.video-embed-title{font-size:var(--text-lg);font-weight:600;line-height:1.3}.video-embed-summary{color:var(--ink-2);font-size:var(--text-md)}.loop-video{display:block;width:100%;height:auto;background:var(--inset)}.demo-card{display:flex;flex-direction:column;min-width:0;background:var(--sheet);border:1px solid var(--line);border-radius:var(--radius-lg)}.demo-card-shot{width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;object-position:top left;border-bottom:1px solid var(--line);border-radius:calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px) 0 0;background:var(--inset)}.demo-card-body{display:flex;flex-direction:column;gap:6px;flex:1;padding:var(--space-4) var(--space-5) var(--space-5)}.demo-card-title{margin:0;font-size:var(--text-lg);font-weight:600;line-height:1.3}.demo-card-summary{flex:1;margin:0;color:var(--ink-2);font-size:var(--text-md)}.demo-card-links{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);margin-top:var(--space-2)}.model-tree{display:flex;flex-direction:column;min-width:0;background:var(--sheet);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.model-tree-head{display:flex;flex-direction:column;gap:2px;padding:14px 18px 10px;border-bottom:1px solid var(--line)}.model-tree-title{margin:0;font-size:var(--text-md);font-weight:600}.model-tree-hint{margin:0;font-size:var(--text-sm);color:var(--ink-2)}.model-tree-list,.model-tree-list ul{list-style:none;margin:0;padding:0}.model-tree-list{max-height:430px;overflow:auto;overscroll-behavior:contain;padding:8px 8px 10px;font-family:var(--font-mono);font-size:var(--text-sm);scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.model-tree-list ul{margin-left:9px;padding-left:5px;border-left:1px solid var(--line)}.model-tree-row{display:flex;align-items:center;gap:2px;min-height:26px}.model-tree-toggle,.model-tree-toggle-spacer{flex:none;width:20px;height:20px}.model-tree-toggle{display:grid;place-items:center;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-2);cursor:pointer}.model-tree-toggle .icon{width:13px;height:13px;transition:transform var(--motion) var(--ease)}.model-tree-toggle.is-open .icon{transform:rotate(90deg)}.model-tree-toggle:hover{background:var(--inset);color:var(--ink)}.model-tree-name{min-width:0;padding:1px 6px;overflow:hidden;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink);font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.model-tree-name:hover,.model-tree-name:focus-visible,.model-tree-item.is-probed>.model-tree-row .model-tree-name{background:var(--marker-wash);color:var(--marker)}.model-tree-item.is-pointed>.model-tree-row .model-tree-name{background:var(--marker-wash);box-shadow:inset 2px 0 0 var(--marker);color:var(--marker);font-weight:600}.model-tree-meta{flex:none;margin-left:auto;padding-left:var(--space-2);font-size:var(--text-xs);color:var(--ink-2);white-space:nowrap}.model-tree-count{display:inline-block;min-width:20px;padding:0 5px;border-radius:999px;background:var(--inset);text-align:center}.model-tree-item.is-cached>.model-tree-row .model-tree-name{color:var(--ink-2)}.model-tree-foot{margin:0;padding:12px 18px 14px;min-height:64px;border-top:1px solid var(--line);border-radius:0 0 calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px);background:var(--inset);font-size:var(--text-sm);color:var(--ink-2)}.model-tree-foot strong{color:var(--ink);font-family:var(--font-mono);font-weight:500}.model-tree-path{color:var(--marker);font-size:var(--text-sm);overflow-wrap:anywhere}@keyframes model-tree-flash{0%,65%{outline:2px solid var(--marker);outline-offset:4px}to{outline:2px solid transparent;outline-offset:4px}}.section-nav{position:sticky;top:calc(var(--topbar-h) - 1px);z-index:calc(var(--z-bar) - 1);display:flex;align-items:center;gap:var(--space-3);height:var(--section-nav-h);margin-inline:calc(-1 * var(--gutter));padding:0 var(--gutter);background:color-mix(in srgb,var(--ground) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.section-nav-list{display:flex;flex:1;gap:var(--space-2);min-width:0;margin:0;padding:2px 0;overflow-x:auto;list-style:none;scrollbar-width:none}.section-nav-list::-webkit-scrollbar{display:none}.section-nav-link{display:inline-block;padding:5px 12px;border:1px solid var(--line);border-radius:999px;background:var(--sheet);color:var(--ink-2);font-size:var(--text-sm);font-weight:500;text-decoration:none;white-space:nowrap}.section-nav-link:hover{border-color:var(--line-strong);color:var(--ink)}.section-nav-link[aria-current=location]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--sheet));color:var(--ink)}@container main (max-width: 1100px){.section-nav-list{gap:6px}.section-nav-link{padding-inline:8px}}.section-nav-top{display:inline-flex;flex:none;align-items:center;gap:6px;padding:5px 12px 5px 9px;border-radius:999px;color:var(--ink-2);font-size:var(--text-sm);font-weight:600;text-decoration:none;white-space:nowrap;transition:opacity var(--motion) var(--ease),visibility 0s linear var(--motion)}.section-nav-top .icon{width:15px;height:15px}.section-nav-top:hover{background:var(--inset);color:var(--ink)}.section-nav:not(.is-stuck) .section-nav-top{opacity:0;visibility:hidden}.section-nav.is-stuck .section-nav-top{transition:opacity var(--motion) var(--ease),visibility 0s}.diagram{margin:0;min-width:0;padding:var(--space-4);overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--sheet)}.diagram-svg{display:block;width:100%;min-width:560px;height:auto;font-family:var(--font-mono)}.diagram-owner{fill:color-mix(in srgb,var(--marker) 5%,var(--sheet));stroke:color-mix(in srgb,var(--marker) 55%,transparent);stroke-width:1.5;stroke-dasharray:6 6}.diagram-component,.diagram-node{fill:var(--sheet);stroke:var(--line-strong);stroke-width:1.5}.diagram-node-strong{stroke:var(--ink-2)}.diagram-node-service{fill:var(--inset);stroke-dasharray:4 4}.diagram-title{fill:var(--ink);font-family:var(--font-display);font-size:22px;font-weight:600}.diagram-node-text{fill:var(--ink);font-size:14px}.diagram-label{fill:var(--ink);font-size:14px;font-weight:500}.diagram-caption,.diagram-note{fill:var(--ink-2);font-size:12px}.diagram-line{fill:none;stroke:var(--marker);stroke-width:1.75}.diagram-arrowhead{fill:var(--marker)}.diagram-line-bus{fill:none;stroke:var(--accent);stroke-width:1.75;stroke-dasharray:6 5}.diagram-arrowhead-bus{fill:var(--accent)}.diagram-label-bus{fill:var(--accent);font-size:12.5px;font-weight:500}.diagram-bus{fill:color-mix(in srgb,var(--accent) 14%,var(--sheet));stroke:color-mix(in srgb,var(--accent) 55%,transparent);stroke-width:1.5}.diagram-bus-text{fill:var(--ink);font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.diagram-peer{fill:var(--sheet);stroke:var(--line-strong);stroke-width:1.5}.diagram-legend{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);margin-top:var(--space-3);color:var(--ink-2);font-size:var(--text-sm)}.diagram-legend span{display:inline-flex;align-items:center;gap:var(--space-2)}.diagram-key{display:inline-block;width:28px;border-top:2px solid var(--marker)}.diagram-key-bus{border-top:2px dashed var(--accent)}.diagram-key-server{border-top:2px dotted var(--ink-2)}.diagram-note{transition:fill var(--motion) var(--ease)}.mental-model{min-width:0}.mental-model-part{cursor:pointer;outline:none}.mental-model-part.is-props{--part: var(--part-props)}.mental-model-part.is-methods{--part: var(--part-methods)}.mental-model-part.is-events{--part: var(--part-events)}.mental-model-part.is-children{--part: var(--part-children)}.mental-model-part.is-view{--part: var(--ink)}.mental-model-part.is-messages{--part: var(--accent)}.mental-model-hit{fill:transparent;pointer-events:all}.mental-model-body,.mental-model-focus{pointer-events:none}.mental-model-body{transition:opacity var(--motion) var(--ease)}.mental-model.has-active .mental-model-part:not(.is-active) .mental-model-body{opacity:.35}.mental-model-body .diagram-line,.mental-model-body .diagram-line-bus,.mental-model-body .diagram-bus,.mental-model-body .diagram-peer{transition:stroke var(--motion) var(--ease),stroke-width var(--motion) var(--ease)}.mental-model-body .diagram-arrowhead,.mental-model-body .diagram-arrowhead-bus{transition:fill var(--motion) var(--ease)}.mental-model-part.is-active .diagram-line,.mental-model-part.is-active .diagram-line-bus{stroke:var(--part);stroke-width:2.5}.mental-model-part.is-active .diagram-arrowhead,.mental-model-part.is-active .diagram-arrowhead-bus{fill:var(--part)}.mental-model-part.is-active .diagram-label{font-weight:700}.mental-model-part.is-active .diagram-bus,.mental-model-part.is-active .diagram-peer{stroke:var(--part)}.mental-model-pulse{fill:none;stroke:var(--part);stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:10 490;stroke-dashoffset:12;opacity:0}.mental-model-part.is-active .mental-model-pulse{opacity:1;animation:mental-model-pulse 1.6s linear infinite}.mental-model-part.is-active .mental-model-pulse.is-reply{animation-delay:.8s}@keyframes mental-model-pulse{0%{stroke-dashoffset:12}to{stroke-dashoffset:-488}}.mental-model-focus{fill:none;stroke:var(--ink);stroke-width:2;opacity:0}.mental-model-part:focus-visible .mental-model-focus{opacity:1}.mental-model .diagram-note.is-private.is-lit{fill:var(--marker)}.mental-model .diagram-note.is-public.is-lit{fill:var(--accent)}@media(prefers-reduced-motion:reduce){.mental-model-part.is-active .mental-model-pulse{animation:none;opacity:0}}.integration{min-width:0}.integration-part{cursor:pointer;outline:none}.integration-hit{fill:transparent;pointer-events:all}.integration-body,.integration-focus,.integration-ring,.integration-label,.integration-pulse,.integration-lane,.integration-edge,.integration-event,.integration-server-link{pointer-events:none}.integration-body,.integration-lane,.integration-edge,.integration-server-link{transition:opacity var(--motion) var(--ease)}.integration.has-active .integration-box:not(.is-lit) .integration-body,.integration.has-active .integration-lane:not(.is-lit),.integration.has-active .integration-edge:not(.is-lit),.integration.has-active .integration-server-link:not(.is-lit){opacity:.3}.integration-lane.is-lit .diagram-line-bus,.integration-edge.is-lit .diagram-line{stroke-width:2.5}.integration-server{fill:none;stroke:var(--ink-2);stroke-width:1.75;stroke-dasharray:2 5;stroke-linecap:round}.integration-server-head{fill:var(--ink-2)}.integration-server-link.is-lit .integration-server{stroke:var(--ink);stroke-width:2.5}.integration-server-link.is-lit .integration-server-head{fill:var(--ink)}.integration-event{opacity:0;transition:opacity var(--motion) var(--ease)}.integration-event.is-lit{opacity:1}.integration-event-line{fill:none;stroke:var(--part-events);stroke-width:2;stroke-dasharray:2 4;stroke-linecap:round}.integration-event-head,.integration-event .integration-event-label{fill:var(--part-events)}.integration-label{fill:var(--accent);font-size:12.5px;font-weight:600;opacity:0;transition:opacity var(--motion) var(--ease)}.integration-label.is-shown,.integration-event .integration-label{opacity:1}.integration-part.is-bus .diagram-bus{transition:stroke var(--motion) var(--ease)}.integration-part.is-bus.is-active .diagram-bus{stroke:var(--accent);stroke-width:2.5}.integration-box.is-active .diagram-node{stroke:var(--ink);stroke-width:2}.integration-box.is-box-filterpanel .integration-body{transition:opacity var(--motion) var(--ease),transform var(--motion-slow) var(--ease)}.integration-box.is-box-filterpanel.is-open .integration-body{transform:translate(-14px)}.integration-box.is-box-filterpanel.is-open .diagram-node{stroke:var(--accent);stroke-width:2}.integration-ring{fill:none;stroke:var(--accent);stroke-width:2;transform-box:fill-box;transform-origin:center;animation:integration-ring 1.2s var(--ease) both}@keyframes integration-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.18,1.5)}}.integration-pulse{fill:none;stroke:var(--accent);stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:12 100000;stroke-dashoffset:14;animation-name:integration-pulse;animation-timing-function:linear;animation-fill-mode:both}.integration-pulse.is-call{stroke:var(--marker)}.integration-pulse.is-server{stroke:var(--ink)}@keyframes integration-pulse{0%{stroke-dashoffset:14}to{stroke-dashoffset:calc(var(--length) * -1px)}}.integration-focus{fill:none;stroke:var(--ink);stroke-width:2;opacity:0}.integration-part:focus-visible .integration-focus{opacity:1}.integration-note{color:var(--ink-2);font-size:var(--text-sm);line-height:1.55}.integration-note p{margin:0}.integration-note strong{color:var(--ink);font-weight:600}.integration-note code{color:var(--ink);font-size:.95em;overflow-wrap:anywhere}.integration-note .integration-note-title{margin-bottom:var(--space-2)}.integration-steps{display:flex;flex-direction:column;gap:6px;margin:0;padding-left:var(--space-5)}.integration-steps li{padding-left:2px;transition:color var(--motion) var(--ease)}.integration-steps li::marker{color:var(--ink-2);font-family:var(--font-mono);font-size:var(--text-xs)}.integration-steps li.is-current{color:var(--ink)}.integration-steps li.is-current::marker{color:var(--accent);font-weight:600}@media(prefers-reduced-motion:reduce){.integration-pulse,.integration-ring{display:none}.integration-box.is-box-filterpanel.is-open .integration-body{transform:none}}.pattern-mark{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);margin:0;min-width:0}.pattern-mark-svg{display:block;width:100%;max-width:440px;height:auto;overflow:visible}.pattern-mark-ring{fill:none;stroke:var(--ink-2);stroke-opacity:.5;stroke-width:1.5;stroke-dasharray:2 7;stroke-linecap:round;transition:stroke var(--motion) var(--ease),stroke-opacity var(--motion) var(--ease)}.pattern-mark-ring-hit{fill:none;stroke:transparent;stroke-width:30;pointer-events:stroke}.pattern-mark-ring-text{fill:var(--ink-2);font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;pointer-events:none}.pattern-mark-bus,.pattern-mark-piece{cursor:pointer;outline:none}.pattern-mark-bus.is-active .pattern-mark-ring{stroke:var(--accent);stroke-opacity:1;stroke-dasharray:6 6}.pattern-mark-bus.is-active .pattern-mark-ring-text{fill:var(--accent);font-weight:600}.pattern-mark-bus:focus-visible .pattern-mark-ring{stroke:var(--accent);stroke-opacity:1;stroke-width:3}.pattern-mark-hit{fill:transparent;pointer-events:all}.pattern-mark-body{pointer-events:none;transition:opacity var(--motion) var(--ease),transform var(--motion-slow) var(--ease)}.pattern-mark-piece.is-active .pattern-mark-body{transform:translate(var(--nx),var(--ny))}.pattern-mark.has-active .pattern-mark-piece:not(.is-active) .pattern-mark-body{opacity:.4}.pattern-mark-piece.is-props .pattern-mark-shape{fill:#226890}.pattern-mark-piece.is-methods .pattern-mark-shape{fill:#f4bd21}.pattern-mark-piece.is-events .pattern-mark-shape{fill:#f58662}.pattern-mark-piece.is-children .pattern-mark-shape{fill:#7bb489}.pattern-mark-focus{fill:none;stroke:var(--ink);stroke-width:2.5;opacity:0}.pattern-mark-piece:focus-visible .pattern-mark-focus{opacity:1}.pattern-mark-name,.pattern-mark-role{fill:#0c1724;text-anchor:middle;pointer-events:none}.pattern-mark-piece.is-props .pattern-mark-name,.pattern-mark-piece.is-props .pattern-mark-role{fill:#fff}.pattern-mark-name{font-family:var(--font-mono);font-size:21px;font-weight:600}.pattern-mark-role{font-family:var(--font-body);font-size:13.5px;font-weight:500}.pattern-mark-note{max-width:44ch;min-height:4.8em;margin:0;color:var(--ink-2);font-size:var(--text-md);text-align:center}.pattern-mark-note strong{color:var(--ink);font-family:var(--font-mono);font-size:.95em;font-weight:600}.pattern-mark-note code{font-size:.9em;overflow-wrap:anywhere}@media(prefers-reduced-motion:reduce){.pattern-mark-piece.is-active .pattern-mark-body{transform:none}}.footer{margin-top:auto;background:var(--sheet);border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:minmax(0,5fr) repeat(3,minmax(0,2fr));gap:var(--space-6);padding-block:var(--space-7)}.footer-brand{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--ink);font-weight:600;text-decoration:none}.footer-brand .ueca-mark{width:26px;height:26px}.footer-tagline{max-width:36ch;margin:10px 0 0;color:var(--ink-2);font-size:var(--text-md)}.footer-column h2{margin:0 0 var(--space-3);font-size:var(--text-sm);font-weight:600}.footer-column ul{display:grid;gap:6px;margin:0;padding:0;list-style:none}.footer-column a{color:var(--ink-2);font-size:var(--text-md);text-decoration:none}.footer-column a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.footer-base{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-5);padding-block:var(--space-4) var(--space-8);border-top:1px solid var(--line)}.footer-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:4px 12px 4px 6px;border:1px solid var(--line);border-radius:999px;background:var(--ground);color:var(--ink);font-size:var(--text-sm);font-weight:500;text-decoration:none}.footer-badge:hover{border-color:var(--line-strong)}.footer-badge .ueca-mark{width:20px;height:20px}.footer-legal{margin:0;color:var(--ink-2);font-size:var(--text-sm)}@media(max-width:1024px){.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-about{grid-column:1 / -1}}@media(max-width:560px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.xray-toggle{display:inline-flex;align-items:center;gap:var(--space-2);height:36px;padding:0 10px 0 12px;border:1px solid var(--line);border-radius:999px;background:var(--sheet);color:var(--ink);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;white-space:nowrap;cursor:pointer;transition:border-color var(--motion) var(--ease)}.xray-toggle:hover{border-color:var(--line-strong)}.xray-toggle-switch{position:relative;width:28px;height:16px;border-radius:999px;background:var(--line-strong);transition:background var(--motion) var(--ease)}.xray-toggle-knob{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--sheet);transition:transform var(--motion) var(--ease)}.xray-toggle[aria-pressed=true] .xray-toggle-switch{background:var(--marker)}.xray-toggle[aria-pressed=true] .xray-toggle-knob{transform:translate(12px)}@media(max-width:520px){.xray-toggle-label{display:none}.xray-toggle{padding:0 8px}}.top-bar{position:sticky;top:0;z-index:var(--z-bar);background:color-mix(in srgb,var(--ground) 86%,transparent);-webkit-backdrop-filter:saturate(1.2) blur(10px);backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid var(--line)}.top-bar-row{position:relative;display:flex;align-items:center;gap:var(--space-5);height:var(--topbar-h)}.top-bar-brand{display:inline-flex;align-items:center;gap:var(--space-2);flex:none;color:var(--ink);text-decoration:none;font-weight:600;font-size:var(--text-base);letter-spacing:-.01em;white-space:nowrap}.top-bar-brand .ueca-mark{width:26px;height:26px}.top-bar-version{padding:1px 8px;border:1px solid var(--line);border-radius:999px;background:var(--inset);color:var(--ink-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:0}.top-bar-nav{display:flex;gap:var(--space-1);margin-right:auto}.top-bar-link{padding:6px 10px;border-radius:var(--radius-sm);color:var(--ink-2);text-decoration:none;font-size:var(--text-sm);font-weight:500;white-space:nowrap}.top-bar-link:hover{color:var(--ink);background:var(--inset)}.top-bar-link[aria-current=page]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.top-bar-tools{display:flex;align-items:center;gap:var(--space-2);flex:none}.top-bar-menu{display:none}@media(max-width:960px){.top-bar-tools{margin-left:auto}.top-bar-menu{display:inline-grid}.top-bar-nav{display:none}.top-bar.is-open .top-bar-nav{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;gap:0;margin:0;padding:var(--space-2) var(--gutter) var(--space-4);background:var(--ground);border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.top-bar.is-open .top-bar-link{padding:12px 0;border-radius:0;border-bottom:1px solid var(--line);font-size:var(--text-base)}.top-bar.is-open .top-bar-link:last-child{border-bottom:0}.top-bar.is-open .top-bar-link[aria-current=page]{box-shadow:inset 3px 0 0 var(--accent);padding-left:var(--space-3)}}@media(max-width:420px){.top-bar-row{gap:var(--space-2)}.top-bar-version{display:none}}.app-layout{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.app-main{flex:1;min-width:0;outline:none;container:main / inline-size}.app-layout>.app-rail{display:none}@media(min-width:1024px){.app-layout.has-rail>.app-main,.app-layout.has-rail>.footer{padding-right:calc(var(--rail-w) + var(--gutter))}.app-layout.has-rail>.app-rail{position:fixed;top:calc(var(--topbar-h) + var(--space-4));right:var(--gutter);bottom:var(--space-8);z-index:calc(var(--z-bar) - 2);display:flex;width:var(--rail-w);animation:rail-in var(--motion-slow) var(--ease) both}.app-rail .model-tree-list{flex:1 1 auto;min-height:0;max-height:none}:root[data-xray] .xray-bar{left:calc((100% - var(--rail-w) - var(--gutter)) / 2)}}@keyframes rail-in{0%{opacity:0;translate:12px 0}}.skip-link{position:absolute;top:-100px;left:var(--gutter);z-index:var(--z-skip);padding:8px 14px;border-radius:var(--radius-md);background:var(--ink);color:var(--ground);font-weight:600;text-decoration:none}.skip-link:focus{top:10px}.assistants-panel-copy{display:flex;flex-direction:column;gap:var(--space-4);min-width:0;margin-bottom:var(--space-6)}.assistants-panel-copy .eyebrow{margin:0}.assistants-panel-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-6);align-items:start}.assistants-panel-install{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4) var(--space-6);margin-top:var(--space-6)}.assistants-panel-install .command-line{flex:0 1 620px;min-width:0}.assistants-panel-skills{margin:0;padding:0;list-style:none}.assistants-panel-skills li{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;padding:var(--space-3) 0;border-bottom:1px solid var(--line)}.assistants-panel-skills li:first-child{border-top:1px solid var(--line)}.assistants-panel-skills code{font-size:var(--text-sm);font-weight:600;overflow-wrap:anywhere}.assistants-panel-skills span{color:var(--ink-2);font-size:var(--text-md)}@container (min-width: 820px){.assistants-panel-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.demo-gallery-head{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.demo-gallery-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-5)}.demo-gallery-foot{margin-top:var(--space-5)}@container (min-width: 520px){.demo-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width: 760px){.demo-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (min-width: 820px){.demo-gallery-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-6);align-items:end}}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-7);align-items:center}.hero-copy{display:flex;flex-direction:column;gap:var(--space-5);min-width:0}.hero-facts{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0;padding:0;list-style:none;color:var(--ink-2);font-family:var(--font-mono);font-size:var(--text-sm)}.hero-facts li+li:before{content:"·";margin-right:14px;color:var(--line-strong)}.hero-title{margin:0;font-family:var(--font-display);font-size:clamp(40px,5.8cqi,72px);font-weight:600;line-height:.98;letter-spacing:-.02em;text-wrap:balance}.hero-title code{font-family:var(--font-mono);font-size:.8em;font-weight:500;letter-spacing:-.04em;white-space:nowrap}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.hero-install{display:flex;flex-direction:column;gap:var(--space-2);max-width:460px}.hero-peers{margin:0;color:var(--ink-2);font-family:var(--font-mono);font-size:var(--text-sm)}.hero-peers span{white-space:nowrap}.hero-mark{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);min-width:0}.hero-mark .pattern-mark-svg{max-width:420px}@container (min-width: 900px){.hero-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}.principles-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--space-3) var(--space-5);margin-bottom:var(--space-6)}.principles-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--line)}.principles-grid article{padding:var(--space-5);background:var(--sheet)}.principles-grid h3{margin:0 0 6px;font-size:var(--text-lg);font-weight:600;line-height:var(--leading-snug)}.principles-grid p{margin:0;color:var(--ink-2);font-size:var(--text-md)}@container (min-width: 520px){.principles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width: 760px){.principles-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.quick-start-copy{display:flex;flex-direction:column;gap:var(--space-4);min-width:0;margin-bottom:var(--space-6)}.quick-start-copy .eyebrow{margin:0}.quick-start-notes{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4);margin:var(--space-3) 0 0;padding:0;list-style:none;counter-reset:note}.quick-start-notes li{display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:var(--space-3);counter-increment:note}.quick-start-notes li:before{content:counter(note);grid-row:span 2;display:grid;place-items:center;width:24px;height:24px;margin-top:1px;border:1.5px solid var(--marker);border-radius:50%;color:var(--marker);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600}.quick-start-notes strong{font-weight:600}.quick-start-notes span{color:var(--ink-2);font-size:var(--text-md)}@container (min-width: 700px){.quick-start-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}}.release-notes-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-6)}.release-notes-aside{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4)}.release-notes-aside p{margin:0}.release-notes-version{color:var(--ink);font-family:var(--font-mono);font-weight:600}.release-notes-list{margin:0;padding:0;list-style:none}.release-notes-list li{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;padding:var(--space-4) 0;border-bottom:1px solid var(--line)}.release-notes-list li:first-child{border-top:1px solid var(--line)}.release-notes-list strong{font-weight:600;line-height:1.4}.release-notes-list span{color:var(--ink-2);font-size:var(--text-md)}@container (min-width: 560px){.release-notes-list li{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-5)}}@container (min-width: 900px){.release-notes-grid{grid-template-columns:minmax(0,3fr) minmax(0,8fr);gap:var(--space-7)}}.trace-showcase-head{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.trace-showcase-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-6)}.trace-showcase-window{margin:0;min-width:0;background:var(--sheet);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.trace-showcase-bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px var(--space-3);padding:8px 14px;border-bottom:1px solid var(--line);color:var(--ink-2);font-family:var(--font-mono);font-size:var(--text-xs)}.trace-showcase-window .loop-video{aspect-ratio:16 / 9}.trace-showcase-side{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-5);align-items:start;min-width:0}.trace-showcase-code{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);min-width:0}.trace-showcase-code .code-block{align-self:stretch}.trace-showcase-views{margin:0}.trace-showcase-views div{display:grid;grid-template-columns:84px minmax(0,1fr);gap:var(--space-3);padding:10px 0;border-bottom:1px solid var(--line)}.trace-showcase-views div:first-child{border-top:1px solid var(--line)}.trace-showcase-views dt{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600}.trace-showcase-views dd{margin:0;color:var(--ink-2);font-size:var(--text-md);line-height:1.45}@container (min-width: 820px){.trace-showcase-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-6);align-items:end}}@container (min-width: 700px){.trace-showcase-side{grid-template-columns:minmax(260px,1fr) minmax(0,max-content);gap:var(--space-6)}}.home-screen>.frame{container-type:inline-size}.feature-section{display:flex;flex-direction:column;gap:var(--space-6)}.feature-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-7);align-items:end}.feature-head .eyebrow{margin-bottom:var(--space-2)}.feature-head .section-title{scroll-margin-top:calc(var(--topbar-h) + var(--sticky-h, 0px) + var(--space-5) + 28px)}.feature-head-intro p{margin:0;color:var(--ink-2);font-size:var(--text-lg)}.feature-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:var(--space-6);align-items:start}.feature-grid-stacked{grid-template-columns:minmax(0,1fr)}.feature-diagram{max-width:860px}.feature-stack{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.feature-note,.feature-caption{max-width:var(--measure);margin:0;color:var(--ink-2);font-size:var(--text-md)}.feature-caption{font-size:var(--text-sm)}.feature-subhead{margin:0;font-weight:600}.feature-points{display:flex;flex-direction:column;gap:var(--space-3);margin:0;padding-left:var(--space-5);color:var(--ink-2);font-size:var(--text-md)}.feature-points strong{color:var(--ink);font-weight:600}.feature-read-more{display:flex;flex-direction:column;gap:var(--space-2)}.feature-read-more-label{margin:0;color:var(--ink-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase}.feature-read-more-list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.feature-read-more-list a{color:var(--accent);font-weight:600;line-height:1.4;text-decoration:none}.feature-read-more-list a:hover{color:var(--accent-hover);text-decoration:underline}.feature-read-more-last{white-space:nowrap}.feature-read-more-list .icon{display:inline-block;width:14px;height:14px;margin-left:5px;vertical-align:-1px}.table-sub{display:block;margin-top:2px;color:var(--ink-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:400}.pattern-anatomy{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--space-7);align-items:center}.mental-model-anatomy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-6);align-items:start}.part-table tr.is-part{--part: var(--accent);cursor:default;transition:background var(--motion) var(--ease)}.part-table tr.is-part th{box-shadow:inset 3px 0 0 transparent;transition:box-shadow var(--motion) var(--ease)}.part-table tr.is-active{background:var(--marker-wash)}.part-table tr.is-active th{box-shadow:inset 3px 0 0 var(--part)}.part-table tr.is-props{--part: var(--part-props)}.part-table tr.is-methods{--part: var(--part-methods)}.part-table tr.is-events{--part: var(--part-events)}.part-table tr.is-children{--part: var(--part-children)}.part-table tr.is-view{--part: var(--ink)}.part-table tr.is-messages{--part: var(--accent)}.part-table .part-table-group th{padding-block:10px 6px;color:var(--ink-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.02em}.part-table tbody+tbody .part-table-group th{border-top:1px solid var(--line-strong)}.mental-model-table tbody th[scope=row]{width:1%;white-space:nowrap}.mental-model-table td code{display:block;white-space:nowrap}.mental-model-table td code+code{margin-top:6px}.integration-anatomy{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:var(--space-6);align-items:start}.integration-side{display:flex;flex-direction:column;gap:var(--space-5);min-width:0}.integration-table td code{display:block;white-space:nowrap}.integration-table td code+code{margin-top:6px}.lifecycle-tracks{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,3fr);gap:var(--space-5)}.lifecycle-track{display:flex;flex-direction:column;min-width:0}.lifecycle-track .lifecycle-steps{flex:1}.lifecycle-track-name{margin:0 0 var(--space-2);color:var(--ink-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase}.lifecycle-steps{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:0;margin:0;padding:0;list-style:none;counter-reset:step}.lifecycle-steps li{position:relative;display:flex;flex-direction:column;gap:6px;padding:var(--space-4) var(--space-4) var(--space-4) var(--space-4);border:1px solid var(--line);background:var(--sheet);counter-increment:step}.lifecycle-steps li+li{border-left:0}.lifecycle-steps li:first-child{border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.lifecycle-steps li:last-child{border-radius:0 var(--radius-lg) var(--radius-lg) 0}.lifecycle-steps li:before{content:counter(step);color:var(--marker);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600}.lifecycle-steps code{font-size:var(--text-lg);font-weight:600}.lifecycle-steps span{color:var(--ink-2);font-size:var(--text-sm);line-height:1.45}.tracing-captures{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-5)}.tracing-capture{margin:0;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--sheet)}.tracing-capture img{width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:top left;border-bottom:1px solid var(--line);background:var(--inset)}.tracing-capture figcaption{padding:10px 14px;color:var(--ink-2);font-size:var(--text-sm)}@container main (max-width: 1244px){.feature-grid{grid-template-columns:minmax(0,1fr)}}@container main (max-width: 1190px){.mental-model-anatomy{grid-template-columns:minmax(0,1fr)}}@container main (max-width: 1270px){.integration-anatomy{grid-template-columns:minmax(0,1fr)}.integration-side .integration-note{min-height:12em}}@container main (max-width: 1110px){.lifecycle-tracks{grid-template-columns:minmax(0,1fr)}}@container main (max-width: 1000px){.feature-head,.pattern-anatomy{grid-template-columns:minmax(0,1fr)}}@container main (max-width: 720px){.tracing-captures{grid-template-columns:minmax(0,1fr)}.lifecycle-steps{grid-auto-flow:row}.lifecycle-steps li+li{border-left:1px solid var(--line);border-top:0}.lifecycle-steps li:first-child{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.lifecycle-steps li:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg)}}.steps{display:flex;flex-direction:column;margin:0;padding:0 var(--frame-pad);list-style:none;counter-reset:step}.step{position:relative;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,7fr);gap:var(--space-6);padding:0 0 var(--space-8) calc(44px + var(--space-5));counter-increment:step}.step:last-child{padding-bottom:0}.step:before{content:counter(step);position:absolute;left:0;top:0;display:grid;place-items:center;width:44px;height:44px;border:1.5px solid var(--marker);border-radius:50%;background:var(--ground);color:var(--marker);font-family:var(--font-mono);font-size:var(--text-base);font-weight:600}.step:after{content:"";position:absolute;left:21px;top:52px;bottom:8px;border-left:1.5px dashed color-mix(in srgb,var(--marker) 45%,transparent)}.step:last-child:after{display:none}.step-copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);min-width:0}.step-copy h2{margin:6px 0 0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;line-height:var(--leading-snug)}.step-copy p{margin:0;color:var(--ink-2)}.step-body{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.next-chapters{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6) var(--frame-pad) 0;border-top:1px solid var(--line)}.next-chapters p{margin:0 0 var(--space-3)}.next-chapters-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin:0;padding:0;list-style:none}.next-chapters-list a{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);height:100%;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--sheet);color:var(--ink);font-weight:600;text-decoration:none}.next-chapters-list a:hover{border-color:var(--accent);color:var(--ink)}.next-chapters-list .icon{width:15px;height:15px;color:var(--ink-2)}@container main (max-width: 1252px){.step{grid-template-columns:minmax(0,1fr)}}@container main (max-width: 1024px){.next-chapters-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@container main (max-width: 640px){.steps{padding:0}.step{padding-left:calc(36px + var(--space-3))}.step:before{width:36px;height:36px;font-size:var(--text-sm)}.step:after{left:17px;top:44px}.next-chapters-list{grid-template-columns:minmax(0,1fr)}}.demos-list{display:flex;flex-direction:column;gap:var(--space-8);padding-inline:var(--frame-pad)}.demo-feature{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-7);align-items:center}.demo-feature:nth-child(2n){grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.demo-feature:nth-child(2n) .demo-feature-shot{order:2}.demo-feature-shot{display:block;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--inset);box-shadow:var(--shadow)}.demo-feature-shot img{width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:top left;transition:transform var(--motion-slow) var(--ease)}.demo-feature-shot:hover img{transform:scale(1.015)}.demo-feature-copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);min-width:0}.demo-feature-title{margin:0;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;line-height:var(--leading-tight)}.demo-feature-summary{margin:0;color:var(--ink-2);font-size:var(--text-lg)}.demo-feature-highlights{display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-2) 0;padding-left:var(--space-5);font-size:var(--text-md)}.demo-feature-links{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2)}.demos-proof{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--space-7);align-items:center;padding:var(--space-7) var(--frame-pad) 0;border-top:1px solid var(--line)}.demos-proof-copy p:last-child{margin:var(--space-3) 0 0}.demos-proof-shot{margin:0;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--inset);box-shadow:var(--shadow)}.demos-proof-shot .loop-video{aspect-ratio:16 / 9}@container main (max-width: 1000px){.demo-feature,.demo-feature:nth-child(2n),.demos-proof{grid-template-columns:minmax(0,1fr)}.demo-feature:nth-child(2n) .demo-feature-shot{order:0}}@container main (max-width: 640px){.demos-list{padding-inline:0}}.ai-block{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-7) var(--frame-pad) 0;border-top:1px solid var(--line)}.ai-lead{max-width:var(--measure);margin:0}.ai-reasons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}.ai-reasons h3{margin:0 0 var(--space-2);font-size:var(--text-lg);font-weight:600}.ai-reasons p{margin:0;color:var(--ink-2);font-size:var(--text-md)}.ai-skills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.ai-skill{padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--sheet)}.ai-skill-name{font-size:var(--text-lg);font-weight:600;overflow-wrap:anywhere}.ai-skill-role{margin:2px 0 var(--space-3);color:var(--marker);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase}.ai-skill ul{display:flex;flex-direction:column;gap:6px;margin:0;padding-left:var(--space-5);color:var(--ink-2);font-size:var(--text-md)}.ai-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--space-7);align-items:start}.ai-split-copy{display:flex;flex-direction:column;gap:var(--space-3)}.ai-split-copy p{margin:0}.ai-split-copy .ai-this-site{margin-top:var(--space-3);padding:var(--space-4);border-left:3px solid var(--marker);background:var(--marker-wash);font-size:var(--text-md)}.ai-this-site strong{font-weight:600}.skill-install{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.skill-install-lede{margin:0;color:var(--ink-2);font-size:var(--text-md)}.skill-install-more{margin:var(--space-2) 0 calc(var(--space-1) * -1);color:var(--ink-2);font:500 var(--text-sm) var(--font-sans);letter-spacing:.01em}.skill-install-tabs{display:inline-flex;align-self:flex-start;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--inset)}.skill-install-tab{padding:6px 14px;border:0;border-radius:999px;background:transparent;color:var(--ink-2);font:500 var(--text-sm) var(--font-mono);cursor:pointer}.skill-install-tab:hover{color:var(--ink)}.skill-install-tab[aria-selected=true]{background:var(--sheet);color:var(--ink);box-shadow:0 1px 2px #00000014}.skill-install-panel{display:flex;flex-direction:column;gap:var(--space-3)}.skill-install-note{margin:0;color:var(--ink-2);font-size:var(--text-md)}@container main (max-width: 1200px){.ai-split{grid-template-columns:minmax(0,1fr)}}@container main (max-width: 990px){.ai-reasons{grid-template-columns:minmax(0,1fr)}}@container main (max-width: 720px){.ai-skills{grid-template-columns:minmax(0,1fr)}.ai-block{padding-inline:0}}.videos-body{display:flex;flex-direction:column;gap:var(--space-6);padding-inline:var(--frame-pad)}.videos-featured{max-width:960px}.videos-channel{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-5)}.videos-channel p{margin:0}.videos-more{display:flex;flex-direction:column;gap:var(--space-5);padding-top:var(--space-6);border-top:1px solid var(--line)}.videos-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}@container main (max-width: 1024px){.videos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container main (max-width: 640px){.videos-body{padding-inline:0}.videos-grid{grid-template-columns:minmax(0,1fr)}}.docs-block{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-7) var(--frame-pad) 0;border-top:1px solid var(--line)}.docs-chapters{columns:3;column-gap:var(--space-5);margin:0;padding:0;list-style:none;counter-reset:chapter}.docs-chapters li{break-inside:avoid;margin-bottom:var(--space-2);counter-increment:chapter}.docs-chapters a{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:var(--space-2);padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--sheet);color:var(--ink);text-decoration:none}.docs-chapters a:before{content:counter(chapter,decimal-leading-zero);color:var(--marker);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600}.docs-chapters a:hover{border-color:var(--accent);color:var(--ink)}.docs-chapter-title{font-weight:500;font-size:var(--text-md);overflow-wrap:anywhere}.docs-chapters .icon{width:14px;height:14px;color:var(--ink-2)}.docs-package{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin:0}.docs-package div{padding:var(--space-4) var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--sheet)}.docs-package dt code{font-size:var(--text-md);font-weight:600;overflow-wrap:anywhere}.docs-package dd{margin:var(--space-2) 0 0;color:var(--ink-2);font-size:var(--text-md)}@container main (max-width: 1024px){.docs-chapters{columns:2}}@container main (max-width: 640px){.docs-block{padding-inline:0}.docs-chapters{columns:1}.docs-package{grid-template-columns:minmax(0,1fr)}}.changelog-body{display:flex;flex-direction:column;gap:var(--space-7);padding-inline:var(--frame-pad)}.changelog-upgrade{max-width:calc(var(--measure) + 2 * var(--space-6));padding:var(--space-5) var(--space-6);border:1px solid var(--line);border-left:3px solid var(--marker);border-radius:var(--radius-lg);background:var(--sheet)}.changelog-upgrade .prose h2{margin-top:0}.changelog-screen .prose h2[id^=v]{display:flex;align-items:baseline;gap:var(--space-3);padding-top:var(--space-6);border-top:1px solid var(--line);font-family:var(--font-mono);font-size:var(--text-xl)}.changelog-screen .prose>h2[id^=v]:first-child{padding-top:0;border-top:0}@container main (max-width: 640px){.changelog-body{padding-inline:0}.changelog-upgrade{padding:var(--space-4)}}.not-found-links{display:flex;flex-wrap:wrap;gap:var(--space-3);padding-inline:var(--frame-pad)}.tooltip{position:fixed;top:0;left:0;z-index:var(--z-tooltip);max-width:min(300px,calc(100vw - 16px));padding:6px 10px;border-radius:var(--radius-md);background:var(--ink);color:var(--ground);box-shadow:var(--shadow);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;line-height:1.4;text-align:left;overflow-wrap:anywhere;animation:tooltip-in var(--motion) var(--ease) both}.tooltip:before{content:"";position:absolute;left:var(--tooltip-arrow, 50%);width:8px;height:8px;margin-left:-4px;background:inherit;transform:rotate(45deg)}.tooltip[data-placement=top]:before{bottom:-4px}.tooltip[data-placement=bottom]:before{top:-4px}@keyframes tooltip-in{0%{opacity:0}}.xray-bar{position:fixed;left:50%;bottom:var(--space-4);z-index:var(--z-xray);transform:translate(-50%);display:flex;align-items:center;gap:var(--space-3);max-width:calc(100vw - 2 * var(--gutter));padding:8px 14px;border-radius:var(--radius-md);background:var(--ink);color:var(--ground);box-shadow:var(--shadow);font-family:var(--font-mono);font-size:var(--text-sm);animation:xray-bar-in var(--motion-slow) var(--ease) both}.xray-bar-path{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:rtl;text-align:left}.xray-bar-roles{flex:none;font-size:var(--text-xs);opacity:.7;white-space:nowrap}@keyframes xray-bar-in{0%{opacity:0;translate:0 8px}}@media(max-width:640px){.xray-bar-roles{display:none}}