@charset "UTF-8";
:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#24352e;background:#eef2ef;font-synthesis:none;--green:#157a53;--muted:#87958e;--border:#e6ece8}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed}button:disabled{opacity:.4}button:focus-visible,input:focus-visible{outline:3px solid #79c49e;outline-offset:3px}a{color:inherit;text-decoration:none}.app-shell{display:flex;min-height:100vh}.rail{width:72px;background:#172e24;display:flex;align-items:center;flex-direction:column;padding:26px 0;flex-shrink:0}.brand{font-size:28px;font-weight:800;color:#f0f8ef;letter-spacing:-4px}.brand span{color:#67de9a;font-size:34px}.rail-item{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:27px;color:#c5edcf;margin-top:53px}.rail-item.active{background:#2c4b3a;box-shadow:inset 2px 0 #83dba5}.rail-bottom{margin-top:auto;color:#7d9b88;font-size:9px;letter-spacing:2px;writing-mode:vertical-rl}.workspace{display:flex;flex:1;min-width:0;flex-direction:column;background:white}.topbar{height:83px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 30px;gap:15px}.product,.top-actions{display:flex;align-items:center;gap:14px}.product strong{font-size:19px;letter-spacing:-.5px}.version{font-size:10px;background:#f0f5f1;color:#799081;padding:4px 7px;border-radius:5px;font-weight:700}.divider{height:17px;width:1px;background:#e1e8e3}.subtitle{font-size:13px;color:#7d8982}.status-pill{font-size:12px;display:flex;align-items:center;gap:7px;color:#50735e}.status-pill i,.local-dot{width:6px;height:6px;background:#4dac77;border-radius:50%;display:inline-block}.status-pill.offline{color:#a36b47}.status-pill.offline i{background:#d59863}.button{border:0;border-radius:8px;font-size:12px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:13px;font-weight:600;transition:background .15s}.button.ghost{background:transparent;color:#687c6d}.button.ghost:hover{background:#f2f5f2}.button.primary{background:#17784e;color:white;box-shadow:0 3px 8px #1a6e4c15;padding:12px 20px}.button.primary:hover{background:#0f6841}.button.primary span{font-size:19px;line-height:12px}.button.secondary{background:#fff;color:#347554;border:1px solid #d7e8d9;font-weight:500}.button.secondary:hover{background:#e7f2e9}.workspace-body{display:flex;height:calc(100vh - 83px);min-height:570px}.conversations{width:276px;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;background:#fbfcfa}.section-title{display:flex;align-items:center;justify-content:space-between;padding:29px 23px 24px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:700;color:#8b9c90}h1{font-size:23px;letter-spacing:-.5px;margin:9px 0 0;font-weight:600}.count{font-size:11px;color:#7c9181;background:#edf3ed;border:1px solid #e0e9e0;border-radius:6px;padding:4px 7px;min-width:25px;text-align:center}.search{margin:0 19px;display:flex;gap:8px;align-items:center;border:1px solid #e4ebe4;background:#fff;border-radius:8px;padding:9px 11px}.search span{font-size:22px;color:#8e9f91;line-height:17px}.search input{border:0;outline:0!important;min-width:0;width:100%;font-size:12px;background:transparent;color:#455b4c}.search input::placeholder{color:#a0ada4}.list-caption{font-size:10px;color:#91a091;margin:28px 24px 13px}.conversation-list{padding:0 10px;overflow-y:auto;flex:1}.conversation-item{border:1px solid transparent;width:100%;display:flex;align-items:center;text-align:left;gap:12px;background:transparent;border-radius:10px;padding:14px 12px;margin-bottom:5px}.conversation-item.selected{background:#eaf3eb;border-color:#dae9dc}.conversation-item:hover{background:#f0f5ef}.avatar{width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,#e2ecdf,#b8d0b6);color:#49684b;display:grid;place-items:center;font-size:16px;font-weight:600;flex-shrink:0}.avatar.large{width:43px;height:43px;border-radius:13px;font-size:18px}.conversation-text{flex:1;min-width:0}.conversation-name{font-size:13px;font-weight:600;display:flex;gap:6px;align-items:center}.active-dot{width:5px;height:5px;background:#49a86f;border-radius:50%}.conversation-preview{display:block;font-size:11px;color:#8c9b8e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:7px;max-width:160px}.conversation-meta{color:#85a38c;font-size:10px}.sidebar-foot{border-top:1px solid var(--border);padding:20px 23px;display:flex;gap:10px;align-items:center;font-size:11px;color:#758c7d}.sidebar-foot small{display:block;margin-top:5px;font-size:9px;color:#a2afa6}.chat-panel{flex:1;min-width:280px;display:flex;flex-direction:column}.chat-header{height:88px;display:flex;align-items:center;gap:13px;padding:0 29px;border-bottom:1px solid #f0f3ef}.chat-heading{min-width:0}.chat-heading h2{font-size:16px;font-weight:600;margin:0}.chat-heading p{font-size:10px;color:#97a39b;margin:6px 0 0}.tag{margin-left:auto;white-space:nowrap;display:inline-block;background:#eff6f0;color:#60856a;border:1px solid #e1ede3;font-size:9px;padding:5px 9px;border-radius:5px}.tag.small{margin:0;font-size:9px;padding:4px 7px}.scope-note{font-size:10px;display:flex;align-items:center;gap:8px;padding:10px 29px;background:#fbfcf9;color:#9ca798;border-bottom:1px solid #f0f2ec}.scope-note span{color:#8ea58c;font-size:15px}.scope-note p{margin:0;line-height:1.6}.messages{overflow-y:auto;flex:1;padding:23px 30px;background:linear-gradient(#f8faf7,#f6f9f5);scrollbar-width:thin;scrollbar-color:#d6e0d4 transparent}.empty-state{height:100%;min-height:230px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#96a294}.empty-icon{width:62px;height:62px;background:#edf3e9;border:1px solid #e2eadd;border-radius:21px;display:grid;place-items:center;color:#84a27b;font-size:30px;margin-bottom:8px}.empty-state h3{color:#71816a;font-size:15px;font-weight:500;margin:14px 0 7px}.empty-state p{font-size:12px;line-height:1.9;margin:0}.empty-state>span{font-size:9px;letter-spacing:1px;margin-top:22px;color:#adb7a7}.date-separator{text-align:center;color:#a1ad9d;font-size:10px;letter-spacing:.5px;margin:0 0 25px}.message-row{display:flex;gap:9px;margin:0 0 20px;align-items:flex-end}.message-row.outgoing{justify-content:flex-end}.mini-avatar{height:27px;width:27px;border-radius:9px;background:#e4ecdf;color:#819378;font-size:10px;display:grid;place-items:center;flex-shrink:0;margin-bottom:17px}.message-content{max-width:83%;min-width:70px}.bubble{background:white;border:1px solid #e7eee1;border-radius:13px 13px 13px 3px;padding:11px 14px;font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 2px 3px #29472502}.outgoing .bubble{background:#dbefda;border-color:#cde5c9;border-radius:13px 13px 3px 13px;color:#315d35}.unknown .bubble{background:#f0f2ed;border-style:dashed;color:#a1a89b;font-size:11px}.message-meta{font-size:9px;color:#a0ad9a;margin-top:5px;display:flex;gap:7px;align-items:center}.outgoing .message-meta{justify-content:flex-end}.new-marker{color:#559f68}.composer-wrap{border-top:1px solid var(--border);padding:20px 26px 19px;background:white}.input-shell{border:1px solid #e1e8df;border-radius:10px;background:#fdfefd;display:flex;align-items:center;padding:17px 15px;gap:8px}.input-shell:focus-within{border-color:#95b994;box-shadow:0 0 0 3px #95b99412}.input-shell input{border:0;background:transparent;outline:none!important;min-width:0;flex:1;font-size:13px;color:#314d35}.input-shell input::placeholder{color:#b0b9aa}.input-shell>span{font-size:9px;color:#b3bdad;white-space:nowrap}.compose-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.compose-footer>span{font-size:9px;color:#a4b09d;line-height:1.6}.compose-actions{display:flex;align-items:center;gap:5px;flex-shrink:0}.notice{padding:10px 12px;border-radius:7px;background:#edf5ed;border:1px solid #daebda;color:#527957;font-size:11px;margin-bottom:12px;line-height:1.6}.notice.error{background:#fff6ed;border-color:#efdfc8;color:#a17242}.hidden{display:none!important}.inspector{width:245px;border-left:1px solid var(--border);padding:31px 22px 20px;display:flex;flex-direction:column;background:#fefefd;flex-shrink:0}.inspector-title h2{font-size:17px;font-weight:500;margin:10px 0 24px}.receiver-card{padding:19px 16px;background:#f2f7ee;border:1px solid #e4eddd;border-radius:12px;text-align:center}.receiver-symbol{position:relative;margin:0 auto 10px;border-radius:13px;width:42px;height:42px;display:grid;place-items:center;font-size:25px;color:#58925b;background:#e0edda}.receiver-symbol span{position:absolute;right:-2px;top:-2px;width:8px;height:8px;background:#6fb27c;border:2px solid #f2f7ee;border-radius:50%}.receiver-card h3{font-size:13px;font-weight:600;margin:0 0 7px;color:#4a7047}.receiver-card p{font-size:10px;line-height:1.7;margin:0 0 15px;color:#97a78d;overflow-wrap:anywhere}.receiver-card .button{width:100%;font-size:11px;padding:9px}.info-section{border-bottom:1px solid #edf1e8;padding:24px 0}.info-section h3{font-size:11px;font-weight:600;margin:0 0 15px;color:#788771}.info-section dl{margin:0}.info-section dl>div{display:flex;justify-content:space-between;gap:8px;margin:12px 0;font-size:10px}.info-section dt{color:#a0ad98;white-space:nowrap}.info-section dd{margin:0;color:#60735a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:127px}.mono{font-family:Consolas,monospace!important;font-size:9px!important}.metrics strong{font-size:32px;font-weight:500;color:#55724d;display:block;line-height:1;margin:0 0 8px}.metrics>span{font-size:10px;color:#a2af99}.test-guide{padding:22px 0}.test-guide p{font-size:11px;line-height:1.8;color:#96a38d;margin-bottom:0}.inspector-foot{font-size:9px;color:#b1bba8;margin-top:auto;padding-top:20px}.sidebar-empty{font-size:11px;color:#a6b09f;text-align:center;padding:28px 12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{border:1px solid #e0e8da;border-radius:18px;max-width:640px;width:90%;padding:30px;color:#48623e;box-shadow:0 30px 120px #172e2433}dialog::backdrop{background:#172e2466;backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start}.dialog-heading h2{font-size:19px;font-weight:500;margin:9px 0 12px}.icon-button{border:0;background:#f0f4ec;border-radius:7px;font-size:20px;width:29px;height:29px;color:#77916b}dialog p{font-size:12px;line-height:1.8;color:#8a9a80}code,pre{font-family:Consolas,monospace;font-size:11px}pre{background:#f4f7ef;padding:18px;border-radius:9px;overflow:auto;line-height:1.8}.api-row{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #edf1e7;font-size:11px}.api-row b{font-size:9px;color:#6c9b61;min-width:31px}.api-row code{flex:1}.api-row span{font-size:10px;color:#a2ae97}.dialog-note{font-size:10px!important}@media(min-width:1600px){.workspace-body{max-width:1700px;width:100%;margin:0 auto;border-right:1px solid var(--border);border-left:1px solid var(--border)}}@media(max-width:1150px){.inspector{width:210px;padding-left:17px;padding-right:17px}.conversations{width:235px}.topbar{padding:0 23px}.messages{padding:22px}.compose-footer>span{max-width:160px}.compose-actions .button{padding:10px 12px}}@media(max-width:980px){.inspector{display:none}.conversations{width:240px}.workspace-body{min-height:500px}.scope-note{padding-left:22px}.chat-header{padding-left:23px}}@media(max-width:650px){.rail{width:48px;padding-top:19px}.brand{font-size:23px}.rail-item{width:32px;font-size:22px}.topbar{height:68px;padding:0 15px}.product{gap:8px}.product strong{font-size:15px}.subtitle,.divider{display:none}.top-actions{gap:8px}.top-actions .button{font-size:10px;padding:8px}.status-pill{font-size:10px}.workspace-body{height:calc(100dvh - 68px);min-height:520px}.conversations{width:76px}.section-title{padding:23px 0;justify-content:center}.section-title h1{font-size:14px}.section-title .eyebrow,.count,.search,.list-caption,.conversation-text,.conversation-meta,.sidebar-foot{display:none}.conversation-list{padding:0 6px}.conversation-item{padding:9px;justify-content:center}.avatar{width:35px;height:35px}.chat-panel{min-width:0}.chat-header{height:76px;padding:0 14px;gap:9px}.chat-header .avatar{width:34px;height:34px;border-radius:10px}.chat-heading h2{font-size:14px}.chat-heading p{font-size:9px}.chat-header .tag{font-size:8px;padding:4px}.scope-note{font-size:9px;padding:9px 14px;line-height:1.6}.messages{padding:18px 13px}.bubble{font-size:12px;padding:9px 12px}.message-content{max-width:88%}.composer-wrap{padding:14px}.compose-footer{align-items:flex-start}.compose-footer>span{max-width:95px;font-size:8px}.compose-actions .button{font-size:10px;padding:10px 9px}.compose-actions .ghost{display:none}.input-shell{padding:14px 10px}.input-shell input{font-size:12px}.input-shell>span{display:none}.empty-state p{font-size:10px}.empty-state h3{font-size:13px}.api-row{flex-wrap:wrap}.api-row code{font-size:10px}.api-row span{display:none}}
.auth-screen{position:fixed;inset:0;z-index:50;background:#edf3ee;display:grid;place-items:center;padding:24px}.auth-card{width:min(380px,100%);padding:38px;background:white;border:1px solid #dde8df;border-radius:20px;box-shadow:0 20px 90px #234c3012}.auth-card h1{font-size:30px;margin-top:14px}.auth-card p{font-size:13px;color:#829184;line-height:1.7}.auth-card label{font-size:12px;display:block;margin:24px 0 9px}.auth-card input{display:block;width:100%;padding:14px;border:1px solid #d8e5d9;border-radius:8px;font:inherit;font-size:13px}.auth-card .button{width:100%;margin-top:16px}.auth-card small{font-size:10px;color:#a0afa2;display:block;margin-top:24px}.auth-card #auth-error{color:#ae6844;font-size:12px}.qr-content{display:grid;place-items:center;min-height:275px;background:#f5f8f3;border:1px solid #e6eee1;border-radius:14px;margin:20px 0;color:#6b8668;font-size:14px;text-align:center;padding:12px;overflow-wrap:anywhere}.qr-content img{max-width:100%;height:auto;border-radius:8px}.pin-panel{text-align:center;padding:14px;background:#eef5ec;border-radius:10px}.pin-panel strong{font:600 30px Consolas,monospace;letter-spacing:7px;color:#2e704a}.receiver-card .ghost{width:100%;margin-top:5px}.chat-heading p{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-heading{overflow:hidden}.inspector-foot{line-height:1.6}.auth-card input:focus{outline:2px solid #97c9a6;outline-offset:2px}
.avatar.has-image{overflow:hidden}.avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}