:root{color:#171717;font-synthesis:none;background:#f5f5f2;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:1px solid #171717;border-radius:.4rem;padding:.7rem 1rem}button:disabled{cursor:not-allowed;opacity:.5}main{width:min(48rem,100% - 2rem);margin:0 auto}header,.chat-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}header{min-height:5rem}section{padding:2rem 0 4rem}.welcome{padding-top:clamp(3rem,12vw,8rem)}h1{letter-spacing:-.05em;margin:0;font-size:clamp(2.5rem,8vw,5rem);line-height:.95}p{line-height:1.5}.eyebrow,label{letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}.approvals{gap:.75rem;padding:1.25rem 0 0;display:grid}.approval{background:#fff8df;border:1px solid #b47d13;border-radius:.6rem;gap:.75rem;padding:1rem;display:grid}.approval.destructive{background:#fff0f0;border-color:#a11616}.approval p,.approval pre{margin:.25rem 0 0}.approval pre{white-space:pre-wrap;background:#fff;border-radius:.4rem;max-height:12rem;padding:.75rem;overflow:auto}.approval-actions{justify-content:flex-end;gap:.5rem;display:flex}.approval-status{justify-self:end;font-size:.8rem;font-weight:700}.messages{min-height:20rem;margin:2rem 0;padding:0;list-style:none}.message{background:#fff;border:1px solid #d4d4cf;border-radius:.6rem;max-width:85%;margin:0 0 1rem;padding:1rem;display:block}.message.user{color:#fff;background:#171717;margin-left:auto}.message p{white-space:pre-wrap;margin:.4rem 0 0}.streaming{border-style:dashed}.activity{flex-wrap:wrap;gap:.5rem;margin:-1rem 0 1.5rem;display:flex}.activity span,.artifact{background:#e7e7e1;border-radius:999px;padding:.35rem .55rem;font-size:.75rem}.error{color:#a11616}form{background:#f5f5f2;gap:.75rem;padding:1rem 0;display:grid;position:sticky;bottom:0}textarea{resize:vertical;background:#fff;border:1px solid #171717;border-radius:.4rem;width:100%;padding:.9rem}form button{justify-self:end}@media (width<=40rem){.message{max-width:95%}}