:root{color:#172033;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.side{color:#fff;background:#111c2d;flex-direction:column;padding:28px 22px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brandmark{color:#172033;background:linear-gradient(145deg,#d9b879,#a87937);border-radius:13px;place-items:center;width:42px;height:42px;font:25px Georgia;display:grid}.brand b{letter-spacing:2px;font-size:14px;display:block}.brand small{color:#8f9cb0;letter-spacing:1.6px;margin-top:4px;font-size:9px;display:block}.side-note{color:#c5d0df;align-items:center;gap:10px;margin-top:70px;font-size:13px;display:flex}.side-note svg{color:#d9b879}.side-bottom{color:#aab6c6;align-items:center;gap:8px;margin-top:auto;font-size:11px;display:flex}.dot,.welcome i{background:#48c58b;border-radius:50%;width:7px;height:7px;display:inline-block}.workspace{flex-direction:column;min-height:100vh;display:flex}.topbar{background:#fff;border-bottom:1px solid #e8ebf1;justify-content:space-between;align-items:center;padding:34px clamp(22px,6vw,86px) 24px;display:flex}.eyebrow{letter-spacing:1.8px;color:#9a8057;font-size:9px;font-weight:700}h1{color:#182438;margin:8px 0 0;font:500 clamp(25px,3vw,36px) Georgia}.reset{color:#596579;cursor:pointer;background:#fff;border:1px solid #e3e7ed;border-radius:10px;align-items:center;gap:8px;padding:10px 13px;font-size:12px;display:flex}.chat-area{flex:1;padding:34px 20px;overflow:auto}.chat-inner{max-width:790px;margin:0 auto}.welcome{align-items:center;gap:11px;margin-bottom:30px;display:flex}.bot-orb,.mini-orb{color:#e7c98f;background:#17263d;border-radius:50%;place-items:center;display:grid}.bot-orb{width:43px;height:43px}.welcome b,.welcome span{display:block}.welcome b{font-size:13px}.welcome span{color:#8c97a8;margin-top:4px;font-size:10px}.welcome i{margin-right:5px}.messages{flex-direction:column;gap:18px;display:flex}.message-row{align-items:flex-end;gap:9px;display:flex}.message-row.user{justify-content:flex-end}.mini-orb{flex:none;width:27px;height:27px}.bubble{color:#344156;background:#fff;border:1px solid #e9edf2;border-radius:16px 16px 16px 4px;max-width:min(78%,600px);padding:14px 17px;font-size:13px;line-height:1.65;box-shadow:0 3px 12px #1a2b4408}.user .bubble{color:#fff;background:#17263d;border-color:#17263d;border-radius:16px 16px 4px}.product-strip{flex-wrap:wrap;gap:10px;margin:20px 0 0 36px;display:flex}.product{background:#fff;border:1px solid #e8ebf0;border-radius:12px;align-items:center;gap:10px;min-width:190px;padding:11px 13px;display:flex}.product-icon{color:#9b7945;background:#f5f0e7;border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.product b,.product small{display:block}.product b{font-size:11px}.product small{color:#8993a2;margin-top:3px;font-size:10px}.suggestions{margin:34px 0 0 36px}.suggestions p{letter-spacing:1.6px;color:#9aa3b1;font-size:9px;font-weight:700}.suggestions button{color:#4d5b70;cursor:pointer;background:#fff;border:1px solid #e1e6ed;border-radius:20px;margin:0 8px 8px 0;padding:10px 13px;font-size:11px}.composer-wrap{background:linear-gradient(#0000,#f5f7fb 22%);padding:15px 20px 22px}.composer{color:#9a8057;background:#fff;border:1px solid #e0e5ec;border-radius:15px;align-items:center;gap:11px;max-width:790px;margin:0 auto;padding:8px 9px 8px 15px;display:flex;box-shadow:0 8px 25px #24364d0a}.composer input{font:inherit;border:0;outline:0;flex:1;min-width:0;font-size:13px}.composer button{color:#fff;cursor:pointer;background:#17263d;border:0;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.composer button:disabled{opacity:.35}.composer-wrap>p{text-align:center;color:#a0a8b4;margin:10px 0 0;font-size:9px}@media (width<=700px){.shell{grid-template-columns:1fr}.side{flex-direction:row;align-items:center;padding:13px 18px}.brandmark{width:35px;height:35px}.side-note{margin:0 0 0 auto;font-size:11px}.side-bottom{display:none}.topbar{padding:24px 18px}.reset{padding:10px;font-size:0}.chat-area{padding:25px 14px}.bubble{max-width:86%;font-size:12px}.suggestions,.product-strip{margin-left:0}.composer-wrap{padding:12px 13px 18px}}
