.question-demo{font-family:var(--font-body);color:var(--color-ink);background:var(--color-paper);font-synthesis:none}.question-demo *{box-sizing:border-box}.question-demo h1,.question-demo h2,.question-demo h3,.question-demo h4{font-family:var(--font-display)}.question-demo button,.question-demo textarea{font:inherit}.question-demo code,.question-demo pre{font-family:var(--font-machine)}.question-demo button,.question-demo summary,.question-demo a{-webkit-tap-highlight-color:transparent}.question-demo button{cursor:pointer}.question-demo button:disabled{cursor:default;opacity:.55}.question-demo button:focus-visible,.question-demo summary:focus-visible,.question-demo a:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.question-demo{--muted:var(--color-ink-2);--line:var(--color-rule);flex-direction:column;min-height:100dvh;font-size:15px;line-height:1.55;display:flex}.question-demo button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.question-demo p,.question-demo h1,.question-demo h2,.question-demo h3,.question-demo h4{margin:0}.question-demo summary{cursor:pointer}.question-demo svg{flex-shrink:0}.demo-topbar{border-bottom:1px solid var(--line);background:var(--color-paper);align-items:center;gap:24px;min-height:76px;padding:12px max(24px,50vw - 600px);display:flex}.demo-account-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.demo-brand{flex-shrink:0;align-items:center;min-height:44px;display:inline-flex}.demo-brand img{width:180px;height:auto;display:block}.demo-mode,.demo-section-heading>span{color:var(--muted);font-size:11px}.question-demo .demo-sign-out{white-space:nowrap;text-underline-offset:3px;background:0 0;border:0;min-height:44px;padding:6px;font-size:12px}.question-demo .demo-sign-out:hover{text-decoration:underline}.demo-workspace{flex:1;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-content:start;align-items:start;gap:24px clamp(32px,5vw,64px);width:100%;max-width:1248px;margin:0 auto;padding:32px 24px;display:grid}.demo-overview{grid-column:1/-1;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:clamp(32px,5vw,64px);padding-bottom:8px;display:grid}.demo-flow{min-width:0;color:var(--muted);font-size:13px}.demo-flow-label{font-size:11px;margin-bottom:8px!important}.demo-flow-stages{color:var(--color-accent);flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex;margin-bottom:6px!important}.demo-next-stages{margin-top:6px}.demo-next-stages>summary{text-underline-offset:4px;align-items:center;gap:8px;min-height:44px;text-decoration:underline;display:flex}.demo-next-stages>summary:before{content:"+";text-decoration:none}.demo-next-stages[open]>summary:before{content:"−"}.demo-next-stages>summary::-webkit-details-marker{display:none}.demo-next-stages>p{margin-top:8px}.demo-next-stages ol{margin:12px 0;padding-left:20px;list-style:decimal}.demo-next-stages li{padding:4px 0 4px 4px}.demo-next-stages strong{color:var(--color-ink);font-weight:500}.demo-next-stages a{min-height:44px;color:var(--color-accent);text-underline-offset:4px;align-items:center;gap:6px;text-decoration:underline;display:inline-flex}.demo-story{border-bottom:1px solid var(--line);grid-column:1/-1;align-items:center;gap:24px;padding-bottom:16px;display:flex}.demo-story-label,.demo-story-remaining{color:var(--muted);white-space:nowrap;font-size:12px}.demo-story-remaining{margin-left:auto}.demo-journey{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;max-width:720px;margin:0;padding:0;list-style:none;display:grid}.demo-journey li{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.demo-step-number{border-radius:50%;flex:0 0 20px;place-items:center;height:20px;font-size:10px;display:grid}.demo-journey li.is-saved .demo-step-number{color:var(--color-accent)}.demo-journey li[aria-current]{color:var(--color-ink);font-weight:600}.demo-journey li[aria-current] .demo-step-number{background:var(--color-accent);color:var(--color-accent-ink)}.demo-question h1{scroll-margin-top:32px;font-size:16px;font-weight:600;line-height:1.5}.demo-review h1{letter-spacing:-1.15px;text-wrap:balance;scroll-margin-top:32px;font-size:clamp(28px,2.7vw,36px);font-weight:600;line-height:1.22}.demo-question h1:focus,.demo-review h1:focus{outline:none}.demo-question-help{color:var(--muted);font-size:16px;line-height:1.6}.demo-conversation,.demo-guide{min-width:0}.demo-section-heading{justify-content:space-between;align-items:center;gap:16px;min-height:24px;margin-bottom:22px;display:flex}.demo-section-heading h2{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.demo-thread{max-width:680px}.demo-topbar{position:relative}.demo-feedback{margin-left:auto}.demo-feedback>summary{justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:4px;font-size:12px;font-weight:500;list-style:none;display:flex}.demo-feedback>summary::-webkit-details-marker{display:none}.demo-feedback>summary:hover{color:var(--color-accent)}.demo-feedback[open]>summary>svg{transform:rotate(90deg)}.demo-feedback-invitation{color:var(--muted);font-size:12px;font-weight:400;display:block}.demo-feedback-body{z-index:20;border:1px solid var(--line);background:var(--color-paper);gap:12px;width:min(600px,100vw - 40px);max-height:calc(100svh - 120px);padding:20px;font-size:13px;display:grid;position:absolute;top:100%;right:20px;overflow-y:auto;box-shadow:0 12px 24px #00000014}.demo-topbar .demo-feedback-body p{display:block}.demo-feedback-body>p{color:var(--muted)}.demo-feedback-context{border-left:2px solid var(--line);padding-left:10px;font-size:12px}.demo-feedback-body label{margin-top:4px;font-weight:500}.demo-feedback-body textarea,.demo-feedback-body input[type=email]{resize:vertical;border:1px solid var(--line);border-radius:var(--radius-input);background:var(--color-paper);width:100%;color:var(--color-ink);padding:12px;font-size:16px}.demo-feedback-body textarea{min-height:100px}.demo-feedback-body input[type=email]{min-height:44px}.demo-feedback-body textarea::placeholder{color:var(--muted)}.demo-feedback-body textarea:focus-visible,.demo-feedback-body input[type=email]:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.demo-feedback-limit{text-align:right;font-variant-numeric:tabular-nums;font-size:11px}.demo-feedback-actions{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.demo-feedback-actions .demo-secondary{align-items:center;gap:8px;min-height:44px;display:inline-flex}.demo-feedback-trap{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.demo-feedback-help,.demo-feedback-notice{overflow-wrap:anywhere;font-size:12px}.demo-feedback-help a{text-underline-offset:3px;text-decoration:underline}.demo-feedback-notice:empty{display:none}.demo-goal-message{min-width:0}.demo-goal-message>span{color:var(--muted);margin-bottom:10px;font-size:11px;display:block}.demo-goal-message p{letter-spacing:-.025em;text-wrap:balance;max-width:30ch;font-size:clamp(23px,2.4vw,30px);font-weight:500;line-height:1.25}.demo-thread-intro{color:var(--muted);max-width:53ch;font-size:15px;margin-bottom:24px!important}.demo-history{margin-bottom:20px}.demo-saved-turn{grid-template-rows:1fr;animation:.36s cubic-bezier(.2,.7,.2,1) saved-turn-open;display:grid}.demo-saved-turn>details{border-bottom:1px solid var(--line);min-height:0;font-size:13px;overflow:hidden}.demo-history summary{color:var(--muted);align-items:center;gap:10px;min-height:48px;padding:10px 0;list-style:none;display:flex}.demo-history summary::-webkit-details-marker{display:none}.demo-history summary>span{flex:1;min-width:0}.demo-history summary:hover{color:var(--color-ink)}.demo-history summary:focus-visible{outline-offset:-2px}.demo-saved-question{flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:11px;display:flex}.demo-answer-state{color:var(--muted);font-size:10px}.demo-answer-preview{color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;display:block;overflow:hidden}.demo-history details[open] .demo-history-chevron{transform:rotate(90deg)}.demo-saved-exchange{padding:4px 0 12px 24px}.demo-saved-exchange p{margin-bottom:10px}.demo-saved-answer{background:var(--color-shell);border-radius:var(--radius-input);padding:10px 12px}.demo-history button{text-underline-offset:4px;background:0 0;border:0;min-height:32px;padding:6px 0;font-size:12px;text-decoration:underline}.demo-question-position{color:var(--muted);font-size:11px;margin-bottom:8px!important}.demo-question-shell{grid-template-rows:1fr;transition:grid-template-rows .32s,opacity .24s;display:grid}.demo-question-shell.is-closing{opacity:0;pointer-events:none;grid-template-rows:0fr}.demo-question{min-height:0;overflow:hidden}.demo-question-shell:not(.is-closing) .demo-question{animation:.44s cubic-bezier(.2,.7,.2,1) both question-open}.demo-question-content{padding:0 0 8px;scroll-margin-top:16px}.demo-eyebrow{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;font-size:11px;display:flex}.demo-question-help{max-width:53ch;margin-top:8px!important}.demo-answer-direction{color:var(--muted);max-width:58ch;font-size:12px;margin-top:18px!important}.demo-small{font-size:12px}.demo-muted{color:var(--muted)}.demo-review-note{border-left:2px solid var(--color-ink);padding-left:10px;font-size:13px;margin-top:12px!important}.demo-guide-body{max-width:none}.demo-followup-prompts{flex-wrap:wrap;gap:8px;padding:4px 0 10px;display:flex}.demo-followup-prompts button{border:1px solid var(--line);border-radius:var(--radius-input);min-height:44px;color:var(--muted);background:0 0;padding:6px 12px;font-size:12px}.demo-followup-prompts button:hover,.demo-followup-prompts button[aria-expanded=true]{background:var(--color-shell);color:var(--color-ink);border-color:var(--color-ink-2)}.demo-followup-reply{border-left:1px solid var(--line);margin-bottom:12px;padding:0 0 0 12px}.demo-followup-reply header{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}.demo-followup-reply header button{border-radius:var(--radius-input);width:32px;min-height:32px;color:inherit;background:0 0;border:0}.demo-followup-reply header button:hover{background:var(--color-shell);color:var(--color-ink)}.demo-followup-reply p{font-size:14px;line-height:1.55}.demo-followup-sources{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:6px;font-size:11px;display:flex}.demo-followup-sources a{text-underline-offset:3px;min-height:24px;font-family:var(--font-machine);align-items:center;text-decoration:underline;display:inline-flex}.demo-guide-surface{transition:height .42s cubic-bezier(.2,.7,.2,1)}.demo-guide-content{transition:opacity .24s ease-in,transform .3s ease-in;display:flow-root}.demo-guide-content.is-leaving{opacity:0;pointer-events:none;transform:translateY(-8px)}.demo-evidence,.demo-empty-evidence,.demo-review-summary{animation:.42s cubic-bezier(.2,.7,.2,1) both guide-open}.demo-evidence h3,.demo-empty-evidence h3{font-size:16px;font-weight:600;line-height:1.5}.demo-guide-stream{margin-top:8px}.demo-guide-stream p{color:var(--muted);font-size:14px}.demo-evidence-limit{color:var(--muted);font-size:12px;margin-bottom:12px!important}.demo-tradeoffs{margin:18px 0 0}.demo-tradeoffs .demo-recommendation{border-left:2px solid var(--color-accent);padding:4px 0 4px 16px}.demo-other-option{font-size:12px}.demo-other-option>summary{min-height:40px;padding:12px 0}.demo-other-option section{border-left:2px solid var(--line);margin-bottom:14px;padding:0 0 14px 14px}.demo-option-heading{margin-bottom:10px}.demo-option-heading h4{margin-top:3px;font-size:16px;font-weight:600}.demo-option-heading>span{color:var(--muted);font-size:11px}.demo-tradeoffs .demo-secondary{justify-self:start;margin-top:14px}.demo-tradeoffs p{grid-template-columns:55px minmax(0,1fr);gap:8px;margin-top:6px;font-size:13px;display:grid}.demo-tradeoffs p>span{color:var(--muted);font-size:12px}.demo-secondary{background:var(--color-paper);border:1px solid var(--color-ink-2);border-radius:var(--radius-input);min-height:44px;color:var(--color-ink);padding:8px 12px;font-size:12px}.demo-secondary:hover:not(:disabled),.demo-replace-notice button:hover{background:var(--color-paper-2)}.demo-secondary:active:not(:disabled),.demo-replace-notice button:active{background:var(--color-shell)}.demo-callpath{border-top:1px solid var(--line);margin-top:0;font-size:13px}.demo-callpath>summary{align-items:center;gap:8px;min-height:40px;padding:10px 0;display:flex}.demo-callpath>summary:after{content:"+";color:var(--muted);font-size:17px;font-weight:400}.demo-callpath[open]>summary:after{content:"−"}.demo-callpath summary>span{color:var(--muted);margin-left:auto;font-size:11px}.demo-callpath>p{margin-top:10px}.demo-callpath>h4{margin-top:16px}.demo-callpath ol{margin:14px 0 0 12px;padding-left:16px;list-style:decimal}.demo-callpath li{border-left:1px solid var(--line);padding:9px 0 9px 8px}.demo-callpath li summary{flex-wrap:wrap;gap:8px;display:flex}.demo-callpath li p{color:var(--muted);padding-top:8px}.demo-source-evidence{margin:0;padding:0}.demo-source-evidence pre{background:var(--color-shell);max-height:280px;margin-top:10px;padding:12px;font-size:12px;line-height:1.6;overflow:auto}.demo-source-location{overflow-wrap:anywhere;font-size:11px}.demo-program{border-top:1px solid var(--line);margin-top:0}.demo-program>summary{min-height:40px;padding:10px 0;font-size:13px;font-weight:500}.demo-program>summary>span{float:right;color:var(--muted);font-size:11px;font-weight:400}.demo-program>p{padding:14px 0}.demo-task{border-bottom:1px solid var(--line)}.demo-task>summary{padding:14px 0;font-size:14px;font-weight:600}.demo-task-number{font:11px var(--font-machine);color:var(--muted);margin:0 8px 0 2px}.demo-task dl{margin:0}.demo-task dl>div{border-top:1px solid var(--line);grid-template-columns:118px minmax(0,1fr);padding:12px 8px;display:grid}.demo-task .is-active{border-left:2px solid var(--color-accent);background:var(--color-shell)}.demo-task dt button{font:11px var(--font-machine);min-height:32px;color:var(--color-ink);background:0 0;border:0;padding:6px 0}.demo-task dd{margin:0;font-size:12px}.demo-task dd span{color:var(--muted);margin-top:4px;font-size:10px;display:block}.demo-empty-evidence p,.demo-review-summary{color:var(--muted);padding:16px 0 22px;font-size:14px}.demo-empty-evidence[aria-busy] p{margin:10px 0 12px;padding:0}.demo-review>svg{margin-top:24px}.demo-review h2{margin:14px 0;font-size:24px}.demo-review p{margin-top:12px}.demo-composer{background:var(--color-shell);border-top:1px solid var(--line);padding:10px 32px 8px;position:sticky;bottom:0}.demo-composer-inner{max-width:1200px;margin:0 auto}.demo-composer-meta{min-height:28px;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;font-size:11px;display:flex}.demo-composer-meta strong{color:var(--color-ink);font-weight:500}.demo-composer nav{flex-wrap:wrap;gap:8px 16px;display:flex}.demo-composer nav button{color:var(--color-ink);background:0 0;border:0;padding:6px 0;font-size:12px}.demo-composer form{border:1px solid var(--color-ink-2);border-radius:var(--radius-input);background:var(--color-paper);align-items:end;gap:12px;padding:8px;display:flex}.demo-composer form:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}.demo-composer textarea{resize:none;width:100%;min-height:42px;max-height:180px;color:var(--color-ink);background:0 0;border:0;outline:0;padding:6px 8px;font-size:14px;line-height:1.5;overflow-y:auto}.demo-composer textarea::placeholder{color:var(--muted);opacity:1}.demo-primary{color:var(--color-accent-ink);background:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius-input);flex-shrink:0;min-height:44px;padding:10px 16px;font-size:12px}.demo-primary:hover:not(:disabled),.demo-primary:active:not(:disabled){background:var(--color-accent-2)}.demo-primary:active:not(:disabled){transform:translateY(1px)}.question-demo .demo-primary:disabled{color:var(--muted);background:var(--color-paper-2);border-color:var(--line);box-shadow:none;opacity:1}.demo-composer-help{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin-top:8px;font-size:10px;display:flex}.demo-save-status{min-height:17px;color:var(--muted);font-size:11px;margin-top:5px!important}.demo-replace-notice{flex-wrap:wrap;align-items:center;gap:12px;padding:10px 0;font-size:13px;display:flex}.demo-replace-notice button{border:1px solid var(--color-ink-2);border-radius:var(--radius-input);background:var(--color-paper);padding:6px 9px;font-size:12px}.demo-error{font-size:12px;font-weight:600}.demo-error:not(:empty){margin-top:8px}.demo-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.question-demo p,.question-demo dd,.question-demo code{overflow-wrap:anywhere}@keyframes question-open{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes saved-turn-open{0%{opacity:0;grid-template-rows:0fr}to{opacity:1;grid-template-rows:1fr}}@keyframes guide-open{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (min-width:901px) and (max-height:820px){.demo-topbar{min-height:64px;padding-top:8px;padding-bottom:8px}.demo-workspace{row-gap:12px;padding-top:10px;padding-bottom:8px}.demo-story{padding-bottom:10px}.demo-thread-intro{margin-bottom:16px!important}.demo-history{margin-bottom:12px}.demo-history summary{padding:6px 0}.demo-section-heading{margin-bottom:8px}.demo-tradeoffs{margin-top:8px}.demo-option-heading{margin-bottom:6px}.demo-tradeoffs .demo-secondary{margin-top:10px}.demo-guide-stream p{font-size:13px}.demo-other-option>summary,.demo-callpath>summary,.demo-program>summary{min-height:36px;padding-top:8px;padding-bottom:8px}.demo-composer{padding-top:8px;padding-bottom:6px}.demo-composer-meta{min-height:22px;margin-bottom:4px}.demo-composer nav button{padding-top:4px;padding-bottom:4px}.demo-composer form{padding:6px}.demo-composer textarea{min-height:38px}.demo-primary{padding:8px 14px}.demo-composer-help{margin-top:6px}.demo-save-status{margin-top:3px!important}}@media (max-width:900px){.demo-topbar{gap:16px;padding:4px 20px}.demo-mode{margin-left:auto}.demo-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:32px;padding:24px}.demo-story{gap:16px}.demo-story-label{display:none}.demo-journey{gap:10px}.demo-program>summary>span{float:none;padding-top:4px;display:block}.demo-task dl>div{grid-template-columns:90px minmax(0,1fr)}}@media (max-width:680px){.question-demo{font-size:16px}.demo-topbar{flex-wrap:wrap;gap:0 16px}.demo-brand img{width:140px}.demo-feedback-invitation{display:none}.demo-topbar .demo-mode{flex-basis:100%;order:3;padding-bottom:10px}.demo-account-actions{margin-left:auto}.demo-workspace{grid-template-columns:minmax(0,1fr);padding:24px 20px}.demo-overview{grid-template-columns:minmax(0,1fr);gap:20px}.demo-story{flex-wrap:wrap}.demo-journey{flex-basis:100%}.demo-story-remaining{margin-left:0;font-size:11px}.demo-journey li{flex-direction:column;align-items:start;gap:4px;font-size:10px}.demo-step-number{flex-basis:20px;width:20px}.demo-review h1{font-size:29px}.demo-guide{border-top:1px solid var(--line);padding-top:20px}.demo-thread,.demo-guide-body{max-width:none}.demo-thread-intro,.demo-guide-stream p,.demo-tradeoffs p{font-size:16px}.demo-composer{padding:12px 20px;position:static}.demo-composer-meta{flex-direction:column;align-items:start}.demo-composer form{flex-wrap:wrap}.demo-composer textarea{max-height:min(360px,50svh);font-size:16px}.demo-primary{min-height:44px;margin-left:auto}.demo-secondary,.demo-composer nav button,.demo-followup-prompts button,.demo-followup-reply header button,.demo-followup-sources a{min-height:44px}.demo-followup-reply header button{width:44px}.demo-followup-reply p{font-size:16px}.demo-composer-help{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.question-demo *,.question-demo :before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.code-demo{font-family:var(--font-body);color:var(--color-ink);background:var(--color-paper);font-synthesis:none;overflow-anchor:none}.code-demo *{box-sizing:border-box}.code-demo h1,.code-demo h2,.code-demo h3,.code-demo h4{font-family:var(--font-body)}.code-demo button,.code-demo textarea{font:inherit}.code-demo code,.code-demo pre{font-family:var(--font-machine)}.code-demo button,.code-demo summary,.code-demo a{-webkit-tap-highlight-color:transparent}.code-demo button{cursor:pointer}.code-demo button:disabled{cursor:default;opacity:.55}.code-demo button:focus-visible,.code-demo summary:focus-visible,.code-demo a:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.code-demo{--demo-text-label:12px;--demo-text-body:15px;--demo-text-question:20px;--muted:var(--color-ink-2);--line:var(--color-rule);min-height:100dvh;font-size:var(--demo-text-body);flex-direction:column;line-height:1.5;display:flex}.code-demo button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.code-demo p,.code-demo h1,.code-demo h2,.code-demo h3,.code-demo h4{margin:0}.code-demo summary{cursor:pointer}.code-demo svg{flex-shrink:0}:where(.code-demo) .demo-topbar{border-bottom:1px solid var(--line);background:var(--color-shell);align-items:center;gap:24px;min-height:56px;padding:4px 28px;display:flex}:where(.code-demo) .demo-brand{font-family:var(--font-display);font-size:var(--demo-text-question);letter-spacing:-.01em;color:inherit;white-space:nowrap;font-weight:700;text-decoration:none}:where(.code-demo) .demo-topbar p{font-size:var(--demo-text-label);color:var(--muted);flex:1}:where(.code-demo) .demo-topbar p>span{color:var(--muted);padding:0 8px}:where(.code-demo) .demo-topbar{position:relative}:where(.code-demo) .demo-feedback{margin-left:auto}:where(.code-demo) .demo-feedback>summary{min-height:44px;font-size:var(--demo-text-label);justify-content:space-between;align-items:center;gap:12px;padding:4px;font-weight:500;list-style:none;display:flex}:where(.code-demo) .demo-feedback>summary::-webkit-details-marker{display:none}:where(.code-demo) .demo-feedback>summary:hover{color:var(--color-accent)}:where(.code-demo) .demo-feedback[open]>summary>svg{transform:rotate(90deg)}:where(.code-demo) .demo-feedback-invitation{color:var(--muted);font-size:var(--demo-text-label);font-weight:400;display:block}:where(.code-demo) .demo-feedback-body{z-index:20;border:1px solid var(--line);background:var(--color-paper);width:min(600px,100vw - 40px);max-height:calc(100svh - 120px);font-size:var(--demo-text-body);gap:12px;padding:20px;display:grid;position:absolute;top:100%;right:20px;overflow-y:auto;box-shadow:0 12px 24px #00000014}:where(.code-demo) .demo-topbar .demo-feedback-body p{display:block}:where(.code-demo) .demo-feedback-body>p{color:var(--muted)}:where(.code-demo) .demo-feedback-context{border-left:2px solid var(--line);font-size:var(--demo-text-label);padding-left:10px}:where(.code-demo) .demo-feedback-body label{margin-top:4px;font-weight:500}:where(.code-demo) .demo-feedback-body textarea,:where(.code-demo) .demo-feedback-body input[type=email]{resize:vertical;border:1px solid var(--line);border-radius:var(--radius-input);background:var(--color-paper);width:100%;color:var(--color-ink);font-size:var(--demo-text-body);padding:12px}:where(.code-demo) .demo-feedback-body textarea{min-height:100px}:where(.code-demo) .demo-feedback-body input[type=email]{min-height:44px}:where(.code-demo) .demo-feedback-body textarea::placeholder{color:var(--muted)}:where(.code-demo) .demo-feedback-body textarea:focus-visible,:where(.code-demo) .demo-feedback-body input[type=email]:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}:where(.code-demo) .demo-feedback-limit{text-align:right;font-size:var(--demo-text-label);font-variant-numeric:tabular-nums}:where(.code-demo) .demo-feedback-actions{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}:where(.code-demo) .demo-feedback-actions .demo-secondary{align-items:center;gap:8px;min-height:44px;display:inline-flex}:where(.code-demo) .demo-feedback-trap{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:where(.code-demo) .demo-feedback-help,:where(.code-demo) .demo-feedback-notice{font-size:var(--demo-text-label);overflow-wrap:anywhere}:where(.code-demo) .demo-feedback-help a{text-underline-offset:3px;text-decoration:underline}:where(.code-demo) .demo-feedback-notice:empty{display:none}:where(.code-demo) .demo-secondary{background:var(--color-paper);border:1px solid var(--color-ink-2);border-radius:var(--radius-input);min-height:40px;font-size:var(--demo-text-label);color:var(--color-ink);justify-self:start;margin-top:14px;padding:8px 12px}:where(.code-demo) .demo-secondary:hover:not(:disabled),:where(.code-demo) .demo-replace-notice button:hover{background:var(--color-paper-2)}:where(.code-demo) .demo-secondary:active:not(:disabled),:where(.code-demo) .demo-replace-notice button:active{background:var(--color-shell)}:where(.code-demo) .demo-primary{color:var(--color-accent-ink);background:var(--color-accent);border:1px solid var(--color-ink);border-radius:var(--radius-input);min-height:42px;font-size:var(--demo-text-body);box-shadow:var(--shadow-offset-sm);flex-shrink:0;padding:10px 16px}:where(.code-demo) .demo-primary:hover:not(:disabled),:where(.code-demo) .demo-primary:active:not(:disabled){background:var(--color-accent-2)}:where(.code-demo) .demo-primary:active:not(:disabled){box-shadow:var(--shadow-offset-press)}:where(.code-demo) .demo-primary:disabled{color:var(--muted);background:var(--color-paper-2);border-color:var(--line);box-shadow:none;opacity:1}.code-demo p,.code-demo dd,.code-demo code{overflow-wrap:anywhere}@media (min-width:901px) and (max-height:820px){:where(.code-demo) .demo-topbar{min-height:44px;padding-top:0;padding-bottom:0}:where(.code-demo) .demo-primary{min-height:38px;padding:8px 14px}}@media (max-width:900px){:where(.code-demo) .demo-topbar{gap:16px;padding:4px 20px}:where(.code-demo) .demo-topbar p{display:none}:where(.code-demo) .demo-topbar .demo-feedback-body p{display:block}}@media (max-width:680px){.code-demo{--demo-text-body:16px}:where(.code-demo) .demo-feedback-invitation{display:none}:where(.code-demo) .demo-primary{min-height:44px;margin-left:auto}:where(.code-demo) .demo-secondary{min-height:44px}}@media (prefers-reduced-motion:reduce){.code-demo *,.code-demo :before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.code-demo{font-size:15px;line-height:1.55}.code-demo-topbar{gap:24px}.code-demo-label,.code-demo-kicker,.code-demo-truth,.code-demo-footer{color:var(--color-ink-2);font-size:13px}.code-demo-workspace{width:min(100% - 64px,880px);margin:20px auto;scroll-margin-top:20px}.code-demo-workspace h1{letter-spacing:-.025em;font-size:24px;font-weight:600;line-height:1.35}.code-demo-request{border-left:3px solid var(--color-accent);background:var(--color-shell);margin:12px 0;padding:10px 14px}.code-demo-request p{margin-top:4px;font-size:16px}.code-demo code{overflow-wrap:anywhere;font-size:.92em}.code-demo-progress{gap:6px;margin-bottom:16px;display:flex}.code-demo-progress span{background:var(--color-rule);flex:1;height:3px}.code-demo-progress .is-done{background:var(--color-accent)}.code-demo-stage>h2{margin-top:6px;scroll-margin-top:20px;font-size:18px;font-weight:600;line-height:1.4}.code-demo-stage>h2:focus{outline:none}.code-demo-stage h3,.code-demo-stage h4{font-size:15px;font-weight:600}.code-demo-lead{max-width:65ch;margin-top:8px!important}.code-demo-stage>.code-demo-truth,.code-demo-actions{margin-top:16px}.code-demo-guidance{color:var(--color-ink-2);align-items:flex-start;gap:8px;font-size:13px;display:flex;margin-bottom:10px!important}.code-demo-guidance svg{color:var(--color-accent);flex-shrink:0}.code-demo-buttons{align-items:center;gap:20px;display:flex}.code-demo-primary{border:1px solid var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink);border-radius:var(--radius-input);text-align:center;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 18px;font-weight:500;display:inline-flex}.code-demo-primary:hover:not(:disabled){background:var(--color-accent-2)}.code-demo-back{color:var(--color-ink-2);background:0 0;border:0;min-height:44px;padding:8px 0;font-size:13px!important}.code-demo-details{border-top:1px solid var(--color-rule);margin-top:16px}.code-demo-details summary{text-underline-offset:4px;cursor:pointer;width:fit-content;min-height:44px;padding:12px 0;font-size:13px;text-decoration:underline}.code-demo-details>div{padding:16px 0}.code-demo-details p{margin:8px 0}.code-demo-source{background:var(--color-shell);border:1px solid var(--color-rule);tab-size:2;margin:12px 0;padding:16px;font-size:13px;line-height:1.8;overflow-x:auto}.code-demo-source code{font-size:inherit}.code-demo-footer{border-top:1px solid var(--color-rule);justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding-top:12px;display:flex}.code-demo-footer button{color:inherit;text-underline-offset:4px;background:0 0;border:0;min-height:44px;padding:4px;text-decoration:underline}.agent-scene{color:#202223;background:#e8e6dc;margin:16px 0 0;padding:0 20px 10px}.agent-scene-heading{justify-content:space-between;align-items:center;gap:12px;min-height:38px;display:flex}.agent-scene-heading h3{color:#555750;font-size:13px;font-weight:500}.agent-motion-toggle{color:#555750;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;min-width:44px;min-height:38px;padding:0 4px;font-size:12px;display:inline-flex}.agent-scene-work{position:relative}.agent-jobs{margin:0;padding:0 28px 0 0;list-style:none}.agent-job{grid-template-columns:130px minmax(0,1fr) 190px;align-items:center;gap:16px;min-width:0;height:72px;display:grid}.agent-identity{color:#555750;gap:2px;font-size:11px;line-height:1.3;display:grid}.agent-job code{color:#202223;font-size:12px;font-weight:500}.agent-job-status{color:#555750;align-items:center;gap:4px;font-size:11px;display:flex}.agent-connection-light{background:#28734f;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin:0 2px;box-shadow:0 0 0 2px #28734f22}.agent-scene[data-stage=request] .agent-connection-light,.agent-job.is-missed .agent-connection-light{background:#946625;box-shadow:0 0 0 2px #94662522}.agent-streams{fill:none;width:100%;height:64px;display:block;overflow:hidden}.agent-streams path{vector-effect:non-scaling-stroke;transition:d .9s cubic-bezier(.2,.7,.2,1),stroke .5s,opacity .5s}.agent-stream-line{stroke:#555750;stroke-width:1px;opacity:.28}.agent-stream-pulse{stroke:#006e70;stroke-width:1.6px;stroke-dasharray:18 982;stroke-dashoffset:-250px;opacity:.65;animation:4.8s linear infinite agent-stream-flow;animation-delay:var(--strand-delay)}.agent-value{min-width:0}.agent-value-label{color:#555750;font-size:11px;display:block}.agent-name{white-space:nowrap;align-items:center;gap:6px;min-height:24px;display:flex}.agent-name del{color:#555750;font-size:12px}.agent-name.is-renamed{animation:.9s ease-out agent-rename}.agent-name.is-renamed code{color:#00585a}.agent-mismatch-mark{color:#795218;font-size:18px;line-height:1}.agent-dependency{fill:none;stroke:#006e70;stroke-width:1px;width:24px;height:144px;position:absolute;top:36px;right:0;overflow:visible}.agent-explanation{padding-top:8px;font-size:13px;line-height:1.5}.agent-explanation p{margin:0}.agent-explanation strong{color:#795218;margin-bottom:4px;font-weight:600;display:block}.agent-page-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.agent-page-preview{background:#faf9f5;border:1px solid #55575050;min-width:0}.agent-page-bar{color:#555750;border-bottom:1px solid #55575030;flex-wrap:wrap;justify-content:space-between;gap:2px 8px;padding:6px 10px;font-size:11px;display:flex}.agent-page-body{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:100px;padding:12px 8px;display:flex}.agent-page-body p{margin:0}.agent-page-welcome,.agent-page-error{font-size:15px;font-weight:600;line-height:1.4}.agent-page-reason{font-size:12px}.agent-page-preview.is-broken{border-color:#94662580}.agent-page-preview.is-broken .agent-page-body{color:#795218}.agent-page-preview.is-working{border-color:#28734f80}.agent-page-preview.is-working svg{color:#28734f}.agent-scene figcaption{color:#555750;margin-top:10px;font-size:11px}.agent-scene[data-stage=request] .agent-stream-pulse{stroke:#555750;animation-duration:var(--strand-duration)}.agent-scene[data-stage=request] .agent-dependency,.agent-scene[data-stage=preview] .agent-dependency{visibility:hidden}.agent-scene[data-stage=preview] .agent-stream-pulse,.agent-scene[data-stage=files] .agent-stream-pulse{opacity:0;animation:none}.agent-job.is-missed .agent-stream-line{stroke:#946625;stroke-dasharray:3 4;opacity:.65}.agent-job.is-missed .agent-job-status,.agent-job.is-missed .agent-name code{color:#795218}.agent-scene[data-stage=files] .agent-about-link{stroke:#946625;stroke-dasharray:3 4}.agent-scene[data-stage=complete] .agent-stream-pulse{opacity:0;animation:none}.agent-scene[data-stage=complete] .agent-job:not(:last-child) .agent-name{animation:none}.agent-job.is-updating .agent-connection-light{background:#006e70;box-shadow:0 0 0 2px #006e7022}.agent-scene[data-recovery=returning] .is-updating .agent-stream-pulse{opacity:.85;animation:1.6s linear both agent-return-work}.agent-scene[data-recovery=correcting] .is-updating .agent-stream-pulse{opacity:.85;animation:1.6s linear both agent-stream-flow}.agent-scene[data-stage=complete] .agent-job-status{color:#006e70}.agent-scene[data-paused=true] *{transition:none!important;animation-play-state:paused!important}@keyframes agent-stream-flow{to{stroke-dashoffset:-1250px}}@keyframes agent-return-work{0%{stroke-dashoffset:-980px}to{stroke-dashoffset:0}}@keyframes agent-rename{0%{background:#006e7020}to{background:0 0}}@media (prefers-reduced-motion:reduce){.agent-scene *{transition:none!important;animation:none!important}.agent-scene .agent-motion-toggle{display:none}}@media (max-width:700px){.code-demo-topbar{flex-wrap:wrap;gap:4px 16px;padding:8px 20px;display:flex}.code-demo-topbar .demo-brand{margin-right:auto}.code-demo-topbar>.code-demo-label{margin:0}.code-demo-topbar .demo-guidance-toggle{order:0;margin:0}.code-demo-topbar .demo-feedback{margin-left:auto}.code-demo-topbar .demo-feedback-invitation{display:none}.code-demo-workspace{width:calc(100% - 40px);margin-top:24px}.code-demo-workspace h1{font-size:22px}.code-demo-request{padding:12px 14px}.code-demo-source{padding:12px}.code-demo-buttons{flex-direction:column;align-items:stretch;gap:4px}.code-demo-back{align-self:center}.code-demo-footer{flex-wrap:wrap}.agent-scene{padding:0 12px 10px}.agent-scene-heading{gap:6px}.agent-scene-heading h3{font-size:12px}.agent-motion-toggle span{display:none}.agent-jobs{padding-right:16px}.agent-job{grid-template-columns:96px minmax(12px,1fr) 138px;gap:6px}.agent-job code,.agent-name del{white-space:nowrap;letter-spacing:-.3px;font-size:11px}.agent-name{gap:4px}.agent-name svg{flex-shrink:0;width:12px}.agent-dependency{width:12px}}