.chat{flex-direction:column;flex:auto;min-height:0;display:flex}.chat-log{flex:auto;min-height:0;padding:.7rem .9rem;overflow-y:auto}.chat-empty{color:var(--muted);text-align:center;padding:1.5rem 0;font-size:.85rem;font-style:italic}.chat-msg{max-width:92%;margin:.55rem 0}.chat-user{margin-left:auto}.chat-agent,.chat-system,.chat-error{margin-right:auto}.chat-role{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 .2rem .15rem;font-size:.66rem;display:block}.chat-user .chat-role{text-align:right}.chat-body{white-space:pre-wrap;word-break:break-word;border-radius:8px;padding:.55rem .75rem;font-size:.88rem;line-height:1.45}.chat-user .chat-body{background:var(--accent-soft);color:var(--text)}.chat-agent .chat-body{background:var(--surface-raised);color:var(--text);border:1px solid var(--border)}.chat-system .chat-body,.chat-error .chat-body{color:var(--muted);text-align:center;background:0 0;border:0;padding:.1rem .2rem;font-size:.78rem;font-style:italic}.chat-system{max-width:100%}.chat-error .chat-body{color:var(--danger)}.chat-body code{font-family:var(--font-mono);background:var(--bg-subtle);border-radius:3px;padding:.05em .3em;font-size:.82em}.chat-body h4,.chat-body h5,.chat-body h6{margin:.5em 0 .2em;font-size:.92em}.chat-body ul{margin:.2em 0 .2em 1.1em;padding:0}.chat-body li{margin:.1em 0}.chat-msg.streaming .chat-body:after{content:"▌";color:var(--accent);animation:1s steps(2,end) infinite chat-blink}@keyframes chat-blink{50%{opacity:0}}.chat-toolrow{flex-wrap:wrap;gap:.25rem;margin:.1rem 0 .4rem;display:flex}.chat-tool-chip{font-size:.68rem;font-family:var(--font-mono);background:var(--bg-subtle);color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:.08rem .5rem}.chat-composer{border-top:1px solid var(--border);flex:none;align-items:stretch;gap:.4rem;padding:.55rem .7rem .7rem;display:flex}.chat-input{resize:vertical;min-height:2.4rem;font:inherit;border:1px solid var(--border-input);background:var(--surface);color:var(--text);border-radius:5px;flex:auto;padding:.5rem .7rem;font-size:.92rem}.chat-input.busy{opacity:.7}.chat-send{background:var(--accent);color:#fff;cursor:pointer;min-height:var(--tap);border:0;border-radius:5px;padding:0 1rem;font-weight:500}.chat-send:disabled{opacity:.5;cursor:progress}.chat-suggest{flex-wrap:wrap;gap:.35rem;padding:.4rem .9rem .2rem;display:flex}.chat-suggest button{font:inherit;border:1px solid var(--accent);color:var(--accent);cursor:pointer;text-align:left;background:0 0;border-radius:999px;padding:.25rem .7rem;font-size:.78rem}.chat-suggest button:hover{background:var(--accent-soft)}.chat-suggest button:disabled{opacity:.5;cursor:progress}.chat-meter{font-family:var(--font-mono);color:var(--muted);background:var(--bg-subtle);white-space:nowrap;border-radius:3px;padding:.1rem .5rem;font-size:.8rem}.chat-thinking{color:var(--muted);align-items:center;gap:.5rem;margin:.5rem .2rem;font-size:.82rem;font-style:italic;display:flex}.chat-thinking .chat-gears{flex:none;display:block}.chat-thinking .g-big{transform-box:fill-box;transform-origin:50%;animation:2.4s linear infinite chat-gear}.chat-thinking .g-small{transform-box:fill-box;transform-origin:50%;animation:1.6s linear infinite reverse chat-gear}@keyframes chat-gear{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.chat-thinking .g-big,.chat-thinking .g-small,.chat-msg.streaming .chat-body:after{animation:none}}.demo{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.demo-topbar{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:.75rem;padding:.6rem 1rem;font-size:.9rem;display:flex}.demo-topbar .brand{font-size:.95rem}.demo-topbar .brand img{border-radius:6px;width:24px;height:24px}.demo-topbar .top-nav{color:var(--text-secondary);gap:.9rem;margin-left:.5rem;display:flex}.demo-topbar .top-nav span[aria-current]{color:var(--accent);border-bottom:2px solid var(--accent);font-weight:500}.demo-topbar .user{color:var(--muted);margin-left:auto;font-size:.8rem}.demo-building{flex-wrap:wrap;align-items:baseline;gap:.35rem .75rem;padding:.7rem 1rem .2rem;display:flex}.demo-building h3{margin:0;font-size:1.15rem}.demo-building .meta{color:var(--muted);font-size:.85rem}.demo-tabs{border-bottom:1px solid var(--border);gap:.25rem;padding:.3rem 1rem 0;display:flex;overflow-x:auto}.demo-tabs span{color:var(--text-secondary);white-space:nowrap;border-bottom:2px solid #0000;padding:.5rem .6rem;font-size:.9rem}.demo-tabs span[aria-current=true]{color:var(--accent);border-bottom-color:var(--accent);font-weight:500}.demo-tabs span[aria-disabled=true]{opacity:.55}.demo-status{border-bottom:1px solid var(--border);background:var(--bg-subtle);flex-wrap:wrap;align-items:center;gap:.6rem;padding:.55rem 1rem;font-size:.85rem;display:flex}.demo-status .spacer{flex:auto}.demo-body{grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);min-height:520px;display:grid}@media (width<=900px){.demo-body{grid-template-columns:1fr}}.demo-main{border-right:1px solid var(--border);min-width:0;padding:1rem 1.25rem}@media (width<=900px){.demo-main{border-right:0;border-bottom:1px solid var(--border)}}.demo-main h4{margin:0 0 .25rem;font-size:1.25rem;line-height:1.25}.demo-main .prepared{color:var(--muted);margin-bottom:1rem;font-size:.78rem}.demo-side{flex-direction:column;min-height:420px;max-height:620px;display:flex}.demo-side-tabs{border-bottom:1px solid var(--border);display:flex}.demo-side-tabs span{text-align:center;color:var(--text-secondary);border-bottom:2px solid #0000;flex:auto;padding:.6rem .4rem;font-size:.85rem}.demo-side-tabs span[aria-current=true]{color:var(--accent);border-bottom-color:var(--accent);font-weight:500}.demo-side-tabs span[aria-disabled=true]{opacity:.55}.demo-footer{border-top:1px solid var(--border);background:var(--surface);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.demo-footer .stop-title{font-weight:600}.demo-footer .stop-notice{color:var(--text-secondary);flex:320px;font-size:.85rem}.demo-footer .dots{gap:.3rem;display:flex}.demo-footer .dots button{border:1px solid var(--border-input);cursor:pointer;width:26px;height:26px;color:var(--muted);background:0 0;border-radius:50%;padding:0;font-size:.72rem}.demo-footer .dots button[aria-current=step]{background:var(--accent);color:#fff;border-color:var(--accent)}.demo-footer .nav-btns{gap:.4rem;margin-left:auto;display:flex}.demo-note{color:var(--muted);padding:0 1rem .75rem;font-size:.82rem}.demo-note summary{cursor:pointer}.demo-note p{margin:.4rem 0 0;font-style:italic}.demo-fade{animation:.22s ease-out demo-fade}@keyframes demo-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.demo-fade{animation:none}}.demo-calc{font-size:.9rem}.demo-calc dl{grid-template-columns:auto 1fr;gap:.25rem 1rem;margin:.5rem 0 1rem;display:grid}.demo-calc dt{color:var(--muted)}.demo-calc dd{font-variant-numeric:tabular-nums;margin:0}.demo-calc .steps-table td:first-child{color:var(--text-secondary)}.demo-digest h5{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:1rem 0 .35rem;font-size:.78rem}.demo-digest h5:first-child{margin-top:0}.demo-digest ul{margin:0;padding-left:1.1rem;font-size:.9rem}.demo-chart-wrap{overflow-x:auto}.demo-chart{width:100%;max-width:720px;height:auto}.demo-chart text{font-family:var(--font-ui);fill:var(--muted)}.demo-chart .axis{stroke:var(--border-input)}.demo-chart .grid{stroke:var(--border)}.demo-chart circle{fill:var(--chart-dot);fill-opacity:.72;stroke:var(--surface);stroke-width:1.5px;transition:fill-opacity .12s}.demo-chart circle.punchline{fill:var(--sev-high)}.demo-chart circle.control{fill:var(--sev-low)}.demo-chart circle:hover{fill-opacity:1}.demo-chart .label{fill:var(--text-secondary);font-size:10px}