:root{
 --brand:#a7442a;--brand2:#7f2f1c;--ink:#1b2330;--muted:#6c7584;--line:#e7e2da;
 --cream:#fff8ef;--chip:#fff3e4;--white:#fff;
}
*{box-sizing:border-box} body{margin:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;color:var(--ink);background:#f7f4ee}
.demo{min-height:100vh;display:grid;place-content:center;text-align:center;padding:30px}.demo h1{font-size:52px;margin:0}.demo p{color:var(--muted)}
.tei-launch{position:fixed;right:22px;bottom:22px;border:0;background:var(--brand);color:#fff;padding:14px 18px;border-radius:999px;font-weight:800;box-shadow:0 16px 45px #0003;cursor:pointer;z-index:9998}
.tei-widget{position:fixed;right:22px;bottom:82px;width:min(410px,calc(100vw - 24px));height:min(690px,calc(100vh - 110px));background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 60px #0003;z-index:9999;display:flex;flex-direction:column;overflow:hidden}
.tei-hidden{display:none!important}.tei-head{background:var(--cream);padding:18px;border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between}
.tei-head p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.tei-head button{background:none;border:0;font-size:28px;color:var(--muted);cursor:pointer}
.tei-msgs{flex:1;overflow:auto;padding:15px;display:flex;flex-direction:column;gap:10px}.m{max-width:88%;padding:11px 13px;border-radius:15px;font-size:14px;line-height:1.52;white-space:pre-wrap}
.m.ai{align-self:flex-start;background:#f5f2ed;border-bottom-left-radius:5px}.m.user{align-self:flex-end;background:var(--brand);color:#fff;border-bottom-right-radius:5px}
.m.meta{align-self:stretch;max-width:100%;font-size:11px;background:#eef5ff;color:#42506a}
.tei-chips{display:flex;gap:7px;flex-wrap:wrap;padding:0 13px 10px;max-height:155px;overflow:auto}.tei-chips button{border:1px solid #e2c3a6;background:var(--chip);color:#66301d;border-radius:999px;padding:8px 10px;font-size:12px;cursor:pointer}
.tei-form{display:flex;gap:8px;padding:11px;border-top:1px solid var(--line)}.tei-form input{flex:1;min-width:0;padding:11px;border:1px solid var(--line);border-radius:11px;font:inherit}.tei-form button{border:0;background:var(--brand);color:#fff;border-radius:11px;padding:0 15px;font-weight:800}
.tei-note{text-align:center;padding:0 10px 10px;font-size:10px;color:var(--muted)}.lead{display:grid;gap:8px;margin-top:9px}.lead input,.lead select{padding:9px;border:1px solid var(--line);border-radius:9px}.lead button{padding:10px;border:0;background:var(--brand);color:#fff;border-radius:9px;font-weight:800}
@media(max-width:520px){.tei-launch span{display:none}.tei-launch{width:54px;height:54px;padding:0}.tei-widget{right:7px;bottom:70px;width:calc(100vw - 14px);height:calc(100vh - 84px)}}