.demo-chat{margin-top:40px}.demo-samples{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px}.demo-samples-label{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--rc-mid);margin-right:4px}.demo-chip{font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;color:var(--rc-graphite);background:var(--rc-stone);border:1px solid var(--rc-dust);padding:7px 12px 6px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.demo-chip:hover{border-color:var(--accent);color:var(--accent)}.demo-chip[aria-pressed=true]{border-color:var(--accent);color:var(--rc-paper);background:var(--accent)}.demo-form{display:flex;flex-direction:column}.demo-label{font-family:var(--mono);font-size:10.5px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--rc-mid);margin-bottom:10px}.demo-textarea{width:100%;box-sizing:border-box;font-family:var(--sans);font-size:15px;line-height:1.55;color:var(--rc-graphite);background:var(--rc-paper);border:1px solid var(--rc-dust);border-radius:0;padding:16px 18px;resize:vertical;min-height:120px;transition:border-color .15s}.demo-textarea::placeholder{color:var(--rc-mid-soft)}.demo-textarea:focus{outline:none;border-color:var(--accent)}.demo-textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.demo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:18px}.demo-actions .cta-primary{border:0;cursor:pointer}.demo-actions .cta-primary:disabled{opacity:.55;cursor:default}.demo-hint{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--rc-mid)}.demo-status:empty{display:none}.demo-status{margin-top:16px}.demo-error{font-family:var(--sans);font-size:14px;color:var(--rc-alert);background:var(--rc-stone);border-left:2px solid var(--rc-alert);padding:10px 14px}.demo-loading{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--rc-mid)}.demo-result-wrap{margin-top:40px}.demo-result-wrap:focus{outline:none}.demo-result-wrap:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.demo-result .artifact-frame{max-width:640px}.demo-detail{margin-top:32px;max-width:760px}.demo-block{padding:22px 0;border-top:1px solid var(--rc-dust)}.demo-block:first-child{border-top:0;padding-top:0}.demo-block-h{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--rc-graphite);margin:0 0 14px}.demo-prose{font-family:var(--sans);font-size:15px;line-height:1.65;color:var(--rc-graphite);max-width:64ch;margin:0}.demo-rec{border-left:2px solid var(--accent);padding-left:16px}.demo-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}.demo-item{background:var(--rc-stone);border:1px solid var(--rc-dust);padding:16px 18px}.demo-item-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px}.demo-item-id{font-family:var(--mono);font-size:12px;font-weight:500;color:var(--rc-graphite)}.demo-item-id.mono{letter-spacing:.02em}.demo-item-src{font-family:var(--mono);font-size:11px;color:var(--rc-mid);border-bottom:1px solid var(--rc-dust);padding-bottom:1px;transition:color .15s,border-color .15s}.demo-item-src:hover{color:var(--accent);border-bottom-color:var(--accent)}.demo-pill{font-family:var(--mono);font-size:9.5px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--rc-mid);border:1px solid var(--rc-dust);padding:3px 7px 2px}.demo-pill.is-accent{color:var(--accent);border-color:var(--accent)}.demo-pill.is-alert{color:var(--rc-alert);border-color:var(--rc-alert)}.demo-pill.is-mid{color:var(--rc-mid);border-color:var(--rc-mid)}.demo-item-text{font-family:var(--sans);font-size:14.5px;line-height:1.55;color:var(--rc-graphite);margin:0 0 6px;overflow-wrap:anywhere}.demo-item-basis{font-family:var(--sans);font-size:13.5px;line-height:1.55;color:var(--rc-mid);margin:0;overflow-wrap:anywhere}.demo-notice{font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;color:var(--rc-mid);margin-top:28px;padding-top:16px;border-top:1px solid var(--rc-dust)}.demo-foot-note{font-family:var(--sans);font-size:13.5px;line-height:1.6;color:var(--rc-mid);margin-top:48px;max-width:60ch}.demo-foot-note a{color:var(--rc-graphite);border-bottom:1px solid var(--rc-dust);padding-bottom:1px}.demo-foot-note a:hover{color:var(--accent);border-bottom-color:var(--accent)}@media(max-width:760px){.demo-result .artifact-frame,.demo-detail{max-width:100%}}