:root{--bg: #f0f2f5;--panel: #ffffff;--panel-soft: #f7f8fa;--border: #e4e7eb;--text: #111b21;--muted: #667781;--green: #00a884;--green-soft: #d9fdd3;--green-soft-2: #e7fce3;--danger: #ef4444;--disabled: #aebac1;--radius: 8px;--font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}body{margin:0;min-width:1024px;background:var(--bg);color:var(--text);font-family:var(--font)}button,input,textarea{font:inherit}button{border:0;background:transparent;color:inherit;cursor:pointer}button:disabled,input:disabled{cursor:not-allowed}svg{width:22px;height:22px;fill:currentColor;display:block}.app-shell{display:grid;grid-template-columns:64px 380px minmax(520px,1fr);height:100vh;overflow:hidden;background:var(--bg)}.icon-rail{display:flex;flex-direction:column;align-items:center;gap:8px;border-right:1px solid var(--border);background:#f7f8fa;padding:10px 8px}.rail-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--radius);color:var(--muted)}.rail-button:hover,.rail-button.is-active{background:#e7fce3;color:var(--green)}.rail-spacer{flex:1}.avatar{flex:0 0 auto;width:48px;height:48px;border-radius:50%;overflow:hidden;object-fit:cover;background:#d9fdd3;color:#087b39;display:inline-flex;align-items:center;justify-content:center;font-weight:700;border:1px solid var(--border)}.avatar.is-small{width:40px;height:40px;font-size:13px}.avatar-fallback{text-transform:uppercase}.chat-list-panel{display:flex;flex-direction:column;min-width:0;background:var(--panel);border-right:1px solid var(--border)}.chat-list-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 12px}.chat-list-header h1{margin:0;font-size:24px;line-height:1.1;color:var(--green);font-weight:700}.search-box{display:flex;align-items:center;gap:10px;margin:0 16px 12px;padding:0 14px;height:44px;border-radius:22px;background:#f0f2f5;color:var(--muted)}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:14px}.filter-row{display:flex;gap:8px;padding:0 16px 12px}.filter-row button{border:1px solid var(--border);border-radius:999px;padding:7px 14px;color:var(--muted);background:var(--panel);font-weight:600;font-size:13px}.filter-row .is-selected{border-color:#b6e3c1;background:var(--green-soft-2);color:#117c3a}.conversation-list{overflow-y:auto;padding:0 8px 12px}.conversation-item{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center;width:100%;padding:12px;border-radius:var(--radius);text-align:left}.conversation-item:hover,.conversation-item.is-current{background:#f0f2f5}.conversation-main{min-width:0}.conversation-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.conversation-topline strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:650}.conversation-topline small{color:var(--muted);font-size:12px}.conversation-preview{display:block;margin-top:4px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.chat-panel{display:flex;min-width:0;flex-direction:column;background:#efeae2}.chat-header{height:72px;display:flex;align-items:center;gap:12px;padding:10px 20px;border-bottom:1px solid var(--border);background:var(--panel)}.chat-title{min-width:0;flex:1}.chat-title strong{display:block;font-size:17px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-title span{display:block;margin-top:3px;color:var(--muted);font-size:13px}.chat-title a{color:var(--green);text-decoration:none}.ai-switch{display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;font-weight:650}.ai-switch input{position:absolute;opacity:0;pointer-events:none}.ai-switch i{position:relative;display:inline-flex;width:46px;height:26px;border-radius:999px;background:#cfd8dc;transition:background .16s ease}.ai-switch i:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0000002e;transition:transform .16s ease}.ai-switch input:checked+i{background:var(--green)}.ai-switch input:checked+i:after{transform:translate(20px)}.message-history{position:relative;flex:1;overflow-y:auto;padding:28px 8vw;background-color:#efeae2;background-image:radial-gradient(circle at 24px 24px,rgba(17,27,33,.035) 0 2px,transparent 2px),radial-gradient(circle at 72px 64px,rgba(17,27,33,.03) 0 2px,transparent 2px);background-size:96px 96px}.message-bubble{width:fit-content;max-width:min(620px,72%);padding:9px 10px 7px;border-radius:var(--radius);background:#fff;box-shadow:0 1px 1px #00000014;margin-bottom:10px}.message-bubble.is-outbound{margin-left:auto;background:var(--green-soft)}.message-bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.35;font-size:14px}.message-bubble time{display:block;margin-top:3px;color:#667781;font-size:11px;text-align:right}.message-bubble img{display:block;max-width:300px;max-height:340px;border-radius:var(--radius);object-fit:cover;margin-bottom:6px}.message-form{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#f0f2f5;border-top:1px solid var(--border)}.message-form input{flex:1;height:44px;border:0;outline:0;border-radius:22px;padding:0 16px;background:var(--panel);color:var(--text);font-size:15px}.message-form input:disabled{background:#e9edef;color:var(--muted)}.message-form button{flex:0 0 auto;width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}.message-form button[type=submit]{background:var(--green);color:#fff}.message-form button[type=submit]:disabled{background:#cfd8dc;color:#87939a}.empty-chat,.empty-state{color:var(--muted);text-align:center}.empty-chat{display:flex;flex:1;align-items:center;justify-content:center;background:#f7f8fa}.empty-state{padding:32px 20px;font-size:14px}.empty-state.in-chat{width:fit-content;margin:20vh auto 0;padding:16px 20px;border-radius:var(--radius);background:#ffffffc7}.simulator-panel{grid-column:2 / -1;overflow-y:auto;padding:38px;background:#eef2f7}.simulator-card{max-width:1080px;margin:0 auto;background:#fff;border:1px solid var(--border);border-radius:16px;padding:34px;box-shadow:0 18px 50px #0f172a14}.simulator-heading{display:flex;align-items:center;gap:18px;margin-bottom:22px}.simulator-heading>span{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:var(--radius);background:#111827;color:#fff}.simulator-heading h1{margin:0;font-size:34px;line-height:1.05}.simulator-heading p{margin:8px 0 0;color:var(--muted)}.test-note{padding:16px 18px;border:1px solid #cfe0ff;border-radius:var(--radius);background:#eef4ff;color:#1f2937;margin-bottom:24px}.simulator-form{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}.simulator-form label,.simulator-log-grid label{display:flex;flex-direction:column;gap:8px;font-weight:700;color:#1f2937}.simulator-form small{color:var(--muted);font-weight:600}.simulator-form input,.simulator-form textarea{width:100%;border:1px solid #d1d5db;border-radius:var(--radius);padding:13px 16px;color:var(--text);background:#fff;outline:none}.simulator-form input:focus,.simulator-form textarea:focus{border-color:#111827;box-shadow:0 0 0 3px #11182714}.simulator-form textarea{min-height:140px;resize:vertical}.simulator-form .is-wide{grid-column:1 / -1}.simulator-submit,.simulator-clear{min-height:54px;border-radius:var(--radius);font-weight:700}.simulator-submit{background:#111827;color:#fff}.simulator-clear{background:#e5e7eb;color:#111827}.simulator-log-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:26px}.simulator-log-grid pre{min-height:160px;max-height:360px;overflow:auto;margin:0;padding:18px;border-radius:var(--radius);background:#111827;color:#d1fae5;font:13px/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:pre-wrap}@media(max-width:1180px){.app-shell{grid-template-columns:56px 340px minmax(480px,1fr)}.message-history{padding-inline:32px}.simulator-panel{padding:24px}}