.chat-app-host,.sdk-chat-surface,.sdk-thread{min-height:100%}.sdk-chat-surface{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;min-height:100%}.sdk-thread{display:grid;min-height:0;position:relative}.sdk-thread-viewport{display:grid;align-content:start;gap:14px;min-height:360px;height:min(66vh,760px);overflow:auto;border:1px solid #d9d3c8;border-radius:18px;background:radial-gradient(circle at top,rgba(15,118,110,.06),transparent 32%),linear-gradient(180deg,#fcfbf8,#f6f3ed);padding:20px 20px 72px;box-shadow:inset 0 1px #ffffffd6}.sdk-message{width:min(78ch,88%)}.sdk-message-user{justify-self:end}.sdk-message-assistant{justify-self:start}.sdk-message-frame{display:grid;gap:10px;border:1px solid #ddd8ce;border-radius:18px;background:#fffffff0;padding:14px 16px;box-shadow:0 10px 24px #2c29250d}.sdk-message-user .sdk-message-frame{border-color:#0f766e57;background:linear-gradient(180deg,#eef7f3,#e8f3ee)}.sdk-message-live .sdk-message-frame{border-color:#0f766e6b;box-shadow:0 0 0 1px #0f766e14,0 12px 28px #2c292512}.sdk-message-head{display:flex;justify-content:space-between;align-items:center;gap:16px;color:#6a665f;font-size:12px;font-weight:600}.sdk-message-head-copy{display:inline-flex;align-items:center;gap:8px}.sdk-message-role{color:#302d28;font-size:12px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.sdk-message-live-badge{display:inline-flex;align-items:center;min-height:20px;padding:0 8px;border-radius:999px;background:#0f766e1f;color:#0f766e;font-size:11px;font-weight:700}.sdk-message-body{display:grid;gap:10px;color:#2a2824;font-size:15px;line-height:1.65}.sdk-message p,.sdk-message-body p{margin:0;white-space:pre-wrap;word-break:break-word}.sdk-status-event,.sdk-log-event{display:grid;gap:4px;margin-top:2px;border:1px solid #ddd8ce;border-radius:12px;background:#fcfbf8eb;padding:10px 12px;color:#5d5a54;font-size:12px}.sdk-tool-card{display:grid;gap:8px;margin-top:4px;border:1px solid #d7e3ef;border-radius:14px;background:linear-gradient(180deg,#fbfdff,#f4f8fd);padding:12px}.sdk-tool-card-head{display:flex;justify-content:space-between;gap:12px;font-weight:700}.sdk-tool-card.is-running{border-color:#0f766e47}.sdk-tool-card pre{margin:0;overflow:auto;white-space:pre-wrap;font:12px/1.45 SFMono-Regular,SF Mono,Menlo,monospace;color:#274055}.sdk-composer{display:block}.sdk-composer-card{display:grid;gap:12px;border:1px solid #d5d0c6;border-radius:18px;background:#fff;padding:14px 14px 12px;box-shadow:0 16px 36px #2b292514}.sdk-composer-input{width:100%;min-height:110px;resize:vertical;border:0;border-radius:12px;background:transparent;padding:6px 4px;line-height:1.55;font:inherit;color:#242424}.sdk-composer-input:focus{outline:none}.sdk-composer-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.sdk-composer-action-wrap{position:relative;display:inline-flex}.sdk-composer-action-button{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d7d1c7;border-radius:999px;background:#f6f3ed;color:#57544d;padding:0;cursor:default;transition:border-color .12s ease,background .12s ease,color .12s ease}.sdk-composer-action-button svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.sdk-composer-action-button.is-disabled{opacity:.78}.sdk-composer-action-wrap:hover .sdk-composer-action-button,.sdk-composer-action-wrap:focus-within .sdk-composer-action-button{border-color:#bfb8ab;background:#fdfbf7;color:#312f2a}.sdk-composer-tooltip{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%);min-width:150px;max-width:220px;border:1px solid rgba(32,32,29,.16);border-radius:10px;background:#20201df5;color:#fff;padding:8px 10px;font-size:12px;line-height:1.4;text-align:center;box-shadow:0 14px 32px #20201d2e;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .12s ease,visibility .12s ease}.sdk-composer-tooltip:after{content:"";position:absolute;left:50%;top:100%;transform:translate(-50%);border:6px solid transparent;border-top-color:#20201df5}.sdk-composer-action-wrap:hover .sdk-composer-tooltip,.sdk-composer-action-wrap:focus-within .sdk-composer-tooltip{opacity:1;visibility:visible}.sdk-composer-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.sdk-composer-hint{margin:0;color:#6a665f;font-size:12px}.sdk-send-button,.sdk-scroll-button{border:1px solid #0f766e;border-radius:999px;background:#0f766e;color:#fff;padding:10px 16px;font:inherit;font-weight:700;cursor:pointer}.sdk-send-button{min-width:128px;box-shadow:0 10px 22px #0f766e38}.sdk-scroll-button{position:absolute;left:50%;bottom:18px;transform:translate(-50%);padding:7px 12px;font-size:12px;border-color:#20201d2e;background:#20201de6;box-shadow:0 14px 28px #20201d29}.sdk-empty-state{display:grid;align-content:center;gap:10px;min-height:520px;border:1px solid #ddd8ce;border-radius:18px;background:linear-gradient(180deg,#fcfbf8,#f4f1ea);padding:24px}.sdk-empty-state h3,.sdk-empty-state p{margin:0}.sdk-chat-summary{display:flex;align-items:end;justify-content:space-between;gap:16px;border:1px solid #d8d2c7;border-radius:18px;background:linear-gradient(135deg,#0f766e14,#fffffff0 48%),#fff;padding:16px 18px}.sdk-chat-summary-copy{display:grid;gap:4px}.sdk-chat-summary-copy h3{margin:0;color:#23211d;font-size:20px;line-height:1.2}.sdk-chat-summary-label{color:#0f766e;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sdk-chat-summary-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.sdk-chat-summary-meta span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid rgba(15,118,110,.16);border-radius:999px;background:#ffffffb8;color:#59554e;font-size:12px;font-weight:600}.sdk-chat-warning{border:1px solid rgba(180,35,24,.18);border-radius:14px;background:#fff5f4f5;color:#8c271d;padding:12px 14px;font-size:13px;line-height:1.5;font-weight:600}@media (max-width: 900px){.sdk-chat-summary,.sdk-composer-footer{align-items:start;flex-direction:column}.sdk-chat-summary-meta{justify-content:flex-start}.sdk-message{width:min(100%,92%)}}@media (max-width: 640px){.sdk-thread-viewport{height:min(60vh,680px);padding:14px 14px 64px}.sdk-message-frame,.sdk-chat-summary,.sdk-composer-card,.sdk-empty-state{border-radius:14px}.sdk-chat-summary-copy h3{font-size:18px}.sdk-send-button{width:100%}.sdk-composer-toolbar{gap:6px}.sdk-composer-tooltip{left:0;transform:none}.sdk-composer-tooltip:after{left:20px;transform:none}}