.tool-hero .wrap>.lead{max-width:42rem}.chat-band{scroll-margin-top:var(--header-h)}.chat-wrap{grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:start;gap:clamp(24px,4vw,56px);display:grid}.chat{background:var(--white);border:2px solid #000}.chat-head{color:var(--paper);background:#000;align-items:center;gap:14px;padding:14px clamp(16px,2.4vw,28px);display:flex}.chat-head-ghost{width:40px;color:var(--blue);flex:none}.chat-head h2{font-size:1.15rem}.chat-head p{font:500 .78rem/1.3 var(--ui);color:var(--muted-on-ink);margin-top:2px}.chat-reset{border:1px solid var(--line-on-ink);color:var(--paper);font:500 .82rem/1.2 var(--ui);cursor:pointer;background:0 0;flex:none;margin-left:auto;padding:8px 12px;transition:border-color .15s,color .15s}.chat-reset:hover{border-color:var(--blue);color:var(--blue)}.chat-log{gap:22px;padding:clamp(20px,2.8vw,34px) clamp(16px,2.4vw,28px);display:grid}.chat-row{display:flex}.chat-user{justify-content:flex-end}.chat-bubble{max-width:44em;font-size:1rem;line-height:1.6}.chat-ai .chat-bubble{border-left:4px solid var(--blue);padding-left:16px}.chat-ai:first-child .chat-bubble{font:700 clamp(1.15rem, 1.05rem + .5vw, 1.4rem)/1.35 var(--heading);letter-spacing:-.01em;border-left-color:#000}.chat-user .chat-bubble{max-width:min(34em,86%);color:var(--paper);background:#000;padding:12px 16px}.chat-bubble p+p,.chat-bubble ul+p,.chat-bubble p+ul{margin-top:.8em}.chat-bubble ul{gap:10px;display:grid}.chat-bubble li{padding-left:20px;position:relative}.chat-bubble li:before{content:"";background:#000;width:8px;height:8px;position:absolute;top:.62em;left:0}.chat-bubble a{color:var(--blue-deep);overflow-wrap:anywhere}.chat-pending{color:var(--muted);animation:1.1s ease-in-out infinite chat-pulse}@keyframes chat-pulse{50%{opacity:.35}}.chat-starters{padding:0 clamp(16px,2.4vw,28px) clamp(20px,2.8vw,30px)}.chat-starters p{font:500 .8rem/1.3 var(--ui);color:var(--muted)}.chat-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.chat-chip{text-align:left;border:1px solid var(--line);background:var(--paper);font:400 .95rem/1.4 var(--body);color:#000;cursor:pointer;padding:12px 14px;transition:border-color .15s,background .15s}.chat-chip:hover{background:var(--blue-light);border-color:#000}.chat-after{font:500 .85rem/1.4 var(--ui);color:var(--muted);flex-wrap:wrap;gap:4px 6px;padding:0 clamp(16px,2.4vw,28px) 18px;display:flex}.chat-link{cursor:pointer;font:inherit;color:var(--blue-deep);text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.chat-link:hover{color:#000}.chat-form{border-top:2px solid #000;grid-template-columns:1fr auto;gap:0;display:grid}.chat-form textarea{background:var(--white);color:#000;resize:none;border:0;min-height:76px;padding:16px clamp(16px,2.4vw,28px)}.chat-form textarea:focus-visible{box-shadow:inset 0 0 0 3px var(--blue);outline:0}.chat-form .button{border-radius:0;align-self:stretch;min-height:0;padding-inline:clamp(18px,2.4vw,30px)}.chat-foot{background:var(--paper);border-top:1px solid var(--line);gap:6px;padding:10px clamp(16px,2.4vw,28px);display:grid}.chat-foot .form-note{margin:0;font-size:.82rem}.chat-side{top:calc(var(--header-h) + 24px);position:sticky}.chat-how h2,.chat-handoff h2{font-size:1.4rem}.chat-how ol{counter-reset:how;border-top:2px solid #000;margin-top:16px;display:grid}.chat-how li{counter-increment:how;border-bottom:1px solid var(--line);color:var(--muted);padding:14px 0 14px 34px;font-size:.95rem;position:relative}.chat-how li:before{content:counter(how);font:900 1rem/1.5 var(--heading);color:var(--blue-deep);position:absolute;top:14px;left:0}.chat-how b{font:700 1rem/1.3 var(--heading);color:#000;display:block}.chat-handoff{color:var(--paper);--fg:var(--paper);--bg:#000;--line:var(--line-on-ink);--muted:var(--muted-on-ink);background:#000;gap:14px;padding:clamp(20px,2.4vw,30px);animation:.35s ease-out handoff-in;display:grid}.chat-handoff[hidden]{display:none}.chat-handoff>p{color:var(--muted-on-ink);font-size:.95rem}.chat-handoff input{background:var(--ink-raised);color:var(--paper)}.chat-handoff .form-error{color:#ff8f8f}.handoff-ghost{width:56px;color:var(--blue)}.handoff-done{color:var(--paper)!important}@keyframes handoff-in{0%{opacity:0;transform:translateY(10px)}}@media (width<=900px){.chat-wrap{grid-template-columns:1fr}.chat-side{position:static}.chat-how{display:none}}@media (width<=560px){.chat-chips{grid-template-columns:1fr}.chat-head p{display:none}.chat-form{grid-template-columns:1fr}.chat-form .button{min-height:52px}}@media (prefers-reduced-motion:reduce){.chat-pending,.chat-handoff{animation:none}}
