*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:#fafafa;color:#171717;font:16px/1.5 system-ui,sans-serif}main{width:min(720px,100%);min-height:100vh;margin:auto;padding:40px 20px 100px}section>div{margin:0 0 24px;white-space:pre-wrap;overflow-wrap:anywhere}.user{text-align:right}.queued{opacity:.45}.thought{color:#777;font-style:italic}.error{color:#b42318}.agent,.thought{white-space:normal}.agent>:first-child,.thought>:first-child{margin-top:0}.agent>:last-child,.thought>:last-child{margin-bottom:0}.agent li>p,.thought li>p{margin-block:0}pre{overflow-x:auto;padding:12px;background:#eee;border-radius:8px}code{font-family:ui-monospace,monospace}form{position:fixed;bottom:20px;display:flex;gap:4px;width:min(680px,calc(100% - 40px));padding:8px;border:1px solid #ddd;border-radius:16px;background:#fff}input{min-width:0;flex:1;border:0;outline:0;padding:8px;background:transparent;font:inherit}button{border:0;border-radius:10px;padding:8px 16px;background:#171717;color:#fff;font:inherit;cursor:pointer}