.trace-identity{border-block:1px solid var(--border);color:var(--muted);min-width:0;padding:10px 16px;font-size:11px}.trace-identity summary{cursor:pointer;align-items:center;min-height:28px;display:flex}.trace-identity dl{gap:8px;margin-block:8px;display:grid}.trace-identity dl>div{grid-template-columns:64px minmax(0,1fr);gap:8px;display:grid}.trace-identity dd{overflow-wrap:anywhere;margin:0}.trace-identity code{font-size:10px}.conversation-app{background:var(--surface);grid-template-columns:236px minmax(0,1fr);height:100dvh;font-size:14px;line-height:1.6;display:grid;overflow:hidden}.conversation-app.with-inspector{grid-template-columns:236px minmax(0,1fr) 350px}.chat-sidebar{background:var(--bg);border-right:1px solid var(--border);flex-direction:column;min-height:0;padding:28px 18px 18px;display:flex}.chat-brand{letter-spacing:-.5px;align-items:center;gap:10px;font-size:17px;font-weight:750;display:flex}.chat-brand>span{background:var(--primary);width:35px;height:38px;color:var(--on-primary);border-radius:11px;place-items:center;display:grid}.chat-brand small{letter-spacing:1.2px;color:var(--muted);margin-top:2px;font-size:7px;font-weight:600;display:block}.new-chat{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:9px;align-items:center;gap:10px;margin:28px 0;padding:11px 13px;font-weight:600;display:flex}.new-chat>span{color:var(--muted);margin-left:auto}.new-chat:hover{border-color:var(--primary)}.chat-sidebar-label{color:var(--muted);letter-spacing:1px;margin:0 10px 10px;font-size:10px}.active-chat{background:var(--primary-soft);color:var(--primary);border-radius:8px;align-items:center;gap:9px;padding:11px;font-size:12px;display:flex}.active-chat span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-sidebar-guide{margin-top:32px}.chat-sidebar-guide>button{text-align:left;width:100%;color:var(--muted);background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:12px 10px;display:flex}.chat-sidebar-guide>button:hover{background:var(--surface)}.chat-sidebar-guide strong{color:var(--text);font-size:12px;font-weight:600;display:block}.chat-sidebar-guide small{margin-top:1px;font-size:10px;display:block}.chat-sidebar-guide>button>svg:last-child{margin-left:auto}.chat-sidebar-bottom{margin-top:auto;padding-top:25px}.local-agent-note{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:13px;font-size:11px;font-weight:600}.online-dot{background:var(--green);border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.local-agent-note p{color:var(--muted);margin-top:7px;font-size:10px;font-weight:400;line-height:1.9}.chat-sidebar-bottom>a{color:var(--muted);align-items:center;gap:9px;padding:19px 6px;font-size:11px;display:flex}.turn-doc-link{color:var(--primary);align-items:center;gap:7px;min-height:44px;margin-top:8px;font-size:12px;line-height:1.7;display:inline-flex}.turn-doc-link:hover{text-underline-offset:4px;text-decoration:underline}.chat-sidebar-bottom>a>svg:last-child{margin-left:auto}.chat-version{color:var(--muted);border-top:1px solid var(--border);justify-content:space-between;padding-top:15px;font-size:9px;display:flex}.chat-main{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.chat-topbar{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:68px;padding:0 28px;display:flex}.chat-topbar>div{align-items:center;gap:12px;min-width:0;display:flex}.chat-topbar strong{white-space:nowrap;font-size:13px;font-weight:600}.chat-topbar>div>svg{color:var(--primary)}.chat-header-divider{background:var(--border);width:1px;height:14px}.chat-context{color:var(--muted);white-space:nowrap;font-size:11px}.connection-state{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:flex}.connection-state i{background:var(--amber);border-radius:50%;width:5px;height:5px}.connection-state.ready i{background:var(--green)}.connection-state.offline i{background:var(--danger)}.inspect-toggle{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:7px;align-items:center;gap:7px;padding:7px 9px;font-size:11px;display:flex}.inspect-toggle.active{background:var(--primary-soft);color:var(--primary);border-color:#0000}.chat-topbar .mobile-new-chat,.chat-mobile-navigation{display:none}.chat-mobile-navigation-links{z-index:40;border:1px solid var(--border-strong);background:var(--surface);width:min(280px,100vw - 32px);box-shadow:var(--shadow);border-radius:10px;padding:8px;position:absolute;top:calc(100% + 8px);left:0}.chat-mobile-navigation-links a{min-height:44px;color:var(--text);border-radius:6px;align-items:center;gap:10px;padding:10px;font-size:12px;display:flex}.chat-mobile-navigation-links a+a{margin-top:4px}.chat-mobile-navigation-links a>svg:last-child{margin-left:auto}.chat-mobile-navigation-links a:hover,.chat-mobile-navigation-links a:active{background:var(--primary-soft);color:var(--primary)}.chat-mobile-navigation :is(button,a):focus-visible{outline:2px solid var(--primary);outline-offset:2px}.conversation-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;overflow-y:auto}.conversation-content{max-width:850px;margin:0 auto;padding:24px 36px 30px}.conversation-date{text-align:center;color:var(--muted);letter-spacing:.5px;margin-bottom:28px;font-size:10px}.chat-message{gap:12px;min-width:0;margin-bottom:30px;display:flex}.assistant-avatar{background:var(--primary-soft);width:32px;height:34px;color:var(--primary);border:1px solid var(--border);border-radius:10px;flex-shrink:0;place-items:center;margin-top:1px;display:grid}.assistant-body{flex:1;min-width:0}.message-byline{flex-wrap:wrap;align-items:center;gap:10px;margin:4px 0 13px;font-size:11px;display:flex}.message-byline strong{font-size:12px;font-weight:650}.message-byline>span:not(.protocol-tag){color:var(--muted);font-size:10px}.welcome-message h1{letter-spacing:-.8px;margin:26px 0 12px;font-size:27px;line-height:1.4}.agent-prose{color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.95}.welcome-message .agent-prose{color:var(--muted);max-width:570px}.welcome-hint{color:var(--muted);margin:20px 0 12px;font-size:11px}.conversation-starters{flex-direction:column;gap:10px;max-width:590px;display:flex}.conversation-starters>button{border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:10px;align-items:center;gap:13px;padding:15px;transition:background .15s,border-color .15s;display:flex}.conversation-starters>button:hover{border-color:var(--border-strong);background:var(--surface-soft)}.conversation-starters strong{font-size:12px;font-weight:550;display:block}.conversation-starters small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.conversation-starters>button>svg{color:var(--muted);margin-left:auto;transform:rotate(45deg)}.starter-icon{border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.starter-icon.agui{color:var(--primary);background:var(--primary-soft)}.starter-icon.a2ui{color:var(--teal);background:var(--teal-soft)}.starter-icon.mcp{color:var(--amber);background:var(--amber-soft)}.user-message{justify-content:flex-end;margin:24px 0 30px;padding-left:42px}.user-bubble{background:var(--primary-soft);border:1px solid var(--hero-border);border-radius:15px 15px 4px;max-width:90%;padding:11px 16px}.user-bubble .agent-prose{font-size:13px}.protocol-tag{background:var(--surface-soft);border:1px solid var(--border);color:var(--muted);border-radius:5px;align-items:center;gap:5px;padding:2px 7px;font-size:9px;font-weight:550;display:inline-flex}.protocol-tag.agui{color:var(--primary)}.protocol-tag.a2ui{color:var(--teal)}.protocol-tag.mcp{color:var(--amber)}.chat-run-status{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 12px;font-size:11px;display:flex}.chat-run-status>span{color:var(--muted);margin-left:auto;font:9px ui-monospace,monospace}.chat-task-card{background:var(--surface-soft);border:1px solid var(--border);border-radius:9px;margin:14px 0;padding:13px 16px}.chat-card-label{letter-spacing:.6px;color:var(--muted);margin-bottom:9px;font:9px ui-monospace,monospace}.chat-task-card .task-item{gap:8px;padding:3px 0;font-size:11px;line-height:1.9}.chat-tool-call{border:1px solid var(--border);border-radius:8px;margin:13px 0;overflow:hidden}.chat-tool-call summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;font:11px ui-monospace,monospace;display:flex}.chat-tool-call summary span{color:var(--muted);margin-left:auto;font:10px system-ui}.chat-tool-call pre,.chat-disclosure pre{background:var(--code-bg);white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;padding:12px;font-size:10px;line-height:1.8;overflow:auto}.chat-itinerary{border:1px solid var(--border);border-radius:10px;margin:14px 0;overflow:hidden}.chat-itinerary>div{align-items:center;gap:12px;padding:12px 15px;display:flex}.chat-itinerary>div+div{border-top:1px solid var(--border)}.chat-itinerary span{color:var(--primary);background:var(--primary-soft);border-radius:5px;padding:5px 6px;font:11px ui-monospace,monospace}.chat-itinerary p{font-size:12px}.chat-run-actions{flex-wrap:wrap;gap:13px;margin:8px 0;display:flex}.chat-run-actions button{color:var(--muted);background:0 0;border:0;align-items:center;gap:5px;padding:5px 0;font-size:11px;display:flex}.chat-run-actions button:hover{color:var(--primary)}.chat-disclosure{border:1px solid var(--border);border-radius:8px;margin:14px 0;font-size:11px;overflow:hidden}.chat-disclosure>summary{cursor:pointer;color:var(--text);padding:11px 12px;font-weight:550}.chat-disclosure>summary>span{color:var(--muted);margin-left:8px;font-size:9px;font-weight:400}.chat-disclosure[open]>summary{border-bottom:1px solid var(--border)}.chat-disclosure>.hint{padding:12px}.event-map{padding:8px 12px}.event-map p{flex-direction:column;gap:3px;padding:7px 0;display:flex}.event-map code{color:var(--primary);font-size:10px}.event-map span{color:var(--muted);font-size:11px}.event-pills{background:var(--surface-soft);flex-wrap:wrap;gap:5px;padding:10px 12px;display:flex}.event-pills code{border:1px solid var(--border);overflow-wrap:anywhere;border-radius:4px;max-width:100%;padding:3px 5px;font-size:8px}.inspect-turn{color:var(--muted);background:0 0;border:0;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;padding:6px 0;font-size:10px;display:flex}.inspect-turn:hover{color:var(--primary)}.inspect-turn>span{border-left:1px solid var(--border);margin-left:4px;padding-left:5px}.inspected .inspect-turn{color:var(--primary)}.follow-up{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:8px;padding-left:44px;display:flex}.follow-up>span{color:var(--muted);font-size:10px}.follow-up>button{border:1px solid var(--border);background:var(--surface);color:var(--primary);text-align:left;border-radius:20px;align-items:center;gap:9px;padding:8px 13px;font-size:11px;display:flex}.follow-up>button:hover{background:var(--primary-soft)}.composer-area{background:var(--surface);flex-shrink:0;width:100%;max-width:920px;margin:0 auto;padding:14px 34px;position:relative}.chat-composer{border:1px solid var(--border-strong);background:var(--surface);border-radius:14px;padding:12px 14px 10px;box-shadow:0 3px 20px #20233206}.chat-composer:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.chat-composer>label{color:var(--muted);margin-bottom:6px;font-size:10px;display:block}.chat-composer textarea{resize:none;width:100%;min-height:47px;max-height:180px;color:var(--text);background:0 0;border:0;outline:none;padding:0;font-size:13px;line-height:1.7;display:block}.chat-composer textarea:focus-visible{outline:none}.chat-composer textarea::placeholder{color:var(--muted)}.composer-toolbar{align-items:center;gap:10px;margin-top:8px;display:flex}.protocol-mode{border:1px solid var(--border);color:var(--muted);border-radius:6px;align-items:center;gap:4px;min-width:0;padding:4px 7px;display:flex}.protocol-mode select{max-width:150px;color:var(--text);cursor:pointer;background:0 0;border:0;padding:0;font-size:10px}.protocol-mode option{background:var(--surface);color:var(--text)}.composer-key-hint{color:var(--muted);margin-left:auto;font-size:9px}.send-message{background:var(--primary);width:34px;height:34px;color:var(--on-primary);border:0;border-radius:9px;flex-shrink:0;place-items:center;margin-left:auto;display:grid}.send-message:disabled{background:var(--surface-soft);color:var(--muted);opacity:1}.composer-note{color:var(--muted);text-align:center;margin-top:9px;font-size:9px;line-height:1.6}.assistant-body .module-recovery{border:1px solid var(--border);background:var(--surface-soft);border-radius:10px;max-width:none;margin:12px 0;padding:16px}.assistant-body .module-recovery h2{margin-bottom:8px;font-size:15px}.assistant-body .module-recovery p{font-size:12px}.assistant-body .module-recovery-actions{margin-top:12px}.assistant-body .module-loading{color:var(--muted);padding:12px 0;font-size:12px}.chat-message-failure{border-top:1px solid var(--border-strong);color:var(--danger);margin-top:12px;padding-top:10px;font-size:12px;line-height:1.7}.chat-failure-actions{flex-wrap:wrap;gap:8px;display:flex}.chat-message-failure button{border:1px solid var(--border-strong);background:var(--surface);min-height:44px;color:var(--danger);border-radius:8px;margin-top:6px;padding:8px 12px}.composer-editing{color:var(--muted);align-items:center;gap:8px;margin-bottom:6px;font-size:11px;display:flex}.composer-editing button{min-height:44px;color:var(--primary);text-underline-offset:3px;background:0 0;border:0;padding:8px;text-decoration:underline}.composer-error{color:var(--danger);padding:7px 0;font-size:11px}.composer-error button{color:inherit;background:0 0;border:0;margin-left:8px;text-decoration:underline}.jump-latest{background:var(--surface);border:1px solid var(--border-strong);color:var(--muted);box-shadow:var(--shadow);white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:7px 12px;font-size:11px;display:flex;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%)}.chat-inspector-panel{border-left:1px solid var(--border);background:var(--bg);flex-direction:column;min-width:0;display:flex;overflow-y:auto}.chat-inspector-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:68px;padding:0 20px;display:flex}.chat-inspector-header>div{align-items:center;gap:9px;display:flex}.chat-inspector-header strong{font-size:12px;font-weight:600}.chat-inspector-header svg{color:var(--muted)}.inspector-intro{padding:24px 20px 18px}.inspector-intro .chat-sidebar-label{margin:0 0 8px;font-size:9px}.inspector-intro h2{margin:5px 0 8px;font-size:17px;line-height:1.5}.inspector-intro>p{color:var(--muted);font-size:11px;line-height:1.9}.inspected-prompt{border-left:2px solid var(--primary);background:var(--surface);overflow-wrap:anywhere;color:var(--muted);margin-top:12px;padding:9px 10px;font-size:10px;line-height:1.8}.chat-inspector-panel .inspector{border-radius:9px;flex-direction:column;flex:1;min-width:0;min-height:480px;margin:0 12px;display:flex;position:static}.chat-inspector-panel .panel-heading{min-height:45px;padding:12px;font-size:11px}.chat-inspector-panel .trace-search{margin:10px}.chat-inspector-panel .trace-list{flex-shrink:0;height:220px}.chat-inspector-panel .trace-row{padding:10px 8px}.chat-inspector-panel .trace-row strong{overflow-wrap:anywhere;font-size:9px}.chat-inspector-panel .trace-row-content{min-width:0}.chat-inspector-panel .trace-time{font-size:8px}.chat-inspector-panel .payload{white-space:pre-wrap;overflow-wrap:anywhere;flex:1;min-height:160px;max-height:320px;font-size:9px}.chat-inspector-panel .inspector-note{padding:12px;font-size:9px}.chat-inspector-foot{color:var(--muted);overflow-wrap:anywhere;align-items:flex-start;gap:8px;padding:15px 20px;font:9px/1.7 ui-monospace,monospace;display:flex}.chat-inspector-foot svg{flex-shrink:0}.chat-inspector-scrim{display:none}.chat-resource-card{border:1px solid var(--border);background:var(--surface-soft);border-radius:10px;align-items:center;gap:11px;margin:15px 0 10px;padding:13px;display:flex}.chat-resource-card>svg{color:var(--amber);flex-shrink:0}.chat-resource-card strong{font-size:12px;display:block}.chat-resource-card code{color:var(--muted);overflow-wrap:anywhere;font-size:9px;display:block}.chat-resource-card>div{min-width:0}.chat-resource-card>.badge{white-space:nowrap;margin-left:auto}.chat-mcp .mcp-frame{min-height:340px;margin-top:12px}.generation-steps{padding:12px}.generation-steps .task-item{padding:4px 0;font-size:10px;line-height:1.8}.chat-surface .a2ui-renderer{margin-top:14px}.chat-surface .a2ui-card{border-radius:11px;padding:20px}.chat-surface .a2ui-text.h1{font-size:20px}.chat-surface .a2ui-field{font-size:11px}.chat-surface .a2ui-field input,.chat-surface .a2ui-field select{min-height:40px;font-size:12px}.chat-surface .button{min-height:40px}.component-map{flex-wrap:wrap;gap:6px;padding:12px;display:flex}.component-map button{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:5px;padding:5px 8px;font-size:10px}.component-map button[aria-pressed=true]{background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}.interaction-label{color:var(--muted);align-items:center;gap:5px;margin-bottom:5px;font-size:9px;display:flex}.interaction-message .agent-prose{font-size:12px}.interaction-message{margin-bottom:20px}.stream-caret{background:var(--primary);vertical-align:middle;width:5px;height:14px;margin-left:4px;animation:1s steps(2,start) infinite chat-blink;display:inline-block}.conversation-app .error-banner{font-size:12px}.conversation-app .hint{font-size:11px;line-height:1.8}@keyframes chat-blink{to{opacity:0}}@media (width>=1500px){.conversation-app.with-inspector{grid-template-columns:250px minmax(0,1fr) 390px}.chat-sidebar{padding-left:24px;padding-right:24px}.conversation-content{padding-top:32px}}@media (width<=1279px){.conversation-app,.conversation-app.with-inspector{grid-template-columns:206px minmax(0,1fr)}.chat-inspector-panel{z-index:51;width:350px;position:fixed;top:0;bottom:0;right:0;box-shadow:-12px 0 40px #0002}.chat-inspector-scrim{z-index:50;background:#15122455;border:0;display:block;position:fixed;inset:0}.conversation-content{max-width:820px}.chat-brand{font-size:15px}.chat-brand small{font-size:6px}}@media (width<=780px){.conversation-app,.conversation-app.with-inspector{display:flex}.chat-sidebar{display:none}.chat-main{width:100%}.chat-topbar{gap:8px;height:60px;padding:0 16px}.chat-topbar>div{gap:8px}.chat-context,.chat-header-divider{display:none}.connection-state{font-size:9px}.chat-top-actions{gap:5px!important}.chat-topbar .mobile-new-chat{display:grid}.chat-mobile-navigation{flex-shrink:0;display:block;position:relative}.chat-topbar>div>svg,.chat-topbar .connection-state{display:none}.chat-topbar .inspect-toggle{justify-content:center;min-width:44px;min-height:44px;padding:7px}.inspect-toggle>span{display:none}.conversation-content{padding:22px 16px 24px}.conversation-date{margin-bottom:24px}.chat-message{gap:9px}.assistant-avatar{border-radius:8px;width:27px;height:29px}.assistant-avatar svg{width:15px}.welcome-message h1{letter-spacing:-.7px;margin-top:20px;font-size:23px}.agent-prose{font-size:13px}.message-byline{gap:7px}.message-byline strong{font-size:11px}.message-byline>span:not(.protocol-tag){font-size:9px}.conversation-starters>button{gap:9px;min-height:70px;padding:12px}.conversation-starters strong{font-size:11px}.conversation-starters small{font-size:9px}.starter-icon{width:30px;height:30px}.user-message{padding-left:28px}.user-bubble{max-width:95%}.composer-area{padding:10px 16px max(10px, env(safe-area-inset-bottom))}.chat-composer{border-radius:12px;padding:10px 12px 9px}.chat-composer textarea{min-height:55px;font-size:16px}.composer-key-hint{display:none}.protocol-mode select{font-size:11px}.send-message{width:44px;height:44px}.composer-note{font-size:8px}.chat-inspector-panel{width:min(92vw,380px)}.follow-up{padding-left:36px}.chat-resource-card{gap:8px;padding:10px}.chat-resource-card>.badge{padding:3px 5px;font-size:8px}.chat-surface .a2ui-card{padding:14px}.chat-surface .a2ui-field input,.chat-surface .a2ui-field select{font-size:16px}.chat-disclosure>summary>span{margin:3px 0 0 14px;display:block}.chat-mcp .mcp-frame{width:100%}.chat-run-actions button{min-height:36px}.chat-task-card{padding:11px 12px}.chat-itinerary>div{padding:10px}.chat-tool-call summary{font-size:10px}.inspect-turn>span{font-size:9px}.connection-state.checking{display:none}.chat-inspector-header .icon-button,.chat-topbar .icon-button{flex-shrink:0;min-width:44px;min-height:44px}}@media (width<=360px){.chat-topbar strong{display:none}}@media (prefers-reduced-motion:reduce){.conversation-app *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.conversation-app .learning-panel{border-top:1px solid var(--border);padding:16px}.conversation-app .learning-panel p{line-height:1.8}.conversation-app .learning-panel>p+p{margin-top:8px}.conversation-app .learning-panel select option{color:var(--text);background:var(--surface)}.conversation-app .learning-eyebrow{color:var(--primary);align-items:center;gap:7px;margin-bottom:8px;font-size:11px;font-weight:650;display:flex}.conversation-app .learning-controls,.conversation-app .learning-actions{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;display:flex}.conversation-app .learning-controls button,.conversation-app .learning-actions button,.conversation-app .learning-link{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:7px;align-items:center;gap:6px;min-height:34px;padding:7px 10px;font-size:11px;display:inline-flex}.conversation-app .learning-controls button:hover:not(:disabled),.conversation-app .learning-actions button:hover:not(:disabled),.conversation-app .learning-link:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.conversation-app .learning-controls>span{color:var(--muted);font-size:11px}.conversation-app .learning-field{color:var(--text);flex-direction:column;gap:6px;margin:12px 0;font-size:12px;display:flex}.conversation-app .learning-field select,.conversation-app .learning-field textarea,.conversation-app .learning-field input:not([type=range]){border:1px solid var(--border-strong);background:var(--surface);width:100%;min-width:0;color:var(--text);font:inherit;border-radius:7px;padding:9px 10px}.conversation-app .learning-field textarea{resize:vertical;min-height:120px;font:12px/1.7 ui-monospace,monospace}.conversation-app .learning-field input[type=range]{width:100%;accent-color:var(--primary);min-height:30px}.conversation-app .causal-evidence{border:1px solid var(--border);background:var(--surface-soft);overflow-wrap:anywhere;border-radius:9px;margin:12px 0;padding:15px}.conversation-app .causal-evidence>strong{font:600 12px/1.7 ui-monospace,monospace}.conversation-app .causal-evidence>p{margin-top:8px;font-size:12px}.conversation-app .state-comparison{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:12px 0;display:grid}.conversation-app .state-comparison>div{min-width:0}.conversation-app .state-comparison h4{color:var(--muted);margin:0 0 6px;font-size:11px;font-weight:600}.conversation-app .state-comparison pre,.conversation-app .learning-panel pre,.conversation-app .prediction-lesson pre{border:1px solid var(--border);background:var(--surface);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:7px;max-height:280px;margin:8px 0;padding:12px;font:11px/1.7 ui-monospace,monospace;overflow:auto}.conversation-app .changed-paths{border-left:3px solid var(--primary);margin:12px 0;padding:0;list-style:none}.conversation-app .changed-paths li{overflow-wrap:anywhere;flex-direction:column;gap:3px;padding:6px 10px;font-size:12px;display:flex}.conversation-app .changed-paths code{color:var(--primary);font-size:11px}.conversation-app .source-location{color:var(--muted);overflow-wrap:anywhere;margin:10px 0;font:10px/1.8 ui-monospace,monospace;display:block}.conversation-app .causal-link{color:var(--primary);background:0 0;border:0;border-bottom:1px dotted;align-items:center;min-height:24px;margin:4px 7px;padding:3px 0;font-size:10px;display:inline-flex}.conversation-app .causal-highlight{outline:2px solid var(--primary);outline-offset:3px;border-radius:5px}.conversation-app .agui-playback-toolbar{margin:8px 0 16px}.conversation-app .learning-experiment{border-top:1px solid var(--border);margin-top:16px;padding-top:12px}.conversation-app .learning-experiment>summary{cursor:pointer;padding:5px 0;font-size:12px;font-weight:600}.conversation-app .learning-experiment>p{color:var(--muted);margin-top:8px;font-size:12px}.conversation-app .experiment-result{border-left:3px solid var(--primary);background:var(--surface-soft);margin:12px 0;padding:12px;font-size:12px}.conversation-app .event-preview{border:1px dashed var(--primary);background:var(--surface);border-radius:7px;margin:12px 0;padding:12px}.conversation-app .event-preview ul{padding-left:18px;line-height:1.9}.conversation-app .prediction-lesson{border:1px solid var(--border);background:var(--surface);border-radius:9px;margin-top:18px;padding:16px}.conversation-app .prediction-lesson h3{margin:0 0 12px;font-size:14px}.conversation-app .prediction-lesson fieldset{border:0;min-width:0;margin:0 0 12px;padding:0}.conversation-app .prediction-lesson legend{margin-bottom:8px;font-size:12px;line-height:1.8}.conversation-app .prediction-option{border:1px solid var(--border);cursor:pointer;border-radius:7px;align-items:flex-start;gap:9px;min-height:42px;margin:7px 0;padding:10px 12px;font-size:12px;display:flex}.conversation-app .prediction-option:has(input:checked){border-color:var(--primary);background:var(--primary-soft)}.conversation-app .prediction-option input{accent-color:var(--primary);flex-shrink:0;margin-top:4px}.conversation-app .prediction-result{background:var(--surface-soft);border-radius:7px;margin-top:12px;padding:12px;font-size:12px}.conversation-app .prediction-result>strong{align-items:center;gap:7px;margin-bottom:8px;display:flex}.conversation-app .prediction-result>p{margin:8px 0}.conversation-app .prediction-result summary{cursor:pointer;padding:8px 0}.conversation-app .learning-orientation{border:1px solid var(--border);color:var(--muted);border-radius:9px;margin:18px 0;padding:0 14px;font-size:12px}.conversation-app .learning-orientation>summary{color:var(--text);cursor:pointer;padding:12px 0}.conversation-app .learning-orientation p{padding-bottom:12px;line-height:1.8}.conversation-app .learning-orientation ol{padding:0 0 12px 20px;line-height:1.9}.conversation-app .mcp-boundary-records{margin:12px 0 20px;padding:0;list-style:none}.conversation-app .mcp-boundary-heading{align-items:center;gap:8px;font-size:12px;display:flex}.conversation-app .mcp-boundary-heading svg{color:var(--primary);flex-shrink:0}.conversation-app .mcp-boundary-record summary{cursor:pointer;padding:10px 0;font-size:12px}.conversation-app .mcp-boundary-record .learning-link{margin-top:4px}.conversation-app .mcp-experiment-summary,.conversation-app .mcp-experiment-controls{overflow-wrap:anywhere;min-width:0}.conversation-app .mcp-learning-panel h3{margin:8px 0 12px;font-size:14px;line-height:1.6}.conversation-app .mcp-experiment-summary p{color:var(--muted);font-size:12px}.conversation-app .mcp-experiment-metrics{table-layout:fixed;border-collapse:collapse;width:100%;margin:12px 0;font-size:11px}.conversation-app .mcp-experiment-metrics caption{text-align:left;color:var(--muted);padding-bottom:8px}.conversation-app .mcp-experiment-metrics th,.conversation-app .mcp-experiment-metrics td{border:1px solid var(--border);text-align:center;overflow-wrap:anywhere;padding:9px 6px}.conversation-app .mcp-experiment-metrics th{background:var(--surface-soft);font-weight:600}.conversation-app .mcp-experiment-evidence{border-left:3px solid var(--primary);background:var(--surface-soft);border-radius:4px;margin:12px 0;padding:12px;font-size:12px}.conversation-app .mcp-experiment-evidence>strong{align-items:center;gap:7px;display:flex}.conversation-app .mcp-experiment-evidence p{margin:8px 0}.conversation-app .mcp-experiment-evidence summary{cursor:pointer;padding:8px 0}@media (width<=780px){.conversation-app .learning-panel{padding:12px}.conversation-app .state-comparison{grid-template-columns:minmax(0,1fr)}.conversation-app .learning-controls button,.conversation-app .learning-actions button,.conversation-app .learning-link{min-height:42px}.conversation-app .learning-field select,.conversation-app .learning-field textarea,.conversation-app .learning-field input:not([type=range]){font-size:16px}.conversation-app .prediction-lesson{padding:12px}}:root{color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;--bg:#f7f8fa;--surface:#fff;--surface-soft:#f9fafb;--sidebar:#fff;--text:#202332;--muted:#697183;--subtle:#676e80;--border:#e6e8ee;--border-strong:#c7cbd6;--primary:#5546d8;--primary-hover:#4436bc;--primary-soft:#f0edff;--on-primary:#fff;--green:#23785e;--green-soft:#eaf5ee;--amber:#946221;--amber-soft:#fcf3e4;--teal:#1a7c7a;--teal-soft:#e9f7f4;--danger:#bd3d4a;--danger-soft:#fff0f0;--hero:#efeffc;--hero-border:#e1e0f5;--code-bg:#fafbfe;--shadow:0 5px 20px #23224205;--radius:12px;--space:24px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}:root[data-theme=dark]{--bg:#14151d;--surface:#1d1f2a;--surface-soft:#232532;--sidebar:#191b24;--text:#ececf5;--muted:#adb1c3;--subtle:#a0a6ba;--border:#323443;--border-strong:#575d73;--primary:#afa1ff;--primary-hover:#bfb4ff;--primary-soft:#312b4e;--on-primary:#201936;--green:#89d3ae;--green-soft:#243c32;--amber:#e5bd81;--amber-soft:#3b3227;--teal:#8ddbd2;--teal-soft:#213a3a;--danger:#ffa5af;--danger-soft:#402b34;--hero:#28253f;--hero-border:#3c3659;--code-bg:#171923;--shadow:0 5px 20px #00000016;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#14151d;--surface:#1d1f2a;--surface-soft:#232532;--sidebar:#191b24;--text:#ececf5;--muted:#adb1c3;--subtle:#a0a6ba;--border:#323443;--border-strong:#575d73;--primary:#afa1ff;--primary-hover:#bfb4ff;--primary-soft:#312b4e;--on-primary:#201936;--green:#89d3ae;--green-soft:#243c32;--amber:#e5bd81;--amber-soft:#3b3227;--teal:#8ddbd2;--teal-soft:#213a3a;--danger:#ffa5af;--danger-soft:#402b34;--hero:#28253f;--hero-border:#3c3659;--code-bg:#171923;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button{color:inherit}button,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary)}h1,h2,h3,p{margin:0}button svg,a svg{flex-shrink:0}code,pre{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,monospace}code{font-size:.9em}pre{margin:0}svg{vertical-align:middle}::selection{background:var(--primary-soft);color:var(--primary)}.module-loading,.module-recovery{padding:32px 16px}.module-recovery{max-width:640px;color:var(--text);margin:0 auto}.module-recovery h2{margin-bottom:12px;font-size:22px}.module-recovery p{color:var(--muted);line-height:1.8}.module-recovery-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.module-recovery-actions .button{min-height:44px}.module-recovery h2:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);z-index:30;flex-direction:column;width:242px;padding:30px 20px 0;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-.4px;align-items:center;gap:11px;padding-left:6px;font-size:17px;font-weight:750;line-height:1.2;display:flex}.brand-mark{background:var(--primary);color:var(--on-primary);border-radius:11px;place-items:center;width:37px;height:40px;display:grid}.brand-subtitle{letter-spacing:1.7px;color:var(--muted);margin-top:6px;font-size:9px;font-weight:600;display:block}.workspace-label{border:1px solid var(--border);border-radius:8px;align-items:center;gap:9px;margin:30px 0 28px;padding:12px 10px;font-size:12px;font-weight:600;display:flex}.workspace-avatar{background:var(--surface-soft);border:1px solid var(--border);border-radius:6px;place-items:center;width:29px;height:30px;font-size:13px;display:grid}.workspace-label small{color:var(--muted);margin-top:3px;font-size:10px;font-weight:400;display:block}.local-pill{color:var(--muted);background:var(--surface-soft);border:1px solid var(--border);border-radius:4px;margin-left:auto;padding:3px 5px;font-size:9px}.nav-caption{letter-spacing:1px;color:var(--subtle);justify-content:space-between;margin:0 0 10px;padding:0 11px;font-size:10px;display:flex}.nav-caption.spaced{margin-top:27px}.nav-caption span{font-family:monospace}.nav-link{min-height:43px;color:var(--muted);border-radius:7px;align-items:center;gap:11px;margin:3px 0;padding:10px 12px;font-size:12px;font-weight:500;transition:background .18s,color .18s;display:flex}.nav-link:hover{background:var(--surface-soft);color:var(--text)}.nav-link.active{color:var(--primary);background:var(--primary-soft);font-weight:650}.nav-number{color:var(--subtle);margin-left:auto;font-family:IBM Plex Mono,monospace;font-size:10px}.trailing-icon{margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:32px}.sidebar-note{background:var(--surface-soft);border:1px solid var(--border);border-radius:9px;padding:14px 12px}.sidebar-note>svg{color:var(--primary);margin-bottom:10px}.sidebar-note strong{letter-spacing:.15px;font-size:11px;display:block}.sidebar-note p{color:var(--muted);margin:7px 0 12px;font-size:11px;line-height:1.9}.sidebar-note a{color:var(--primary);align-items:center;gap:8px;font-size:11px;display:flex}.sidebar-footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;margin-top:22px;padding:20px 0;font-size:10px;display:flex}.sidebar-footer>span{align-items:center;gap:6px;display:flex}.status-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.main-shell{flex-direction:column;width:calc(100% - 242px);min-width:0;min-height:100vh;margin-left:242px;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;height:auto;min-height:68px;padding:12px 38px;display:flex}.breadcrumb{min-width:0;color:var(--subtle);align-items:center;gap:12px;font-size:11px;display:flex}.breadcrumb strong{overflow-wrap:anywhere;min-width:0;color:var(--text);font-weight:500}.topbar-actions{flex-shrink:0;align-items:center;gap:15px;display:flex}.backend-status{color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex}.backend-status.offline .status-dot{background:var(--danger)}.backend-status.checking .status-dot{background:var(--amber)}.topbar-divider{border-right:1px solid var(--border);height:17px}.icon-button{min-width:32px;min-height:32px;color:var(--muted);background:0 0;border:0;border-radius:5px;place-items:center;padding:7px;transition:background .15s;display:inline-grid}.icon-button:hover:not(:disabled){background:var(--primary-soft);color:var(--primary)}.main-content{flex:1;width:100%;min-width:0;max-width:1480px;margin:0 auto;padding:41px 42px 30px}.overview-kicker{letter-spacing:1.8px;color:var(--muted);align-items:center;gap:7px;margin-bottom:15px;font-size:9px;font-weight:600;display:flex}.overview-kicker .status-dot{background:var(--primary);width:5px;height:5px}.overview-title{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.overview-title h1{letter-spacing:-1px;font-size:32px;font-weight:750;line-height:1.5}.accent-dot{color:var(--primary)}.overview-title p{color:var(--muted);margin-top:8px;font-size:12px;line-height:1.9}.edition-label{letter-spacing:1.1px;color:var(--subtle);text-align:right;white-space:nowrap;padding-bottom:5px;font-family:IBM Plex Mono,monospace;font-size:8px}.edition-label span{letter-spacing:.6px;margin-top:7px;font-size:8px;display:block}.hero-panel{background:var(--hero);border:1px solid var(--hero-border);border-radius:13px;grid-template-columns:1fr 1fr;min-height:298px;margin-top:29px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;padding:29px 30px;position:relative}.hero-label{color:var(--primary);align-items:center;gap:7px;font-size:10px;font-weight:600;display:inline-flex}.hero-copy h2{letter-spacing:-.6px;margin:14px 0 9px;font-size:27px;font-weight:700;line-height:1.55}.hero-copy p{color:var(--muted);font-size:11px;line-height:1.9}.button{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:38px;padding:10px 15px;font-size:11px;font-weight:600;transition:background .18s,border-color .18s,box-shadow .18s;display:inline-flex}.button.primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.button.primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 3px 10px #5146d81a}.button.secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.button.secondary:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-soft)}.button.danger{background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}.hero-copy .button{gap:19px;margin-top:19px}.hero-footnote{color:var(--muted);align-items:center;gap:6px;margin-top:15px;font-size:9px;display:flex}.hero-footnote>span{margin:0 3px}.hero-illustration{background-image:radial-gradient(var(--hero-border) 1px, transparent 1px);background-size:16px 16px;justify-content:center;align-items:center;padding:32px 29px 32px 10px;display:flex;position:relative}.illustration-window{background:var(--surface);border:1px solid var(--hero-border);border-radius:10px;width:100%;max-width:380px;padding-bottom:15px;overflow:hidden;transform:rotate(-3deg);box-shadow:0 14px 30px #3330640b}.window-top{border-bottom:1px solid var(--border);align-items:center;gap:5px;height:37px;padding:0 14px;display:flex}.window-top>span{background:var(--border-strong);border-radius:50%;width:5px;height:5px}.window-top>span:first-child{background:#d6a5a9}.window-top>span:nth-child(2){background:#d8c293}.window-top>span:nth-child(3){background:#a2c3b3}.window-top>code{color:var(--subtle);margin-left:14px;font-size:8px}.code-sample{white-space:pre;color:var(--muted);padding:17px 18px;font-family:IBM Plex Mono,monospace;font-size:9px;line-height:2.1}.code-sample span{display:block}.code-sample .code-comment{color:var(--subtle);margin-bottom:5px}.code-sample b{color:var(--primary);font-weight:500}.code-sample i{color:var(--text);font-style:normal}.code-sample em{color:var(--teal);font-style:normal}.code-sample strong{color:var(--amber);font-weight:500}.illustration-result{background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;margin:0 13px;padding:10px;display:flex}.result-symbol{background:var(--primary-soft);color:var(--primary);border-radius:7px;place-items:center;width:37px;height:37px;display:grid}.illustration-result strong{font-size:10px;display:block}.illustration-result div>span{color:var(--muted);margin-top:5px;font-size:8px;display:block}.result-check{background:var(--green-soft);width:23px;height:23px;color:var(--green);border-radius:50%;place-items:center;margin-left:auto;display:grid}.floating-tag{background:var(--surface);border:1px solid var(--hero-border);box-shadow:var(--shadow);border-radius:6px;align-items:center;gap:7px;padding:9px 11px;font:8px IBM Plex Mono,monospace;display:flex;position:absolute;bottom:19px;right:18px;transform:rotate(3deg)}.section-heading{justify-content:space-between;align-items:flex-end;margin:35px 0 19px;display:flex}.eyebrow{letter-spacing:1.5px;color:var(--subtle);align-items:center;gap:9px;font-size:9px;font-weight:550;display:flex}.section-heading h2{letter-spacing:-.5px;margin-top:9px;font-size:20px;font-weight:650}.section-caption{color:var(--muted);align-items:center;gap:9px;padding-bottom:3px;font-size:10px;display:flex}.protocol-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.protocol-card{background:var(--surface);border:1px solid var(--border);text-align:left;min-width:0;box-shadow:var(--shadow);border-radius:11px;padding:22px 20px 0;transition:border-color .18s,box-shadow .18s}.protocol-card:hover{border-color:var(--primary);box-shadow:0 4px 20px #5344d80b}.protocol-card-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.protocol-icon{border-radius:10px;place-items:center;width:43px;height:43px;display:grid}.purple .protocol-icon,.protocol-mini.purple{background:var(--primary-soft);color:var(--primary)}.teal .protocol-icon,.protocol-mini.teal{background:var(--teal-soft);color:var(--teal)}.amber .protocol-icon,.protocol-mini.amber{background:var(--amber-soft);color:var(--amber)}.protocol-card-number{color:var(--subtle);letter-spacing:1px;font-family:IBM Plex Mono,monospace;font-size:9px}.protocol-card h3{letter-spacing:-.8px;justify-content:space-between;align-items:center;font-size:22px;font-weight:650;display:flex}.protocol-card h3>svg{color:var(--subtle)}.protocol-card>strong{margin-top:8px;font-size:11px;font-weight:500;display:block}.protocol-card>p{color:var(--muted);min-height:43px;margin-top:10px;font-size:11px;line-height:1.9}.protocol-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:5px;margin-top:21px;padding:14px 0;display:flex}.protocol-card-footer code{color:var(--muted);font-size:8px}.protocol-card-footer span{color:var(--primary);align-items:center;gap:7px;font-size:10px;display:flex}.start-guide{background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:center;gap:17px;margin-top:24px;padding:20px;display:flex}.start-guide-icon{border:1px solid var(--border);width:43px;height:43px;color:var(--muted);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.start-guide h3{font-size:12px;font-weight:600}.start-guide p{color:var(--muted);margin-top:7px;font-size:10px;line-height:1.8}.start-guide .button{flex-shrink:0;margin-left:auto;font-size:10px}.honesty-note{color:var(--muted);align-items:flex-start;gap:8px;margin:18px 2px 0;display:flex}.honesty-note svg{flex-shrink:0;margin-top:2px}.honesty-note p{font-size:10px;line-height:1.9}.page-footer{border-top:1px solid var(--border);color:var(--subtle);justify-content:space-between;align-items:center;gap:10px;margin:0 42px;padding:20px 0;font-size:9px;display:flex}.page-footer>span{align-items:center;gap:7px;display:flex}.footer-separator{margin:0 3px}.mobile-close,.mobile-menu,.sidebar-scrim,.mobile-break{display:none}.skip-link{clip-path:inset(50%);white-space:nowrap;background:var(--surface);width:1px;height:1px;color:var(--primary);z-index:100;padding:0;position:fixed;top:10px;left:20px;overflow:hidden}.skip-link:focus{clip-path:none;white-space:normal;width:auto;max-width:calc(100% - 40px);height:auto;padding:15px;overflow:visible}.page-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px;display:flex}.page-heading>div{overflow-wrap:anywhere;flex:260px;min-width:0}.page-heading .eyebrow{flex-wrap:wrap}.page-heading h1{letter-spacing:-1px;flex-wrap:wrap;align-items:center;gap:14px;margin-top:14px;font-size:31px;font-weight:700;display:flex}.heading-tag{letter-spacing:0;border:1px solid var(--border);color:var(--muted);background:var(--surface);border-radius:5px;padding:5px 8px;font-size:10px;font-weight:500}.page-heading p{color:var(--muted);margin-top:11px;font-size:12px;line-height:1.9}.protocol-mini{letter-spacing:0;border-radius:5px;place-items:center;width:25px;height:25px;font-family:IBM Plex Mono,monospace;display:grid}.eyebrow-divider{color:var(--border-strong);margin:0 3px}.docs-button{white-space:nowrap}.lab-tabs{border-bottom:1px solid var(--border);align-items:center;gap:24px;display:flex}.lab-tabs>button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-1px;padding:12px 0 14px;font-size:12px;display:flex}.lab-tabs>button.selected{color:var(--primary);border-color:var(--primary);font-weight:600}.tabs-note{color:var(--subtle);margin-left:auto;font-size:9px}.flow-strip{background:var(--surface);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin:20px 0;padding:11px 16px;list-style:none;display:flex}.flow-strip li{color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex}.flow-strip li>span{border:1px solid var(--border);width:20px;height:20px;color:var(--text);border-radius:4px;place-items:center;font:9px IBM Plex Mono,monospace;display:grid}.flow-strip li>svg{color:var(--border-strong);margin-left:14px}.lab-workbench{grid-template-columns:minmax(0,1.45fr) minmax(290px,1fr);align-items:start;gap:18px;display:grid}.experiment-panel,.inspector{background:var(--surface);border:1px solid var(--border);border-radius:10px;min-width:0;overflow:hidden}.panel-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;min-height:53px;padding:10px 17px;font-size:12px;font-weight:600;display:flex}.panel-heading>span{align-items:center;gap:8px;display:flex}.panel-heading svg{color:var(--muted)}.panel-heading .badge{font-size:9px}.count{background:var(--surface-soft);border:1px solid var(--border);color:var(--muted);border-radius:4px;padding:2px 5px;font:9px IBM Plex Mono,monospace}.icon-actions{gap:2px;display:flex}.trace-search{background:var(--surface-soft);border:1px solid var(--border);color:var(--muted);border-radius:6px;align-items:center;gap:8px;margin:12px;padding:7px 10px;display:flex}.trace-search input{color:var(--text);background:0 0;border:0;width:100%;min-width:0;font-size:11px}.trace-search input:focus{outline:none}.trace-search:focus-within{outline:2px solid var(--primary);outline-offset:2px}.trace-list{overscroll-behavior:contain;height:258px;padding:0 7px 10px;overflow-y:auto}.trace-empty{text-align:center;height:100%;color:var(--subtle);flex-direction:column;justify-content:center;align-items:center;gap:13px;padding:20px;display:flex}.trace-empty strong{color:var(--muted);font-size:11px;font-weight:500}.trace-empty p{max-width:190px;font-size:10px;line-height:1.8}.trace-empty code{background:var(--surface-soft);border-radius:4px;margin-top:3px;padding:6px 9px;font-size:9px}.trace-row{text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:9px;width:100%;min-width:0;margin-top:3px;padding:10px 8px;display:flex}.trace-row:hover{background:var(--surface-soft)}.trace-row.selected{border-color:var(--hero-border);background:var(--primary-soft)}.trace-index{color:var(--subtle);font:8px IBM Plex Mono,monospace}.trace-row-content{flex:1;min-width:0}.trace-row-content strong{overflow-wrap:anywhere;color:var(--text);font:9px IBM Plex Mono,monospace;display:block}.trace-row-content>span{color:var(--muted);margin-top:5px;font-size:8px;display:block}.trace-time{color:var(--subtle);font:8px IBM Plex Mono,monospace}.payload-heading{border-block:1px solid var(--border);background:var(--surface-soft);letter-spacing:1px;color:var(--muted);justify-content:space-between;align-items:center;padding:4px 12px;font-size:8px;display:flex}.payload-heading>span>span{letter-spacing:0;background:var(--surface);border:1px solid var(--border);border-radius:3px;margin-left:5px;padding:2px 4px}.payload{background:var(--code-bg);tab-size:2;min-height:170px;max-height:260px;color:var(--primary);padding:16px;font-size:10px;line-height:1.8;overflow:auto}.payload code{font-size:inherit}.inspector-note{color:var(--muted);border-top:1px solid var(--border);overflow-wrap:anywhere;min-height:51px;padding:11px 13px;font-size:9px;line-height:1.8}.learning-tip{background:var(--primary-soft);color:var(--primary);border-radius:8px;align-items:flex-start;gap:9px;margin-top:20px;padding:13px 16px;display:flex}.learning-tip>svg{flex-shrink:0;margin-top:1px}.learning-tip p{font-size:11px;line-height:1.9}.learning-tip strong{font-weight:600}.text-button,.text-link{color:var(--primary);background:0 0;border:0;align-items:center;gap:6px;padding:5px 0;font-size:11px;font-weight:600;display:inline-flex}.learning-tip .text-button{margin-left:8px}.text-button:hover,.text-link:hover{text-underline-offset:4px;text-decoration:underline}.reading-panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-top:24px;padding:30px}.reading-panel h2{letter-spacing:-.5px;margin:15px 0;font-size:23px}.reading-lead{color:var(--muted);max-width:800px;font-size:13px;line-height:2}.concept-list{margin:26px 0}.concept-list article{border-top:1px solid var(--border);gap:19px;padding:22px 0;display:flex}.concept-number{color:var(--primary);padding-top:2px;font:12px IBM Plex Mono,monospace}.concept-list h3{font-size:14px;font-weight:600}.concept-list p,.reading-panel>p{color:var(--muted);margin-top:8px;font-size:12px;line-height:2}.callout{background:var(--primary-soft);border:1px solid var(--hero-border);border-radius:8px;margin:20px 0;padding:20px;font-size:12px;line-height:2}.callout strong{color:var(--primary);font-weight:600}.callout p{color:var(--muted);margin-top:4px;font-size:12px;line-height:2}.source-list{margin:24px 0}.source-list>div{border-bottom:1px solid var(--border);align-items:center;gap:12px;min-width:0;padding:19px 0;font-size:12px;display:flex}.source-list>div>span:first-child{color:var(--subtle);font:10px IBM Plex Mono,monospace}.source-list svg{color:var(--primary);flex-shrink:0}.source-list code{overflow-wrap:anywhere}.source-list>div>span:last-child{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:10px}.reading-panel>h3{margin-top:25px;font-size:14px}.terminal-block{background:var(--code-bg);border:1px solid var(--border);border-radius:7px;align-items:center;gap:13px;margin-top:22px;padding:18px;font-size:13px;display:flex}.terminal-block>span{color:var(--muted);margin-left:auto;font-size:10px}.roadmap-list{margin-top:35px}.roadmap-list>article{border-bottom:1px solid var(--border);gap:26px;padding:28px 0;display:flex}.roadmap-list>article:first-child{padding-top:0}.lesson-number{border:1px solid var(--border);background:var(--surface);width:45px;height:45px;color:var(--primary);border-radius:12px;flex-shrink:0;place-items:center;font:14px IBM Plex Mono,monospace;display:grid}.roadmap-list h2{margin-top:9px;font-size:20px;font-weight:650}.roadmap-list p{color:var(--muted);margin:12px 0;font-size:12px;line-height:2}.lesson-outcome{color:var(--green);align-items:center;gap:7px;margin:13px 0;font-size:11px;display:flex}.lesson-outcome svg{flex-shrink:0}.empty-state{text-align:center;color:var(--muted);padding:48px 24px;font-size:12px;line-height:1.9}.empty-state svg{color:var(--primary);margin-bottom:12px}.empty-state h3{color:var(--text);margin:10px 0;font-size:16px;font-weight:600}.error-banner{background:var(--danger-soft);border:1px solid var(--danger);color:var(--danger);border-radius:6px;margin-bottom:14px;padding:12px;font-size:12px;line-height:1.8}.badge{background:var(--surface-soft);border:1px solid var(--border);color:var(--muted);border-radius:4px;align-items:center;gap:5px;padding:4px 7px;font-size:10px;font-weight:400;display:inline-flex}.badge.success{background:var(--green-soft);color:var(--green);border-color:#0000}.badge.purple{background:var(--primary-soft);color:var(--primary);border-color:#0000}.lab-body{padding:20px}.lab-description{color:var(--muted);margin-bottom:18px;font-size:11px;line-height:1.9}.form-field{color:var(--muted);flex-direction:column;gap:7px;margin-bottom:15px;font-size:11px;display:flex}.form-field label{color:var(--text);font-weight:500}input[type=text],input[type=number],input[type=date],select,textarea{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:7px;width:100%;max-width:100%;padding:10px 11px;font-size:12px}textarea{resize:vertical;min-height:75px;line-height:1.8}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.button-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hint{color:var(--muted);margin-top:12px;font-size:10px;line-height:1.9}.run-status{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.message-bubble{background:var(--surface-soft);border:1px solid var(--border);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:9px;margin:16px 0;padding:15px 17px;font-size:12px;line-height:2}.message-bubble.assistant{border-color:var(--hero-border);background:var(--primary-soft)}.message-label{color:var(--muted);align-items:center;gap:7px;margin:20px 0 8px;font-size:10px;display:flex}.state-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;margin-top:16px;padding:14px}.state-card h3{margin-bottom:10px;font-size:12px}.task-list{flex-direction:column;gap:8px;display:flex}.task-item{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.task-item.done{color:var(--green)}.tool-card{border:1px solid var(--border);color:var(--muted);border-radius:7px;margin:14px 0;padding:12px;font-size:10px}.tool-card strong{color:var(--text);margin-bottom:8px;font:10px IBM Plex Mono,monospace;display:block}.tool-card pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:9px;line-height:1.8}.experiment-footer{border-top:1px solid var(--border);background:var(--surface-soft);color:var(--muted);padding:12px 18px;font-size:9px;line-height:1.8}.a2ui-card{border:1px solid var(--border);background:var(--surface-soft);border-radius:10px;padding:18px}.a2ui-column{flex-direction:column;gap:14px;display:flex}.a2ui-row{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.a2ui-text{overflow-wrap:anywhere;font-size:12px;line-height:1.9}.a2ui-text.h1,.a2ui-text.h2{color:var(--text);font-size:19px;font-weight:650;line-height:1.5}.a2ui-text.caption{color:var(--muted);font-size:10px}.a2ui-field{color:var(--muted);flex-direction:column;gap:7px;font-size:11px;display:flex}.a2ui-field label{color:var(--text)}.a2ui-field textarea{min-height:80px}.a2ui-renderer{margin:18px 0}.a2ui-json{margin-top:15px}.a2ui-json summary{cursor:pointer;color:var(--muted);padding:10px 0;font-size:11px}.a2ui-json pre{border:1px solid var(--border);background:var(--code-bg);border-radius:6px;max-height:250px;padding:13px;font-size:10px;line-height:1.8;overflow:auto}.mcp-frame{border:1px solid var(--border);background:var(--surface);border-radius:9px;width:100%;min-height:340px;margin-top:16px;display:block}.mcp-resource{color:var(--muted);overflow-wrap:anywhere;align-items:center;gap:6px;margin-top:12px;font:9px IBM Plex Mono,monospace;display:flex}.inline-error{color:var(--danger);margin-top:10px;font-size:11px;line-height:1.8}.spinner{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=1500px){.main-content{padding-top:48px}.overview-title h1{font-size:38px}.hero-panel{min-height:330px}.hero-copy{padding:36px}.hero-copy h2{font-size:32px}.hero-copy p{font-size:13px}.hero-illustration{padding:35px 40px}.illustration-window{max-width:420px}.code-sample{font-size:11px}.hero-footnote{font-size:10px}.protocol-card{padding:26px 24px 0}.protocol-card>p,.protocol-card>strong{font-size:12px}.protocol-card-footer{padding:17px 0}.overview-title p{font-size:13px}}@media (width<=1190px){.sidebar{width:215px;padding-inline:15px}.main-shell{width:calc(100% - 215px);margin-left:215px}.main-content{padding:32px 26px 25px}.topbar{padding:0 26px}.page-footer{margin:0 26px}.hero-copy{padding:27px 24px}.hero-copy h2{font-size:25px}.hero-illustration{padding-right:20px}.hero-footnote{font-size:8px}.hero-footnote>span{margin:0}.protocol-grid{gap:12px}.protocol-card{padding:19px 16px 0}.protocol-card-footer{flex-wrap:wrap;gap:8px}.lab-workbench{grid-template-columns:minmax(0,1fr) minmax(270px,.8fr);gap:13px}.flow-strip{gap:5px;padding:11px}.flow-strip li{font-size:9px}.flow-strip li>svg{margin-left:4px}.edition-label{display:none}.tabs-note{font-size:8px}.heading-tag{font-size:9px}.page-heading h1{font-size:28px}}@media (width<=1000px){.lab-workbench{grid-template-columns:1fr}.inspector{grid-template-columns:1fr 1fr;display:grid}.inspector>.panel-heading{grid-column:1/-1}.trace-search{grid-area:2/1}.trace-list{grid-area:3/1/5;height:240px}.payload-heading{border-top:0;border-left:1px solid var(--border);grid-area:2/2;min-width:0}.payload{border-left:1px solid var(--border);grid-area:3/2/5;height:240px;max-height:none}.inspector-note{grid-column:1/-1}.hero-panel{grid-template-columns:1.1fr 1fr}.hero-copy{padding:24px 20px}.hero-copy h2{font-size:23px}.hero-copy p{font-size:10px}.hero-footnote{flex-wrap:wrap}.code-sample{padding-inline:12px;font-size:7px}.illustration-window{transform:rotate(-2deg)}.floating-tag{font-size:7px;right:10px}.protocol-card h3{font-size:20px}.protocol-card>strong{font-size:10px}.protocol-card>p{min-height:57px;font-size:10px}.start-guide{flex-wrap:wrap}.start-guide .button{margin-left:60px}.section-caption{font-size:9px}.lab-tabs{gap:21px}.tabs-note{display:none}}@media (width<=780px){.sidebar{width:242px;transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-scrim{z-index:29;background:#10102270;border:0;display:block;position:fixed;inset:0}.main-shell{width:100%;margin-left:0}.mobile-menu{margin-left:-8px;display:inline-grid}.mobile-close{margin-left:auto;display:inline-grid}.brand{font-size:16px}.main-content{padding:30px 24px}.topbar{min-height:60px;padding:8px 24px}.overview-title h1{font-size:30px}.hero-panel{grid-template-columns:1fr 1fr}.hero-copy{padding:27px 24px}.hero-copy h2{font-size:26px}.hero-copy p{font-size:11px}.code-sample{font-size:9px}.protocol-card>p{font-size:11px}.page-footer{margin:0 24px}.page-heading h1{font-size:29px}.lab-body{padding:20px}.flow-strip li{font-size:10px}.flow-strip li>svg{margin-left:8px}}@media (width<=560px){.main-content{padding:27px 16px}.topbar{gap:8px;padding:8px 16px}.breadcrumb{flex:180px;gap:8px;font-size:12px}.breadcrumb>span,.breadcrumb>svg{display:none}.topbar-actions{gap:7px}.backend-status{font-size:9px}.topbar-divider{display:none}.overview-kicker{letter-spacing:1.3px;font-size:8px}.overview-title h1{letter-spacing:-1px;font-size:29px}.overview-title p{font-size:12px;line-height:1.9}.mobile-break{display:block}.hero-panel{grid-template-columns:1fr;margin-top:24px}.hero-copy{padding:26px 24px 20px}.hero-copy h2{font-size:28px}.hero-copy p{font-size:12px}.hero-footnote{gap:7px;margin-top:17px;font-size:10px}.hero-copy .button{min-height:42px;font-size:12px}.hero-illustration{min-height:220px;padding:12px 30px 30px}.illustration-window{max-width:350px}.code-sample{padding-block:14px;font-size:10px}.window-top>code{font-size:9px}.floating-tag{font-size:8px;bottom:17px;right:25px}.hero-label,.illustration-result strong{font-size:11px}.section-heading{align-items:center;margin-top:29px}.section-heading h2{font-size:20px}.section-caption{display:none}.eyebrow{font-size:8px}.protocol-grid{grid-template-columns:1fr;gap:14px}.protocol-card{padding:22px 22px 0}.protocol-card-top{margin-bottom:16px}.protocol-card h3{font-size:25px}.protocol-card>strong{font-size:12px}.protocol-card>p{min-height:0;font-size:12px;line-height:2}.protocol-card-footer{margin-top:18px;padding:16px 0}.protocol-card-footer code{font-size:10px}.protocol-card-footer span{font-size:12px}.protocol-card-number{font-size:10px}.start-guide{gap:13px;padding:18px}.start-guide>div:nth-child(2){flex:1;min-width:190px}.start-guide h3{font-size:13px;line-height:1.7}.start-guide p{font-size:11px}.start-guide-icon{width:36px;height:39px}.start-guide .button{margin:0 0 0 49px;font-size:11px}.honesty-note p{font-size:11px}.page-footer{flex-wrap:wrap;margin:0 16px;padding:18px 0;font-size:9px}.page-footer>span:last-child{display:none}.page-heading{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.page-heading>div{flex:none;width:100%}.page-heading h1{gap:9px;font-size:28px}.page-heading p{font-size:12px}.heading-tag{font-size:9px}.docs-button{gap:6px;min-height:44px;padding:10px 12px;font-size:12px}.docs-button svg{width:12px}.lab-tabs{gap:24px}.lab-tabs>button{gap:6px;min-height:44px;font-size:12px}.flow-strip{flex-wrap:wrap;gap:12px;padding:14px}.flow-strip li{width:calc(50% - 6px);font-size:10px}.flow-strip li>svg{margin-left:auto}.flow-strip li:nth-child(2)>svg{display:none}.flow-strip li>span{width:19px;height:19px}.panel-heading{padding:10px 14px;font-size:12px}.lab-body{padding:17px}.lab-description{font-size:12px}.button{min-height:42px;font-size:12px}.form-field,.a2ui-field{font-size:12px}input[type=text],input[type=number],input[type=date],select,textarea{font-size:16px}.trace-search input{font-size:12px}.inspector{display:block}.trace-list{height:220px}.payload{border-left:0;height:210px;font-size:11px}.payload-heading{border-top:1px solid var(--border);border-left:0}.trace-row{padding:12px 9px}.trace-row-content strong{font-size:10px}.trace-row-content>span,.trace-index,.trace-time{font-size:9px}.inspector-note{font-size:10px}.trace-empty strong{font-size:12px}.trace-empty p{font-size:11px}.learning-tip{padding:14px;font-size:11px}.learning-tip p{font-size:12px}.reading-panel{padding:22px 18px}.reading-panel h2{font-size:20px;line-height:1.7}.concept-list article{gap:13px}.concept-list p,.reading-panel>p{font-size:13px}.callout{padding:17px}.callout p{font-size:12px}.source-list>div{gap:8px;font-size:11px}.source-list>div>span:last-child{display:none}.terminal-block{flex-wrap:wrap;font-size:12px}.terminal-block>span{width:100%;margin-left:29px}.roadmap-list>article{gap:15px}.lesson-number{border-radius:8px;width:34px;height:36px;font-size:11px}.roadmap-list h2{font-size:18px;line-height:1.6}.roadmap-list p{font-size:13px}.lesson-outcome{align-items:flex-start;font-size:12px;line-height:1.9}.lesson-outcome svg{margin-top:4px}.text-button,.text-link{min-height:32px;font-size:12px}.message-bubble{font-size:13px}.form-row{gap:10px}.a2ui-text{font-size:13px}.error-banner{font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.runtime-notice{border:1px solid var(--border);background:var(--surface-soft);color:var(--muted);overflow-wrap:anywhere;border-radius:8px;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:12px 16px;font-size:12px;line-height:1.7;display:flex}.runtime-notice strong{color:var(--text)}.runtime-notice a{color:var(--primary);align-items:center;gap:5px;min-height:44px;display:inline-flex}.chat-main>.runtime-notice{border-width:0 0 1px;border-radius:0;flex:none}.main-content>.runtime-notice,.doc-main>.runtime-notice{margin-bottom:24px}@media (width<=780px){.runtime-notice{gap:2px 8px;font-size:12px}.runtime-notice>span{flex-basis:100%}.runtime-notice a{min-height:44px}}
