:root{font-family:Inter,system-ui,sans-serif;color:#172033;background:#eef2f7}*{box-sizing:border-box}body{margin:0}main{max-width:1400px;margin:auto}header{height:74px;background:#172033;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px}header strong{font-size:20px}header small{display:block;color:#9eabc0;font-size:12px;margin-top:3px}button{border:0;border-radius:8px;padding:10px 14px;cursor:pointer;background:#e7edf6;color:#243047}header button{background:#3d82f6;color:#fff}.layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;min-height:calc(100vh - 74px);gap:1px;background:#dce3ed}.chat,aside{background:#fff}.chat{display:flex;flex-direction:column;min-height:calc(100vh - 74px)}.messages{flex:1;padding:28px;overflow:auto}.welcome{text-align:center;color:#8793a6;margin-top:30px}.bubble{max-width:70%;padding:13px 16px;border-radius:16px;margin:10px 0;display:flex;flex-direction:column;gap:5px;line-height:1.4}.bubble.user{margin-left:auto;background:#3d82f6;color:#fff;border-bottom-right-radius:4px}.bubble.assistant{background:#edf1f6;border-bottom-left-radius:4px}.bubble time{font-size:10px;opacity:.7}.typing{color:#8491a5;font-style:italic}.composer{display:flex;align-items:center;gap:8px;border-top:1px solid #e2e7ef;padding:15px}.composer>input{flex:1;border:0;outline:0;font-size:16px}.composer button{background:#3d82f6;color:#fff;font-size:20px}.composer label{font-size:20px;cursor:pointer}.composer label input{display:none}.composer em{font-size:11px;color:#58677e}.scenarios{padding:10px 20px;display:flex;gap:7px;overflow:auto;border-top:1px solid #eef1f5}.scenarios button{white-space:nowrap;font-size:12px}aside{padding:23px;color:#516078}aside h2{font-size:13px;color:#172033;letter-spacing:.06em;border-bottom:1px solid #e6eaf0;padding-bottom:10px;margin-top:0}aside h3{font-size:12px;margin:24px 0 7px}.row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f2f6;font-size:12px}.row span{color:#8793a6}.row b{color:#263550;text-align:right;max-width:190px;overflow-wrap:anywhere}pre{font-size:11px;background:#f6f8fb;padding:10px;border-radius:6px;white-space:pre-wrap}.events{font-size:11px;line-height:1.9}.events code{color:#8290a5}@media (max-width:800px){.layout{grid-template-columns:1fr}aside{display:none}}