.tool-panel{gap:var(--ab-space-16);padding:var(--ab-space-32);border:var(--ab-border-thin) solid var(--ab-color-border-subtle);border-radius:var(--ab-radius-16);background:var(--ab-color-surface);flex-direction:column;display:flex}.tool-panel__title{align-items:center;gap:var(--ab-space-12);display:flex}.tool-panel__title h3{max-width:none;color:var(--ab-color-text);font-size:var(--ab-font-size-24);font-weight:var(--ab-font-weight-semibold);margin:0;line-height:1.5}.tool-panel__icon{width:2rem;height:2rem;color:var(--ab-color-text);flex-shrink:0}.tool-panel__description{max-width:none;color:var(--ab-color-text-secondary);font-size:var(--ab-font-size-16);margin:0}.tool-panel__features{gap:var(--ab-space-8);flex-direction:column;display:flex}.tool-panel__features-label{color:var(--ab-color-text);font-size:var(--ab-font-size-16);font-weight:var(--ab-font-weight-semibold);margin:0}.tool-panel__features ul{gap:var(--ab-space-4);color:var(--ab-color-text-secondary);font-size:var(--ab-font-size-16);margin:0;padding-inline-start:var(--ab-space-24);display:grid}.tool-panel__link{align-items:center;gap:var(--ab-space-8);color:var(--ab-color-link);font-size:var(--ab-font-size-16);font-weight:var(--ab-font-weight-semibold);text-decoration:none;display:inline-flex}.tool-panel__link:hover{color:var(--ab-color-link-hover)}.tool-panel__link svg{width:1rem;height:1rem}.tool-panel__media{border:var(--ab-border-thin) solid var(--ab-color-border-subtle);border-radius:var(--ab-radius-12);overflow:hidden}.tool-demo{aspect-ratio:622/366;width:100%;position:relative;overflow:hidden;container-type:inline-size}.tool-demo__backdrop{object-fit:cover;filter:blur(3px);width:100%;height:100%;position:absolute}.tool-demo>:not(.tool-demo__backdrop){font-size:2.57235cqw}.tool-demo__panel{border:.0625em solid var(--ab-color-border-subtle);backdrop-filter:blur(.65em);opacity:0;background:#1e1e1eb8;border-radius:.65em;flex-direction:column;transition:opacity .4s ease-out,transform .4s ease-out;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(.97)}.tool-demo__panel.is-shown{opacity:1;transform:translate(-50%,-50%)scale(1)}.tool-demo__header{background:#1e1e1ea3;align-items:center;gap:.375em;height:2.75em;padding-inline:1em;display:flex}.tool-demo__header-logo{flex-shrink:0;width:1.5em;height:1.5em}.tool-demo__header-title{color:var(--ab-color-text);font-size:.875em;font-weight:var(--ab-font-weight-semibold);white-space:nowrap}.tool-demo__header-spacer{flex:1 0 0}.tool-demo__header-menu{width:1.125em;height:1.125em;color:var(--ab-color-text-muted)}@media (prefers-reduced-motion:reduce){.tool-demo__panel{transition:none}}.ai-plugin-demo__panel{width:29.9375em}.ai-plugin-demo__status{height:1em;color:var(--ab-color-text-secondary);font-size:.6875em;font-weight:var(--ab-font-weight-semibold);white-space:nowrap;opacity:0;align-items:center;gap:.4375em;margin-top:.875em;padding-inline:1em;transition:opacity .4s ease-out;display:flex}.ai-plugin-demo__status.is-shown{opacity:1}.ai-plugin-demo__status-icon{width:1.25em;height:1.25em}.ai-plugin-demo__status-spacer{flex:1 0 0}.ai-plugin-demo__status-dot{background:#68d59a;border-radius:50%;width:.3125em;height:.3125em}.ai-plugin-demo__status-tag{color:#68d59a;font-size:.625em;font-weight:var(--ab-font-weight-regular)}.ai-plugin-demo__body{gap:.75em;padding:.875em 1em;display:flex}.ai-plugin-demo__assistant{border:.0625em solid var(--ab-white-a08);background:#0f12173d;border-radius:.4375em;flex-direction:column;flex:0 0 15.3125em;align-items:flex-end;gap:.5em;padding:.625em .5em 0;display:flex}.ai-plugin-demo__prompt{min-height:.9375em;color:var(--ab-color-text-secondary);white-space:nowrap;background:#49494952;border-radius:.325em .325em 0;margin-block:2.5em .2em;padding:.4375em;font-size:.625em}.ai-plugin-demo__prompt.is-typing:after{content:"";vertical-align:-.1em;width:.15em;height:1em;animation:ai-plugin-typing-cursor var(--ab-duration-standard) steps(1, end) infinite;background:currentColor;margin-left:.15em;display:inline-block}@keyframes ai-plugin-typing-cursor{0%,48%{opacity:1}49%,to{opacity:0}}.ai-plugin-demo__response{opacity:0;flex-direction:column;gap:.4375em;width:100%;transition:opacity .3s ease-out;display:flex}.ai-plugin-demo__response.is-shown{opacity:1}.ai-plugin-demo__response-label{color:var(--ab-color-text-muted);white-space:nowrap;margin:0;font-size:.5625em}.ai-plugin-demo__handler{border:.0625em solid var(--ab-white-a08);opacity:0;background:#0f1217cc;border-radius:.4375em;flex-direction:column;flex:0 0 11.875em;gap:.375em;padding:.625em;transition:opacity .3s ease-out;display:flex}.ai-plugin-demo__handler.is-shown{opacity:1}.ai-plugin-demo__handler-head{color:var(--ab-color-text);font-size:.6875em;font-weight:var(--ab-font-weight-semibold);white-space:nowrap;align-items:center;gap:.375em;display:flex}.ai-plugin-demo__handler-head svg{width:1.0625em;height:1.0625em}.ai-plugin-demo__comment{color:#8bbff7;font-family:var(--ab-font-mono);white-space:nowrap;margin:0;font-size:.5625em}.ai-plugin-demo__code-line{opacity:0;gap:.375em;height:.25em;transition:opacity .25s ease-out;display:flex}.ai-plugin-demo__code-line.is-shown{opacity:1}.ai-plugin-demo__code-symbol,.ai-plugin-demo__code-value{border-radius:.125em;height:.25em;display:block}.ai-plugin-demo__code-symbol{background:#8bbff76b}.ai-plugin-demo__code-value{background:#a7d0a352}.ai-plugin-demo__draft{white-space:nowrap;opacity:0;flex-direction:column;gap:.1875em;margin-top:.25em;font-size:.5625em;transition:opacity .3s ease-out;display:flex}.ai-plugin-demo__draft.is-shown{opacity:1}.ai-plugin-demo__draft-ready{color:#68d59a;margin:0}.ai-plugin-demo__draft-status{color:var(--ab-color-text-muted);margin:0}@media (prefers-reduced-motion:reduce){.ai-plugin-demo__status,.ai-plugin-demo__response,.ai-plugin-demo__handler,.ai-plugin-demo__code-line,.ai-plugin-demo__draft{transition:none}}.agentic-cli-demo__panel{width:29.9375em}.agentic-cli-demo__meta{height:1em;color:var(--ab-color-text-secondary);white-space:nowrap;opacity:0;align-items:center;gap:.4375em;margin-block:.875em;padding-inline:1em;font-size:.6875em;transition:opacity .4s ease-out;display:flex}.agentic-cli-demo__meta.is-shown{opacity:1}.agentic-cli-demo__meta-icon{width:1.25em;height:1.25em}.agentic-cli-demo__meta-title{font-weight:var(--ab-font-weight-semibold)}.agentic-cli-demo__meta-spacer{flex:1 0 0}.agentic-cli-demo__meta-count{color:var(--ab-color-text-muted);& strong{color:var(--ab-color-text);font-weight:var(--ab-font-weight-semibold)}}.agentic-cli-demo__terminal{margin-inline:1em;border:.0625em solid var(--ab-white-a08);font-family:var(--ab-font-mono);opacity:0;background:#0f1217cc;border-radius:.4375em;flex-direction:column;gap:.5em;margin-bottom:.875em;padding:.75em;transition:opacity .3s ease-out;display:flex}.agentic-cli-demo__terminal.is-shown{opacity:1}.agentic-cli-demo__line{color:var(--ab-color-text);white-space:nowrap;opacity:0;margin:0;font-size:.6875em;transition:opacity .25s ease-out}.agentic-cli-demo__line.is-shown,.agentic-cli-demo__line--login{opacity:1}.agentic-cli-demo__prompt-sign{color:#68d59a}.agentic-cli-demo__usage{color:#8bbff7;white-space:nowrap;opacity:0;margin:0;font-size:.6875em;transition:opacity .25s ease-out}.agentic-cli-demo__usage.is-shown{opacity:1}.agentic-cli-demo__tree{white-space:nowrap;opacity:0;gap:1.5em;font-size:.6875em;transition:opacity .25s ease-out;display:flex}.agentic-cli-demo__tree.is-shown{opacity:1}.agentic-cli-demo__tree-col{color:var(--ab-color-text-secondary);flex-direction:column;gap:.25em;display:flex;& p{margin:0}}.agentic-cli-demo__tree-muted{color:var(--ab-color-text-muted)}[data-agentic-cli-login].is-typing:after{content:"";vertical-align:-.1em;width:.4375em;height:.8125em;animation:agentic-cli-typing-cursor var(--ab-duration-standard) steps(1, end) infinite;background:#ffffffa6;margin-left:.15em;display:inline-block}@keyframes agentic-cli-typing-cursor{0%,48%{opacity:1}49%,to{opacity:0}}.agentic-cli-demo__footer{color:var(--ab-color-text-muted);white-space:nowrap;opacity:0;align-items:center;gap:.4375em;margin-bottom:.875em;padding-inline:1em;font-size:.625em;transition:opacity .3s ease-out;display:flex}.agentic-cli-demo__footer.is-shown{opacity:1}.agentic-cli-demo__footer-icon{width:1.125em;height:1.125em}.agentic-cli-demo__footer-spacer{flex:1 0 0}.agentic-cli-demo__footer-tags{color:var(--ab-color-text-disabled);font-size:.9em}@media (prefers-reduced-motion:reduce){.agentic-cli-demo__meta,.agentic-cli-demo__terminal,.agentic-cli-demo__line,.agentic-cli-demo__usage,.agentic-cli-demo__tree,.agentic-cli-demo__footer{transition:none}}.audit-logs-demo__panel{width:27.9375em}.audit-logs-demo__live-dot{background:#68d59a;border-radius:50%;flex-shrink:0;width:.375em;height:.375em}.audit-logs-demo__live-dot.is-pulsing{animation:1.6s ease-in-out infinite audit-logs-live-pulse}@keyframes audit-logs-live-pulse{0%,to{opacity:1;box-shadow:0 0 #68d59a73}50%{opacity:.7;box-shadow:0 0 0 .25em #68d59a00}}.audit-logs-demo__live-text{color:var(--ab-color-text-secondary);white-space:nowrap;font-size:.6875em}.audit-logs-demo__search{border:.0625em solid var(--ab-white-a08);opacity:0;background:#0f12173d;border-radius:.5em;align-items:center;gap:.5em;margin:.875em 1em;padding:.5em .75em;transition:opacity .3s ease-out;display:flex}.audit-logs-demo__search.is-shown{opacity:1}.audit-logs-demo__search-icon{width:1em;height:1em;color:var(--ab-color-text-muted);flex-shrink:0}.audit-logs-demo__search-placeholder{color:var(--ab-color-text-muted);white-space:nowrap;font-size:.75em}.audit-logs-demo__search-spacer{flex:1 0 0}.audit-logs-demo__search-shortcut{color:var(--ab-color-text-muted);white-space:nowrap;font-size:.625em}.audit-logs-demo__body{gap:.75em;padding:0 1em 1em;display:flex}.audit-logs-demo__payload{border:.0625em solid var(--ab-white-a08);background:#0f1217cc;border-radius:.4375em;flex-direction:column;flex:0 0 16.875em;padding:.625em .75em;display:flex}.audit-logs-demo__payload-tabs{align-items:center;gap:.75em;display:flex}.audit-logs-demo__payload-tab{white-space:nowrap;font-size:.6875em}.audit-logs-demo__payload-tab--active{color:var(--ab-color-text);font-weight:var(--ab-font-weight-semibold)}.audit-logs-demo__payload-tab--muted{color:var(--ab-color-text-muted);font-size:.625em}.audit-logs-demo__payload-tabs-spacer{flex:1 0 0}.audit-logs-demo__payload-copy{width:1em;height:1em;color:var(--ab-color-text-muted)}.audit-logs-demo__payload-underline{background:var(--ab-blue-600);border-radius:.0625em;width:5.5em;height:.125em;margin-top:.5em}.audit-logs-demo__code{font-family:var(--ab-font-mono);flex-direction:column;margin-top:.625em;font-size:.6875em;display:flex}.audit-logs-demo__code-line{opacity:0;gap:.75em;margin:0;line-height:1.5;transition:opacity .25s ease-out,transform .25s ease-out;display:flex;transform:translateY(-.25em)}.audit-logs-demo__code-line.is-shown{opacity:1;transform:translateY(0)}.audit-logs-demo__code-gutter{color:#646e7b;text-align:right;flex-shrink:0;width:1em}.audit-logs-demo__code-content{white-space:pre}.audit-logs-demo__code-token--brace{color:var(--ab-color-text-secondary)}.audit-logs-demo__code-token--key{color:#8bbff7}.audit-logs-demo__code-token--string{color:#a7d0a3}.audit-logs-demo__code-token--number{color:#70afff}.audit-logs-demo__summary{flex-direction:column;flex:1 0 0;gap:.5em;display:flex}.audit-logs-demo__summary-item{opacity:0;align-items:center;gap:.5em;transition:opacity .3s ease-out;display:flex}.audit-logs-demo__summary-item.is-shown{opacity:1}.audit-logs-demo__summary-item--response{background:var(--ab-white-a04);border:.0625em solid #ffffff0f;border-radius:.375em;flex-direction:column;align-items:flex-start;gap:.375em;padding:.5em .625em}.audit-logs-demo__summary-label{color:var(--ab-color-text-muted);white-space:nowrap;margin:0;font-size:.625em}.audit-logs-demo__summary-status{align-items:center;gap:.375em;display:flex}.audit-logs-demo__summary-status-dot{background:#68d59a;border-radius:50%;width:.375em;height:.375em}.audit-logs-demo__summary-status-code{color:var(--ab-color-text);font-size:.9375em;font-weight:var(--ab-font-weight-semibold)}.audit-logs-demo__summary-status-text{color:#68d59a;font-size:.6875em}.audit-logs-demo__summary-icon{width:1.375em;height:1.375em;color:var(--ab-color-text-muted);flex-shrink:0}.audit-logs-demo__summary-text{flex-direction:column;gap:.0625em;display:flex}.audit-logs-demo__summary-value{color:var(--ab-color-text);font-size:.75em;font-weight:var(--ab-font-weight-semibold);white-space:nowrap;margin:0}@media (prefers-reduced-motion:reduce){.audit-logs-demo__search,.audit-logs-demo__code-line,.audit-logs-demo__summary-item{transition:none}.audit-logs-demo__live-dot.is-pulsing{animation:none}}.matchmaking-xray-demo__panel{width:29.9375em}.matchmaking-xray-demo__body{gap:.75em;padding:.875em 1em 1em;display:flex}.matchmaking-xray-demo__sessions{flex-direction:column;flex:0 0 17.3125em;gap:.625em;display:flex}.matchmaking-xray-demo__sessions-top{flex-direction:column;gap:.1875em;display:flex}.matchmaking-xray-demo__sessions-label{color:var(--ab-color-text-muted);white-space:nowrap;margin:0;font-size:.6875em}.matchmaking-xray-demo__sessions-value-row{align-items:center;gap:.5em;display:flex}.matchmaking-xray-demo__sessions-value{color:var(--ab-color-text);font-size:1.5625em;font-weight:var(--ab-font-weight-semibold);white-space:nowrap;line-height:1}.matchmaking-xray-demo__sessions-dot{opacity:0;background:#68d59a;border-radius:50%;flex-shrink:0;width:.5em;height:.5em;transition:opacity .3s ease-out}.matchmaking-xray-demo__sessions-dot.is-shown{opacity:1;animation:1.6s ease-in-out .3s infinite matchmaking-xray-pulse}@keyframes matchmaking-xray-pulse{0%,to{opacity:1}50%{opacity:.35}}.matchmaking-xray-demo__chart{border:.0625em solid var(--ab-white-a08);opacity:0;background:#0f1217cc;border-radius:.4375em;flex-direction:column;gap:.5em;padding:.625em;transition:opacity .3s ease-out;display:flex}.matchmaking-xray-demo__chart.is-shown{opacity:1}.matchmaking-xray-demo__chart-caption{align-items:baseline;gap:.375em;display:flex}.matchmaking-xray-demo__chart-title{color:var(--ab-color-text-secondary);white-space:nowrap;font-size:.6875em}.matchmaking-xray-demo__chart-window{color:var(--ab-color-text-muted);white-space:nowrap;font-size:.5625em}.matchmaking-xray-demo__chart-graphic{width:100%;height:auto;display:block}.matchmaking-xray-demo__chart-grid{vector-effect:non-scaling-stroke}.matchmaking-xray-demo__chart-line{stroke-dasharray:var(--matchmaking-xray-chart-line-length,400);stroke-dashoffset:var(--matchmaking-xray-chart-line-length,400);vector-effect:non-scaling-stroke;transition:stroke-dashoffset .8s ease-out}.matchmaking-xray-demo__chart-line.is-drawn{stroke-dashoffset:0}.matchmaking-xray-demo__inspection{border:.0625em solid var(--ab-white-a08);opacity:0;background:#0f1217cc;border-radius:.4375em;flex-direction:column;flex:0 0 9.875em;gap:.5625em;padding:.625em;transition:opacity .3s ease-out;display:flex}.matchmaking-xray-demo__inspection.is-shown{opacity:1}.matchmaking-xray-demo__inspection-title{color:var(--ab-color-text);font-size:.6875em;font-weight:var(--ab-font-weight-semibold);white-space:nowrap;margin:0}.matchmaking-xray-demo__inspection-row{opacity:0;flex-direction:column;gap:.25em;transition:opacity .25s ease-out,transform .25s ease-out;display:flex;transform:translateY(.25em)}.matchmaking-xray-demo__inspection-row.is-shown{opacity:1;transform:translateY(0)}.matchmaking-xray-demo__inspection-label{color:var(--ab-color-text-muted);white-space:nowrap;margin:0;font-size:.5625em}.matchmaking-xray-demo__inspection-bar{background:#ffffff26;border-radius:.15625em;height:.3125em;display:block}.matchmaking-xray-demo__latency-value-row{align-items:baseline;gap:.3125em;display:flex}.matchmaking-xray-demo__latency-dot{background:#8bbff7;border-radius:50%;flex-shrink:0;align-self:center;width:.375em;height:.375em}.matchmaking-xray-demo__latency-value{color:var(--ab-color-text);font-size:.9375em;font-weight:var(--ab-font-weight-semibold);white-space:nowrap}.matchmaking-xray-demo__latency-unit{color:var(--ab-color-text-secondary);white-space:nowrap;font-size:.5625em}@media (prefers-reduced-motion:reduce){.matchmaking-xray-demo__sessions-dot,.matchmaking-xray-demo__chart,.matchmaking-xray-demo__chart-line,.matchmaking-xray-demo__inspection,.matchmaking-xray-demo__inspection-row{transition:none;animation:none}}.visual-debugger-demo__panel{width:29.9375em}.visual-debugger-demo__body{gap:.75em;padding:.875em 1em;display:flex}.visual-debugger-demo__events{opacity:0;flex-direction:column;flex:0 0 17.3125em;gap:.625em;transition:opacity .3s ease-out;display:flex}.visual-debugger-demo__events.is-shown{opacity:1}.visual-debugger-demo__control{border:.0625em solid var(--ab-white-a08);background:#0f1217cc;border-radius:.4375em;flex-direction:column;display:flex}.visual-debugger-demo__control-head{height:1.8125em;color:var(--ab-color-text-secondary);font-size:.6875em;font-weight:var(--ab-font-weight-semibold);white-space:nowrap;align-items:center;gap:.5em;padding:1em .625em;display:flex}.visual-debugger-demo__control-spacer{flex:1 0 0}.visual-debugger-demo__control-icon{width:1em;height:1em;color:var(--ab-color-text-muted);flex-shrink:0}.visual-debugger-demo__control-divider{background:var(--ab-white-a08);height:.0625em}.visual-debugger-demo__request{opacity:0;align-items:center;gap:.625em;height:1.6875em;padding-left:.625em;transition:opacity .25s ease-out,transform .25s ease-out;display:flex;transform:translateY(-.25em)}.visual-debugger-demo__request.is-shown{opacity:1;transform:translateY(0)}.visual-debugger-demo__request--highlight{background:#0b6cff17}.visual-debugger-demo__request-time{width:2.4375em;color:var(--ab-color-text-muted);white-space:nowrap;font-size:.625em}.visual-debugger-demo__request-dot{border-radius:50%;flex-shrink:0;width:.3125em;height:.3125em}.visual-debugger-demo__request-method{width:2.375em;font-size:.625em;font-weight:var(--ab-font-weight-semibold);white-space:nowrap}.visual-debugger-demo__request-bars{align-items:center;gap:.5em;display:flex}.visual-debugger-demo__request-bar{border-radius:.1875em;height:.3125em;display:block}.visual-debugger-demo__request-bar--primary{background:#ffffff29}.visual-debugger-demo__request-bar--secondary{background:var(--ab-white-a08)}.visual-debugger-demo__request-skeleton{background:#ffffff1f;border-radius:.1875em}.visual-debugger-demo__request-skeleton--time{width:1.875em;height:.3125em}.visual-debugger-demo__request-skeleton--method{width:1.5625em;height:.3125em}.visual-debugger-demo__client{background:var(--ab-white-a04);opacity:0;border:.0625em solid #ffffff0f;border-radius:.375em;align-items:center;gap:.5625em;height:2.625em;padding-left:.625em;transition:opacity .3s ease-out;display:flex}.visual-debugger-demo__client.is-shown{opacity:1}.visual-debugger-demo__client-icon{width:1.25em;height:1.25em;color:var(--ab-color-text-secondary);flex-shrink:0}.visual-debugger-demo__client-details{flex-direction:column;gap:.3125em;display:flex}.visual-debugger-demo__client-label{color:var(--ab-color-text-secondary);white-space:nowrap;margin:0;font-size:.625em}.visual-debugger-demo__client-bar{background:#ffffff24;border-radius:.1875em;width:8.1875em;height:.3125em;display:block}.visual-debugger-demo__inspector{border:.0625em solid var(--ab-white-a08);opacity:0;background:#0f1217cc;border-radius:.4375em;flex-direction:column;flex:1 0 0;gap:.8125em;padding:.6875em 0 0 .75em;transition:opacity .3s ease-out;display:flex}.visual-debugger-demo__inspector.is-shown{opacity:1}.visual-debugger-demo__inspector-field{opacity:0;flex-direction:column;gap:.375em;transition:opacity .25s ease-out;display:flex}.visual-debugger-demo__inspector-field.is-shown{opacity:1}.visual-debugger-demo__inspector-label{color:var(--ab-color-text-muted);white-space:nowrap;margin:0;font-size:.625em}.visual-debugger-demo__inspector-bar{background:#ffffff26;border-radius:.1875em;height:.3125em;display:block}.visual-debugger-demo__inspector-meta{opacity:0;flex-direction:column;gap:.5625em;transition:opacity .25s ease-out;display:flex}.visual-debugger-demo__inspector-meta.is-shown{opacity:1}.visual-debugger-demo__inspector-meta-bar{border-radius:.1875em;height:.3125em;display:block}.visual-debugger-demo__inspector-meta-bar--top{background:#ffffff1f;width:4.75em}.visual-debugger-demo__inspector-meta-bar--bottom{background:var(--ab-white-a08);width:7.125em}@media (prefers-reduced-motion:reduce){.visual-debugger-demo__events,.visual-debugger-demo__request,.visual-debugger-demo__client,.visual-debugger-demo__inspector,.visual-debugger-demo__inspector-field,.visual-debugger-demo__inspector-meta{transition:none}}.session-viewer-demo__panel{width:29.9375em}.session-viewer-demo__body{flex-direction:column;gap:.625em;padding:.875em 1em;display:flex}.session-viewer-demo__nav{opacity:0;align-items:flex-start;gap:1.25em;transition:opacity .3s ease-out;display:flex}.session-viewer-demo__nav.is-shown{opacity:1}.session-viewer-demo__nav-tab{color:var(--ab-color-text-muted);white-space:nowrap;flex-direction:column;gap:.3125em;font-size:.6875em;display:flex;&.session-viewer-demo__nav-tab--active{color:var(--ab-color-text);font-weight:var(--ab-font-weight-semibold)}}.session-viewer-demo__nav-underline{background:var(--ab-blue-600);width:5.5625em;height:.125em;display:block}.session-viewer-demo__content{gap:.75em;display:flex}.session-viewer-demo__json{border:.0625em solid var(--ab-white-a08);opacity:0;background:#0f1217cc;border-radius:.4375em;flex-direction:column;flex:0 0 17.25em;gap:.5em;padding:.6875em 0 0 .75em;transition:opacity .3s ease-out;display:flex;overflow:hidden}.session-viewer-demo__json.is-shown{opacity:1}.session-viewer-demo__json-brace{color:var(--ab-color-text-secondary);white-space:nowrap;margin:0;font-size:.625em}.session-viewer-demo__json-key,.session-viewer-demo__json-value,.session-viewer-demo__json-row{opacity:0;transition:opacity .25s ease-out}.session-viewer-demo__json-key.is-shown,.session-viewer-demo__json-value.is-shown,.session-viewer-demo__json-row.is-shown{opacity:1}.session-viewer-demo__json-key{color:#8bbff7;white-space:nowrap;margin:0;font-size:.625em}.session-viewer-demo__json-value{color:#a7d0a3;white-space:nowrap;margin:0;font-size:.6875em}.session-viewer-demo__json-row{align-items:center;gap:.625em;height:.75em;display:flex}.session-viewer-demo__json-bar{border-radius:.1875em;height:.3125em;display:block;&.session-viewer-demo__json-bar--property{background:#8bbff757}&.session-viewer-demo__json-bar--value{background:#a7d0a33d}}.session-viewer-demo__events{opacity:0;flex-direction:column;flex:0 0 12.5em;gap:.625em;padding-top:.0625em;transition:opacity .3s ease-out;display:flex}.session-viewer-demo__events.is-shown{opacity:1}.session-viewer-demo__events-title{color:var(--ab-color-text);font-size:.75em;font-weight:var(--ab-font-weight-semibold);white-space:nowrap;margin:0}.session-viewer-demo__timeline{flex-direction:column;gap:.9375em;display:flex;position:relative}.session-viewer-demo__timeline-rail{background:#0b6cff80;width:.0625em;height:0;transition:height .5s ease-out;position:absolute;top:.4375em;left:.25em}.session-viewer-demo__timeline-rail.is-drawn{height:6.5em}.session-viewer-demo__event{opacity:0;gap:.625em;transition:opacity .25s ease-out,transform .25s ease-out;display:flex;transform:translateY(.25em)}.session-viewer-demo__event.is-shown{opacity:1;transform:translateY(0)}.session-viewer-demo__event-dot{background:var(--ab-blue-600);border-radius:50%;flex-shrink:0;width:.5em;height:.5em;margin-top:.0625em}.session-viewer-demo__event-detail{flex-direction:column;gap:.125em;display:flex}.session-viewer-demo__event-date{color:var(--ab-color-text-secondary);white-space:nowrap;margin:0;font-size:.625em}.session-viewer-demo__event-time{color:var(--ab-color-text);font-size:.6875em;font-weight:var(--ab-font-weight-semibold);white-space:nowrap;margin:0}.session-viewer-demo__event-placeholder-title{background:#ffffff29;border-radius:.1875em;width:8em;height:.3125em;display:block}.session-viewer-demo__event-placeholder-meta{background:#ffffff17;border-radius:.1875em;width:4.5em;height:.3125em;margin-top:.375em;display:block}@media (prefers-reduced-motion:reduce){.session-viewer-demo__nav,.session-viewer-demo__json,.session-viewer-demo__json-key,.session-viewer-demo__json-value,.session-viewer-demo__json-row,.session-viewer-demo__events,.session-viewer-demo__timeline-rail,.session-viewer-demo__event{transition:none}}.extend-observability-demo__panel{width:29.9375em}.extend-observability-demo__body{gap:.75em;padding:.875em 1em;display:flex}.extend-observability-demo__requests{flex-direction:column;flex:0 0 12.8125em;gap:.75em;display:flex}.extend-observability-demo__requests-top{flex-direction:column;gap:.1875em;display:flex}.extend-observability-demo__requests-label{color:var(--ab-color-text-muted);white-space:nowrap;margin:0;font-size:.6875em}.extend-observability-demo__requests-value-row{align-items:center;gap:.5625em;display:flex}.extend-observability-demo__requests-value{color:var(--ab-color-text);font-size:1.625em;font-weight:var(--ab-font-weight-semibold);white-space:nowrap;line-height:1}.extend-observability-demo__requests-dot{opacity:0;background:#68d59a;border-radius:50%;flex-shrink:0;width:.375em;height:.375em;transition:opacity .3s ease-out}.extend-observability-demo__requests-dot.is-shown{opacity:1;animation:1.6s ease-in-out .3s infinite extend-observability-pulse}@keyframes extend-observability-pulse{0%,to{opacity:1}50%{opacity:.35}}.extend-observability-demo__distribution{border:.0625em solid var(--ab-white-a08);opacity:0;background:#0f12177a;border-radius:.4375em;flex-direction:column;flex-grow:1;gap:.5625em;padding:.625em .6875em 0;transition:opacity .3s ease-out;display:flex}.extend-observability-demo__distribution.is-shown{opacity:1}.extend-observability-demo__distribution-title{color:var(--ab-color-text-secondary);font-size:.625em;font-weight:var(--ab-font-weight-semibold);white-space:nowrap;margin:0}.extend-observability-demo__distribution-bars{flex-direction:column;gap:.5625em;display:flex}.extend-observability-demo__distribution-bar{background:var(--ab-blue-600);opacity:0;transform-origin:0;border-radius:.125em;height:.5625em;transition:opacity .25s ease-out,transform .4s ease-out;display:block;transform:scaleX(0)}.extend-observability-demo__distribution-bar.is-shown{opacity:1;transform:scaleX(1)}.extend-observability-demo__infra-services{flex-direction:column;flex:0 0 14.375em;gap:.625em;display:flex}.extend-observability-demo__infra{border:.0625em solid var(--ab-white-a08);opacity:0;background:#0f1217cc;border-radius:.4375em;flex-direction:column;gap:.4375em;padding:.5625em .6875em .6875em;transition:opacity .3s ease-out;display:flex}.extend-observability-demo__infra.is-shown{opacity:1}.extend-observability-demo__infra-heading{color:var(--ab-color-text);font-size:.6875em;font-weight:var(--ab-font-weight-semibold);white-space:nowrap;align-items:center;gap:.375em;display:flex}.extend-observability-demo__infra-heading svg{width:1em;height:1em}.extend-observability-demo__infra-chart{width:100%;height:auto;display:block}.extend-observability-demo__infra-grid{vector-effect:non-scaling-stroke}.extend-observability-demo__infra-line{stroke-dasharray:var(--extend-observability-infra-line-length,260);stroke-dashoffset:var(--extend-observability-infra-line-length,260);vector-effect:non-scaling-stroke;transition:stroke-dashoffset .8s ease-out}.extend-observability-demo__infra-line.is-drawn{stroke-dashoffset:0}.extend-observability-demo__services{background:var(--ab-white-a04);opacity:0;border:.0625em solid #ffffff0f;border-radius:.4375em;align-items:center;gap:.75em;height:4.6875em;padding-inline:.75em;transition:opacity .3s ease-out;display:flex}.extend-observability-demo__services.is-shown{opacity:1}.extend-observability-demo__services-donut{flex-shrink:0;width:3.25em;height:3.25em}.extend-observability-demo__services-donut svg{width:100%;height:100%;display:block}.extend-observability-demo__services-summary{flex-direction:column;flex:1 0 0;gap:.5em;min-width:0;display:flex}.extend-observability-demo__services-title{color:var(--ab-color-text);font-size:.6875em;font-weight:var(--ab-font-weight-semibold);white-space:nowrap;margin:0}.extend-observability-demo__services-row{opacity:0;align-items:center;gap:.375em;transition:opacity .25s ease-out,transform .25s ease-out;display:flex;transform:translate(-.25em)}.extend-observability-demo__services-row.is-shown{opacity:1;transform:translate(0)}.extend-observability-demo__services-dot{border-radius:50%;flex-shrink:0;width:.25em;height:.25em}.extend-observability-demo__services-bar{background:#ffffff24;border-radius:.15625em;height:.3125em;display:block}@media (prefers-reduced-motion:reduce){.extend-observability-demo__requests-dot,.extend-observability-demo__distribution,.extend-observability-demo__distribution-bar,.extend-observability-demo__infra,.extend-observability-demo__infra-line,.extend-observability-demo__services,.extend-observability-demo__services-row{transition:none;animation:none}}.ams-simulator-demo__panel{width:29.9375em}.ams-simulator-demo__body{flex-direction:column;gap:.625em;padding:.875em 1em;display:flex}.ams-simulator-demo__toolbar{opacity:0;align-items:center;gap:.5em;height:2.25em;transition:opacity .3s ease-out;display:flex}.ams-simulator-demo__toolbar.is-shown{opacity:1}.ams-simulator-demo__toolbar-icon{flex-shrink:0;width:1.375em;height:1.375em}.ams-simulator-demo__toolbar-label{color:var(--ab-color-text);font-size:.75em;font-weight:var(--ab-font-weight-semibold);white-space:nowrap}.ams-simulator-demo__toolbar-spacer{flex:1 0 0}.ams-simulator-demo__run{background:var(--ab-blue-600);width:4.5625em;height:1.75em;color:var(--ab-color-text);font-size:.6875em;font-weight:var(--ab-font-weight-semibold);white-space:nowrap;border-radius:.375em;justify-content:center;align-items:center;gap:.3125em;transition:transform .15s ease-out;display:flex;transform:scale(1)}.ams-simulator-demo__run.is-pressed{transform:scale(.94)}.ams-simulator-demo__run svg{width:.875em;height:.875em}.ams-simulator-demo__console{border:.0625em solid var(--ab-white-a08);opacity:0;background:#0f1217cc;border-radius:.4375em;flex-direction:column;gap:.375em;padding:.5625em .75em .75em;transition:opacity .3s ease-out;display:flex}.ams-simulator-demo__console.is-shown{opacity:1}.ams-simulator-demo__console-prompt{white-space:nowrap;align-items:baseline;gap:.4375em;margin:0;display:flex}.ams-simulator-demo__console-caret{color:#68d59a;font-size:.75em;font-weight:var(--ab-font-weight-semibold)}.ams-simulator-demo__console-cmd{color:var(--ab-neutral-300);font-size:.6875em;font-weight:var(--ab-font-weight-semibold)}.ams-simulator-demo__console-flag{color:var(--ab-neutral-400);font-size:.625em}.ams-simulator-demo__console-line{opacity:0;align-items:center;gap:.625em;height:.75em;transition:opacity .25s ease-out;display:flex}.ams-simulator-demo__console-line.is-shown{opacity:1}.ams-simulator-demo__console-timestamp,.ams-simulator-demo__console-key,.ams-simulator-demo__console-value{border-radius:.125em;height:.25em;display:block}.ams-simulator-demo__console-timestamp{background:var(--ab-white-a08);width:2.125em}.ams-simulator-demo__console-key{background:#8bbff759}.ams-simulator-demo__console-value{background:#a7d0a33d}.ams-simulator-demo__cards{gap:.625em;display:flex}.ams-simulator-demo__card{border:.0625em solid var(--ab-white-a08);background:var(--ab-white-a04);opacity:0;border-radius:.4375em;flex:1 0 0;align-items:center;gap:.5em;height:2.9375em;padding-left:.625em;transition:opacity .3s ease-out;display:flex}.ams-simulator-demo__card.is-shown{opacity:1}.ams-simulator-demo__card.ams-simulator-demo__card--validate{background:#68d59a0d;border-color:#68d59a1f}.ams-simulator-demo__card-icon{flex-shrink:0;width:1.25em;height:1.25em}.ams-simulator-demo__card-text{white-space:nowrap;flex-direction:column;gap:.0625em;display:flex}.ams-simulator-demo__card-label{color:var(--ab-neutral-300);font-size:.625em;font-weight:var(--ab-font-weight-semibold);margin:0}.ams-simulator-demo__card-value{color:var(--ab-neutral-400);margin:0;font-size:.5625em}.ams-simulator-demo__card-value--passed{color:#68d59a}.ams-simulator-demo__sparkline{width:2.0625em;height:2.1875em;margin-left:auto;margin-right:.5em}.ams-simulator-demo__sparkline-path{stroke-dasharray:var(--ams-simulator-sparkline-length,80);stroke-dashoffset:var(--ams-simulator-sparkline-length,80);transition:stroke-dashoffset .7s ease-out}.ams-simulator-demo__sparkline-path.is-drawn{stroke-dashoffset:0}@media (prefers-reduced-motion:reduce){.ams-simulator-demo__toolbar,.ams-simulator-demo__run,.ams-simulator-demo__console,.ams-simulator-demo__console-line,.ams-simulator-demo__card,.ams-simulator-demo__sparkline-path{transition:none}}.economy-debugger-demo__panel{width:29.9375em}.economy-debugger-demo__wallets{background:var(--ab-white-a04);opacity:0;border:.0625em solid #ffffff0f;border-radius:.4375em;align-items:center;gap:.5625em;height:1.25em;margin:.875em 1em 0;padding:1em .75em;transition:opacity .3s ease-out;display:flex}.economy-debugger-demo__wallets.is-shown{opacity:1}.economy-debugger-demo__wallets-icon{width:1.25em;height:1.25em;color:var(--ab-color-text-secondary);flex-shrink:0}.economy-debugger-demo__wallets-icon--coins{color:#e0b64d}.economy-debugger-demo__wallets-icon--diamond{color:var(--ab-blue-300)}.economy-debugger-demo__wallets-label{color:var(--ab-color-text-secondary);white-space:nowrap;font-size:.6875em}.economy-debugger-demo__wallets-spacer{flex:1 0 0}.economy-debugger-demo__wallets-value{color:var(--ab-color-text);font-size:.9375em;font-weight:var(--ab-font-weight-semibold);white-space:nowrap}.economy-debugger-demo__wallets-divider{background:var(--ab-white-a12);flex-shrink:0;width:.0625em;height:1.125em}.economy-debugger-demo__body{gap:.75em;padding:.875em 1em 1em;display:flex}.economy-debugger-demo__history{flex-direction:column;flex:0 0 12.4375em;gap:.625em;display:flex}.economy-debugger-demo__user-row{align-items:center;gap:.5em;height:1.125em;display:flex}.economy-debugger-demo__user-label{color:var(--ab-color-text-muted);white-space:nowrap;font-size:.625em}.economy-debugger-demo__user-bar{background:var(--ab-white-a12);border-radius:.1875em;width:6.4375em;height:.3125em;display:block}.economy-debugger-demo__order{border:.0625em solid var(--ab-blue-a24);background:var(--ab-blue-a12);opacity:0;border-radius:.375em;flex-direction:column;gap:.1875em;padding:.4375em .625em .5625em;transition:opacity .3s ease-out;display:flex}.economy-debugger-demo__order.is-shown{opacity:1}.economy-debugger-demo__order-date{color:var(--ab-color-text-muted);white-space:nowrap;margin:0;font-size:.5625em}.economy-debugger-demo__order-name{color:var(--ab-color-text);font-size:.8125em;font-weight:var(--ab-font-weight-semibold);white-space:nowrap;margin:0}.economy-debugger-demo__order-amount{height:1.25em;color:var(--ab-color-text-secondary);font-size:.75em;font-weight:var(--ab-font-weight-semibold);white-space:nowrap;align-items:center;gap:.3125em;display:flex}.economy-debugger-demo__order-amount svg{color:#e0b64d;width:1.3333em;height:1.3333em}.economy-debugger-demo__earlier{opacity:0;align-items:center;gap:.5em;height:1.0625em;transition:opacity .3s ease-out;display:flex}.economy-debugger-demo__earlier.is-shown{opacity:1}.economy-debugger-demo__earlier-dot{background:var(--ab-blue-600);border-radius:50%;flex-shrink:0;width:.375em;height:.375em}.economy-debugger-demo__earlier-bar{background:var(--ab-white-a12);border-radius:.1875em;height:.3125em;display:block}.economy-debugger-demo__earlier-bar--wide{width:5.375em}.economy-debugger-demo__earlier-bar--narrow{width:2.9375em}.economy-debugger-demo__metadata{border:.0625em solid var(--ab-white-a08);opacity:0;background:#0f1217cc;border-radius:.4375em;flex-direction:column;flex:0 0 14.75em;gap:.4375em;padding:.625em .75em .75em;transition:opacity .3s ease-out;display:flex}.economy-debugger-demo__metadata.is-shown{opacity:1}.economy-debugger-demo__metadata-title{color:var(--ab-color-text);font-size:.6875em;font-weight:var(--ab-font-weight-semibold);white-space:nowrap;margin:0}.economy-debugger-demo__metadata-line{color:var(--ab-color-text-secondary);font-family:var(--ab-font-mono);white-space:pre;margin:0;font-size:.625em}.economy-debugger-demo__metadata-line--key{color:#8bbff7}.economy-debugger-demo__metadata-amount{align-items:center;gap:.4375em;height:1.0625em;display:flex}.economy-debugger-demo__metadata-fields{gap:.5625em;height:.625em;margin-left:.6em;display:flex}.economy-debugger-demo__metadata-placeholder{background:var(--ab-white-a12);border-radius:.1875em;width:4.375em;height:.3125em;display:block}.economy-debugger-demo__metadata-placeholder--amount{background:#cda99252;width:4.375em}@media (prefers-reduced-motion:reduce){.economy-debugger-demo__wallets,.economy-debugger-demo__order,.economy-debugger-demo__earlier,.economy-debugger-demo__metadata{transition:none}}.tools-explorer{align-items:flex-start;gap:var(--ab-space-32);flex-wrap:wrap;display:flex}.tools-rail{flex-direction:column;flex:20rem;min-width:0;display:flex}.tools-panel{flex:4 30rem;min-width:0}.tools-rail__item{align-items:center;gap:var(--ab-space-12);width:100%;min-height:4rem;padding-inline:var(--ab-space-24);color:var(--ab-color-text-secondary);font-family:var(--ab-font-body);font-size:var(--ab-font-size-16);font-weight:var(--ab-font-weight-semibold);text-align:left;cursor:pointer;background:0 0;border:none;display:flex;&.tools-rail__item--active{border-radius:var(--ab-radius-8);background:var(--ab-color-surface-raised);color:var(--ab-color-text)}}.tools-rail__icon{flex-shrink:0;width:1.5rem;height:1.5rem}.tools-rail__title{flex:1 0 0;min-width:0}.tools-rail__indicator{width:1.25rem;height:1.25rem;color:var(--ab-color-text-muted);flex-shrink:0}.ab-case-slider{margin-top:var(--ab-space-48);border:var(--ab-border-thin) solid var(--ab-white-a08);border-radius:var(--ab-radius-24);background:var(--ab-black);box-shadow:var(--ab-shadow-md);position:relative;overflow:hidden}.ab-case-slider-viewport{touch-action:pan-y;overflow:hidden}.ab-case-slider-track{transition:transform var(--ab-duration-narrative) var(--ab-ease-out);will-change:transform;display:flex}.ab-case-slider-slide{min-width:100%;min-height:var(--ab-space-128);color:var(--ab-neutral-0);flex:0 0 100%;position:relative}.ab-case-slider-bg{z-index:0;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ab-case-slider-scrim{z-index:1;background:var(--ab-gradient-media-side-scrim), var(--ab-gradient-media-scrim);position:absolute;inset:0}.ab-case-slider-inner{z-index:2;box-sizing:border-box;height:100%;min-height:var(--ab-space-128);justify-content:space-between;gap:var(--ab-space-32);padding:clamp(var(--ab-space-32), 4vw, var(--ab-space-48));flex-direction:column;display:flex;position:relative}.ab-case-slider-logo{width:auto;height:var(--ab-space-48);max-width:var(--ab-space-192);object-fit:contain;object-position:left center}.ab-case-slider-bottom{justify-content:space-between;align-items:flex-end;gap:var(--ab-space-32);display:flex}.ab-case-slider-copy{min-width:0;max-width:var(--ab-width-reading);flex:1 0 0}.ab-case-slider-headline{max-width:none;color:var(--ab-neutral-0);font-family:var(--ab-font-display);font-size:var(--ab-font-size-32);font-weight:var(--ab-font-weight-semibold);line-height:var(--ab-line-heading);margin:0}.ab-case-slider-link{align-items:center;gap:var(--ab-space-8);margin-top:var(--ab-space-24);color:var(--ab-neutral-0);font-size:var(--ab-font-size-16);font-weight:var(--ab-font-weight-semibold);display:inline-flex}.ab-case-slider-link:hover{color:var(--ab-neutral-0);text-decoration:underline}.ab-case-slider-stat{min-width:var(--ab-space-128);padding:var(--ab-space-16);border:var(--ab-border-thin) solid var(--ab-white-a20);border-radius:var(--ab-radius-12);background:var(--ab-black-a48);text-align:right;backdrop-filter:blur(var(--ab-space-16))}.ab-case-slider-stat strong,.ab-case-slider-stat span{display:block}.ab-case-slider-stat strong{font-family:var(--ab-font-display);font-size:var(--ab-font-size-20);font-weight:var(--ab-font-weight-bold);line-height:1.5}.ab-case-slider-stat span{margin-top:var(--ab-space-4);color:var(--ab-white-a72);font-size:var(--ab-font-size-12)}.ab-case-slider-controls{min-height:var(--ab-space-64);justify-content:space-between;align-items:center;gap:var(--ab-space-24);padding:var(--ab-space-16) var(--ab-space-24);background:var(--ab-black);display:flex}.ab-case-slider-dots,.ab-case-slider-actions{align-items:center;gap:var(--ab-space-8);display:flex}.ab-case-slider-dot{width:var(--ab-touch-target);height:var(--ab-touch-target);border-radius:var(--ab-radius-pill);cursor:pointer;background:0 0;border:0;padding:0;position:relative}.ab-case-slider-dot:after{width:var(--ab-space-8);height:var(--ab-space-8);border-radius:var(--ab-radius-pill);background:var(--ab-white-a32);content:"";transition:width var(--ab-duration-standard) var(--ab-ease-standard), background-color var(--ab-duration-standard) var(--ab-ease-standard);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ab-case-slider-dot.is-active:after{width:var(--ab-space-24);background:var(--ab-neutral-0)}.ab-case-slider-control{width:var(--ab-control-sm);min-height:var(--ab-control-sm);border:var(--ab-border-thin) solid var(--ab-white-a32);border-radius:var(--ab-radius-8);background:var(--ab-white-a12);color:var(--ab-neutral-0);cursor:pointer;padding:0}.ab-case-slider-progress{height:var(--ab-border-strong);background:var(--ab-black)}.ab-case-slider-progress span{background:var(--ab-color-action);transform-origin:0;width:100%;height:100%;animation:ab-case-slider-progress var(--ab-duration-carousel) linear forwards;display:block}.ab-case-slider.is-paused .ab-case-slider-progress span{animation-play-state:paused}@keyframes ab-case-slider-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (width<=64rem){.ab-case-slider-slide,.ab-case-slider-inner{min-height:var(--ab-space-128)}}@media (width<=37.5rem){.ab-case-slider-slide,.ab-case-slider-inner{min-height:0}.ab-case-slider-inner{padding:var(--ab-space-24)}.ab-case-slider-headline{font-size:var(--ab-font-size-24)}.ab-case-slider-bottom{align-items:flex-start;gap:var(--ab-space-24);flex-direction:column}.ab-case-slider-stat{text-align:left}.ab-case-slider-controls{flex-wrap:wrap;gap:0}.ab-case-slider-dots,.ab-case-slider-actions{flex:1 0 100%;justify-content:center}}@media (prefers-reduced-motion:reduce){.ab-case-slider-progress{display:none}}