:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#233a3e;background:#f7f8f5;font-synthesis:none;--ink:#102b32;--muted:#697a7c;--line:#e4e8e3;--accent:#c5e7a4}*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #65a88c;outline-offset:4px}.workspace{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:100vh;min-height:100dvh}.sidebar{background:var(--ink);color:#f6f7ed;padding:40px 33px 25px;display:flex;flex-direction:column;position:relative;overflow:hidden}.brand{display:flex;gap:13px;text-decoration:none;align-items:center;font-size:30px;font-weight:750;letter-spacing:1px}.brand-symbol{display:grid;place-items:center;width:41px;height:42px;border:1px solid #73898a;font-size:25px;position:relative}.brand-symbol span{position:absolute;right:-7px;top:-11px;background:var(--ink);font-size:20px;color:var(--accent)}.brand-caption{display:block;letter-spacing:1.5px;font-size:7px;font-weight:500;margin-top:3px;color:#b6c4c2}.side-story{margin-top:86px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:600;color:#9db5b1}.side-story h1{font-size:37px;line-height:1.2;font-weight:450;letter-spacing:-1.2px;margin:23px 0}.side-story h1>span{color:var(--accent)}.side-story p{font-size:13px;line-height:1.9;color:#b6c6c4;max-width:237px}.project-drawing{height:195px;position:relative;color:#a0c8b0;margin:35px -5px 30px;opacity:.65}.project-drawing svg{width:100%;height:164px}.project-drawing>span{display:block;font-size:7px;letter-spacing:2.1px;margin-top:10px}.drawing-grid{position:absolute;inset:0;background-image:radial-gradient(#aac9b533 1px,transparent 1px);background-size:14px 14px;mask-image:linear-gradient(transparent,#000,transparent)}.sidebar-bottom{margin-top:auto;border-top:1px solid #ffffff20;padding-top:21px;display:flex;align-items:center;gap:15px}.mini-cross{font-size:28px;font-weight:200;color:var(--accent)}.sidebar-bottom p{font-size:10px;color:#9fb6b2;line-height:1.7;margin:0}.main-panel{height:100vh;height:100dvh;display:flex;flex-direction:column;min-width:0}.topbar{height:94px;flex-shrink:0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 44px;background:#fff9}.page-title{display:flex;align-items:center;gap:13px}.small-mark{display:none}.page-title strong{display:block;font-size:14px;font-weight:600}.page-title div>span{display:block;font-size:11px;color:var(--muted);margin-top:5px}.new-chat{background:transparent;border:1px solid #d8dfd7;border-radius:7px;padding:10px 14px;font-size:11px;color:#364f4e;display:flex;gap:7px;align-items:center}.new-chat:hover{background:#edf2e8}.new-chat>span{font-size:17px}.chat-area{flex:1;min-height:0;display:flex;flex-direction:column;width:100%;max-width:920px;align-self:center}.chat-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;padding:0 52px;overscroll-behavior:contain}.welcome{padding:52px 0 25px}.welcome-label{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1.8px;font-weight:650;color:#5b7565}.welcome-label>span{font-size:25px;line-height:1}.welcome h2{font-size:clamp(32px,3.4vw,46px);line-height:1.15;letter-spacing:-1.7px;font-weight:450;margin:20px 0 18px;color:#1d383b}.welcome>p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.suggestions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:29px}.suggestions button{padding:17px 14px;border:1px solid #dde4d9;border-radius:8px;background:#fdfefa;text-align:left;display:flex;gap:11px;align-items:center;color:#29433c;font-size:12px;transition:border-color .15s,background .15s}.suggestions button:hover{border-color:#83ab8f;background:#f0f6e8}.suggestion-icon{font-size:22px;color:#66856f}.suggestion-caption{display:block;font-size:10px;color:#7c8981;margin-top:5px}.arrow{margin-left:auto;font-size:16px}.conversation-divider{display:flex;align-items:center;gap:15px;padding:10px 0 24px;color:#8a9690;font-size:8px;letter-spacing:1.8px}.conversation-divider:before,.conversation-divider:after{content:"";height:1px;flex:1;background:var(--line)}.messages{display:flex;flex-direction:column;gap:24px;padding-bottom:25px}.message-row{display:flex;gap:11px;align-items:flex-start;max-width:92%}.avatar{flex-shrink:0;display:grid;place-items:center;height:29px;width:29px;border-radius:8px;background:#e3eddc;color:#365b42;font-size:12px;font-weight:650}.message-content{min-width:0}.message-name{font-size:10px;font-weight:600;margin:2px 0 8px;color:#58715d}.message-body{font-size:13px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}.message-row.cliente{align-self:flex-end;flex-direction:row-reverse}.cliente .avatar{background:#e3e8e6;color:#586c69}.cliente .message-name{text-align:right;color:#7a8782}.cliente .message-body{padding:11px 17px;background:var(--ink);color:#f6f8f3;border-radius:12px 0 12px 12px}.message-row.agente .message-body{padding-top:1px}.message-row.waiting .message-body{color:#768780;font-style:italic}.welcome.compact{padding-top:28px;padding-bottom:16px}.welcome.compact h2{font-size:28px;margin:12px 0}.welcome.compact>p,.welcome.compact .suggestions{display:none}.composer-area{flex-shrink:0;padding:0 52px 18px}.status-text{font-size:11px;color:#6d7f73;min-height:17px;margin:0 0 7px;line-height:1.5}.status-text.error{color:#9e3b30}.composer{border:1px solid #d5ddd2;border-radius:11px;background:#fff;display:flex;align-items:flex-end;padding:8px;gap:8px;box-shadow:0 4px 20px #193c2504}.composer:focus-within{border-color:#8fa987;box-shadow:0 0 0 3px #8fa98718}.composer textarea{resize:none;min-height:44px;max-height:140px;flex:1;min-width:0;border:0;padding:13px 10px;outline:none;background:transparent;color:#283d36;font-size:13px;line-height:1.5}.composer textarea::placeholder{color:#8c978d}.composer textarea:focus-visible{outline:0}.composer button{height:44px;display:flex;align-items:center;justify-content:center;gap:9px;border:0;background:var(--ink);color:#f8faf4;border-radius:7px;padding:0 17px;font-size:11px}.composer button:hover:not(:disabled){background:#24504b}.composer svg{width:19px;height:19px}.composer-foot{display:flex;justify-content:space-between;gap:12px;padding:11px 2px 0;font-size:9px;line-height:1.6;color:#8a958d}.keyboard-hint{white-space:nowrap}.keyboard-hint>span{margin-left:4px}.page-footer{display:flex;justify-content:space-between;gap:10px;flex-shrink:0;border-top:1px solid var(--line);padding:17px 44px;font-size:9px;color:#829086}.page-footer>span:last-child{font-size:7px;letter-spacing:1.7px}.footer-dot{margin:0 7px;color:#a6b49f}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;top:-100px;left:20px;z-index:20;background:var(--ink);color:white;padding:14px}.skip:focus{top:15px}dialog{border:1px solid var(--line);border-radius:16px;padding:30px;max-width:430px;width:calc(100% - 40px);color:var(--ink);box-shadow:0 20px 80px #0003}dialog::backdrop{background:#102b3270}dialog h2{font-size:23px;font-weight:500}dialog p{font-size:14px;line-height:1.8;color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.dialog-actions button{padding:11px 14px;border:1px solid var(--line);border-radius:7px;background:white;font-size:12px}.dialog-actions .primary{background:var(--ink);color:white}.messages[aria-busy=true]{opacity:.85}
@media(min-height:900px) and (min-width:1000px){.welcome{padding-top:82px}.side-story{margin-top:110px}.project-drawing{margin-top:55px}}
@media(max-width:1100px){.workspace{grid-template-columns:270px minmax(0,1fr)}.sidebar{padding:33px 25px}.side-story h1{font-size:32px}.topbar{padding:0 28px}.chat-scroll{padding:0 30px}.composer-area{padding:0 30px 15px}.page-footer{padding:16px 28px}.suggestion-caption{font-size:9px}.suggestions button{padding:14px 10px}}
@media(max-width:760px){.workspace{display:block}.sidebar{display:none}.topbar{height:76px;padding:0 20px}.small-mark{display:grid;place-items:center;border:1px solid #d9e1d5;border-radius:9px;width:35px;height:35px;font-weight:700;color:#446d4f;font-size:12px}.page-title strong{font-size:12px}.page-title div>span{font-size:10px}.new-chat{font-size:10px;padding:8px 10px}.chat-scroll{padding:0 23px}.welcome{padding-top:38px}.welcome h2{font-size:37px;letter-spacing:-1.3px}.welcome-label{font-size:8px;letter-spacing:1.2px}.welcome>p{font-size:12px}.suggestions{gap:9px;margin-top:23px}.suggestions button{padding:14px 11px;font-size:11px;gap:8px}.suggestion-icon{font-size:19px}.suggestion-caption{line-height:1.5}.composer-area{padding:0 18px 12px}.composer-foot{font-size:8px}.keyboard-hint{display:none}.page-footer{padding:13px 22px;font-size:8px}.page-footer>span:last-child{display:none}.message-row{max-width:96%}.message-body{font-size:13px}.send-label{display:none}.composer button{width:44px;padding:0}.composer textarea{font-size:16px;padding:10px 7px}.welcome.compact h2{font-size:26px}.desktop-break{display:none}}
@media(max-width:370px){.suggestions{grid-template-columns:1fr}.suggestion-caption{display:none}.welcome h2{font-size:31px}.new-chat{font-size:9px}.topbar{padding:0 14px}.page-title{gap:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}