:root{--blue:#325af8;--blue-dark:#2146dc;--ink:#0a0a0c;--grey:#6b7080;--rule:#d3d8e6;--panel:#eef1fe;--soft:#f8f9fc;--white:#fff;--green:#148561;--danger:#b42318;--mono:ui-monospace,SFMono-Regular,Menlo,monospace;--sidebar:232px}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--white);color:var(--ink);font:15px/1.55 Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.shell{display:grid;grid-template-columns:var(--sidebar) 1fr;height:100dvh}.sidebar{border-right:1px solid var(--rule);background:var(--soft);padding:22px 16px;display:flex;flex-direction:column;gap:26px}.brand img{display:block;height:30px;width:auto}.nav-label{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--grey);margin:0 0 8px 10px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;font-weight:600;font-size:14.5px;color:var(--blue);background:var(--panel)}.nav-item svg{flex:none}.sender{margin-top:auto;border-top:1px solid var(--rule);padding-top:16px;font-size:12.5px;color:var(--grey)}.sender strong{display:block;color:var(--ink);font-size:13.5px;font-weight:600;margin-top:3px}.dot{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block;margin-right:6px}.dot.off{background:var(--rule)}.sender .verified{display:block;font-size:12px;color:var(--grey)}.sender button{margin-top:12px;width:100%;font:inherit;font-size:13px;font-weight:600;border-radius:9px;padding:9px 10px;cursor:pointer}.sender button:disabled{opacity:.5;cursor:not-allowed}.sender .connect{background:var(--blue);color:var(--white);border:0}.sender .connect:hover:not(:disabled){background:var(--blue-dark)}.sender .link{background:transparent;color:var(--grey);border:1px solid var(--rule)}.sender-error{margin:10px 0 0;font-size:12px;color:var(--danger)}.chat{display:flex;flex-direction:column;min-width:0;min-height:0}.chat-head{border-bottom:1px solid var(--rule);padding:16px 28px;display:flex;align-items:baseline;gap:12px}.chat-head h1{font-size:16px;margin:0;letter-spacing:-.01em}.chat-head span{font-size:13px;color:var(--grey)}.thread{flex:1 1;overflow-y:auto;padding:28px;display:flex;flex-direction:column;gap:20px}.turn{max-width:620px;width:-moz-fit-content;width:fit-content}.turn.out{margin-left:auto}.who{font-size:12px;color:var(--grey);margin-bottom:6px;display:flex;align-items:center;gap:7px}.turn.out .who{justify-content:flex-end}.who img{height:15px;width:15px}.bubble{padding:13px 16px;border-radius:14px;background:var(--soft);border:1px solid var(--rule);white-space:pre-wrap}.turn.out .bubble{background:var(--blue);border-color:var(--blue);color:var(--white);border-bottom-right-radius:5px}.turn.in .bubble{border-bottom-left-radius:5px}.bubble.ok{background:#eaf7f1;border-color:#a9dcc8}.bubble.err{background:#fdeceb;border-color:#f3bab5;color:var(--danger)}.receipt{margin-top:8px;font-family:var(--mono);font-size:12px;color:var(--grey);word-break:break-all}.composer{border-top:1px solid var(--rule);padding:18px 28px 24px}.composer-inner{max-width:860px;margin:0 auto;border:1px solid var(--rule);border-radius:16px;background:var(--white);box-shadow:0 8px 30px #1f2b520d;overflow:hidden}.preview{padding:16px 18px;min-height:76px;white-space:pre-wrap;font-size:15px}.preview.empty{color:var(--grey)}.slot{background:var(--panel);color:var(--blue);border-radius:5px;padding:1px 5px;font-weight:600}.fields{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 14px}.fields input{flex:1 1 150px;min-width:0;border:1px solid var(--rule);border-radius:9px;padding:9px 11px;font:inherit;font-size:14px;background:var(--soft);color:var(--ink)}.controls{display:flex;align-items:center;gap:10px;padding:12px 14px 12px 18px;border-top:1px solid var(--rule);background:var(--soft)}.controls .to,.controls select{border:1px solid var(--rule);border-radius:9px;padding:9px 11px;font:inherit;font-size:14px;background:var(--white);color:var(--ink);min-width:0}.controls .to{flex:0 1 200px}.controls select{flex:1 1 190px}input:focus,select:focus{outline:2px solid #325af833;border-color:var(--blue)}.send{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:8px;background:var(--blue);color:var(--white);border:0;border-radius:10px;padding:11px 18px;font:inherit;font-weight:650;cursor:pointer}.send:hover:not(:disabled){background:var(--blue-dark)}.send:disabled{opacity:.45;cursor:not-allowed}.hint{max-width:860px;margin:10px auto 0;font-size:12px;color:var(--grey)}@media (max-width:720px){.shell{grid-template-columns:1fr}.sidebar{display:none}.composer,.thread{padding-left:16px;padding-right:16px}}