*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#f8fafc;color:#111827;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.sr-only{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.widget-shell{display:flex;min-height:100%;flex-direction:column;overflow:hidden;border:1px solid #dbeafe;background:#f8fafc}.widget-header{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#fff,#ecfeff);padding:12px 14px}.brand-lockup{align-items:center;display:flex;gap:9px;min-width:0}.brand-lockup>div{display:flex;flex-direction:column;gap:2px;min-width:0}.robot-mark{flex:0 0 auto;height:38px;width:38px}.widget-header strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-header span{color:#64748b;font-size:12px}.header-actions{align-items:center;display:flex;gap:6px}.language-picker{position:relative}.language-trigger{border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#0f172a;font-size:12px;max-width:128px;padding:6px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.language-menu{position:absolute;inset-inline-end:0;top:calc(100% + 6px);z-index:20;width:min(250px,calc(100vw - 32px));border:1px solid #dbeafe;border-radius:10px;background:#fff;box-shadow:0 18px 44px #0f172a2e;padding:8px}.language-menu input{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px}.language-options{display:grid;gap:2px;margin-top:6px;max-height:230px;overflow-y:auto}.language-options button{border:0;border-radius:7px;background:transparent;color:#0f172a;cursor:pointer;padding:8px 10px;text-align:start}.language-options button[aria-selected=true],.language-options button:hover{background:#ecfeff}.language-empty{color:#64748b;font-size:12px;padding:8px 10px}.widget-header button{border:0;border-radius:8px;background:#fff;color:#0f172a;cursor:pointer}.install-button{border:1px solid #99f6e4!important;font-size:12px;padding:7px 8px;white-space:nowrap}.icon-button{font-size:22px;height:34px;line-height:1;width:34px}.install-hint{border-bottom:1px solid #e0f2fe;color:#0369a1;font-size:12px;margin:0;padding:8px 12px}.start-form{display:flex;flex:1;flex-direction:column;gap:14px;justify-content:center;padding:24px}.start-form h1{margin:0 0 8px;font-size:20px;line-height:1.35}.start-form label{display:flex;flex-direction:column;gap:6px;color:#475569;font-size:13px}.start-form label span{color:#94a3b8;font-size:12px}.start-form input,.composer input{width:100%;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#111827;outline:none}.start-form input{padding:10px 12px}.start-form input:focus,.composer input:focus{border-color:#111827}.start-form button,.composer button{border:0;border-radius:8px;background:#0f766e;color:#fff;cursor:pointer;font-weight:700}.start-form button{padding:11px 14px}.start-form button:disabled,.composer button:disabled{cursor:not-allowed;opacity:.48}.messages{display:flex;flex:1;flex-direction:column;gap:10px;overflow-y:auto;padding:16px}.message{max-width:82%}.message p{margin:0;border:1px solid #e5e7eb;border-radius:10px;background:#fff;padding:10px 12px;line-height:1.45}.message span{display:block;margin-top:4px;color:#94a3b8;font-size:11px}.message .read-receipt{color:#64748b;font-weight:700}.message.visitor{align-self:flex-end}.message.visitor p{border-color:#0f766e;background:#0f766e;color:#fff}.message-attachments{display:grid;gap:6px;margin-top:6px}.image-attachment{border:1px solid #dbeafe;border-radius:10px;background:#fff;color:#64748b;max-width:210px;overflow:hidden;padding:0}.image-attachment img{display:block;max-height:190px;max-width:100%;object-fit:contain}.image-attachment span{display:block;font-size:12px;margin:0;padding:14px;text-align:center}.message.visitor span{text-align:right}.composer{display:grid;grid-template-columns:auto 1fr auto;gap:8px;border-top:1px solid #e5e7eb;background:#fff;padding:12px}.draft-attachments{display:flex;flex-wrap:wrap;gap:6px;grid-column:1 / -1}.draft-image{position:relative}.draft-image img{border:1px solid #e5e7eb;border-radius:8px;height:48px;object-fit:cover;width:48px}.draft-image button{border-radius:999px;min-height:22px;padding:0 7px;position:absolute;right:-7px;top:-7px}.attach-button{min-width:38px;padding:0}.composer input{padding:10px 12px}.composer button{padding:0 14px}.muted{margin:auto;color:#64748b;font-size:13px;text-align:center}.error{margin:0;color:#b91c1c;font-size:13px}.composer-error{border-top:1px solid #fee2e2;background:#fef2f2;padding:8px 12px}.lightbox{align-items:center;background:#0f172ab8;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:10}.lightbox-panel{display:grid;gap:10px;justify-items:end;max-height:94vh;max-width:94vw}.lightbox-panel img{background:#fff;border-radius:10px;max-height:84vh;max-width:94vw;object-fit:contain}@media(max-width:420px){.widget-header{align-items:flex-start}.header-actions{flex-wrap:wrap;justify-content:flex-end}.language-trigger{max-width:112px}}