@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";:root{color-scheme:light;font-family:Poppins,Segoe UI,sans-serif;background:#fff;color:#111;--pigui-blue: #2275c8;--pigui-green: #16a34a;--baseline-frame-width: min(78vw, 1280px);--baseline-app-height: 100dvh;--baseline-safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{min-height:100%;background:radial-gradient(circle at 50% 24%,rgba(217,235,251,.72),transparent 18%),linear-gradient(180deg,#fff,#fdfefe);color:#111}button,textarea,input{font:inherit}button{border:0;background:none}button,input,textarea{outline:none}.baseline-page{position:relative;height:var(--baseline-app-height);min-height:var(--baseline-app-height);overflow:hidden;padding:clamp(18px,2.4vw,48px) clamp(22px,3vw,52px) calc(clamp(20px,3vw,34px) + var(--baseline-safe-bottom))}.baseline-layout{width:min(100%,1680px);height:100%;margin:0 auto;display:flex;align-items:stretch;justify-content:center}.baseline-start{flex:1;min-height:calc(100vh - 56px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px}.baseline-start__avatar-wrap{width:clamp(240px,18vw,318px);height:clamp(240px,18vw,318px);display:flex;align-items:center;justify-content:center}.baseline-start__avatar{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(17,17,17,.1));-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.baseline-start__button{min-width:150px;height:42px;padding:0 22px;border-radius:10px;border:1px solid #e4e6eb;background:#fff;color:#111;font-size:15px;font-weight:600;box-shadow:0 1px 2px #1111110d;cursor:pointer;transition:transform .14s ease,background-color .14s ease,opacity .14s ease,box-shadow .14s ease}.baseline-start__button:hover:not(:disabled){background:#f6f7f9;box-shadow:0 10px 20px #11111114}.baseline-start__button:disabled{opacity:.6;cursor:progress}.baseline-start__hint{margin:0;color:#7b7f88;font-size:14px}.baseline-chat-card{position:relative;width:100%;height:100%;min-height:0;display:block}.baseline-icon-button,.baseline-avatar-button,.baseline-jump-latest,.baseline-composer__resize,.baseline-attachment-chip{cursor:pointer}.baseline-icon-button svg,.baseline-jump-latest svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.baseline-chat-card__body{position:relative;min-width:0;height:100%;min-height:0;display:block}.baseline-chat-card__topbar{position:absolute;top:clamp(16px,2.8vh,34px);left:50%;z-index:3;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:16px;width:var(--baseline-frame-width);padding-top:clamp(6px,1.5vh,20px)}.baseline-chat-card__topbar:has(.baseline-avatar-button--chat){justify-content:flex-start}.baseline-chat-card__topbar:has(.baseline-avatar-button--empty-chat){justify-content:center}.baseline-avatar-button{width:clamp(180px,19vw,300px);height:clamp(180px,19vw,300px);margin:0 auto;border-radius:999px;background:#dfeef8;display:flex;align-items:center;justify-content:center;box-shadow:none;transition:transform .18s ease,box-shadow .18s ease}.baseline-avatar-button img{width:80%;height:80%;object-fit:contain;filter:drop-shadow(0 16px 24px rgba(17,17,17,.08));-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.baseline-avatar-button--active{animation:baselinePulse 2s ease-in-out infinite}.baseline-avatar-button--chat{width:clamp(58px,5.8vw,84px);height:clamp(58px,5.8vw,84px);margin:0;justify-self:start;align-self:end;transform:translate(-8px)}.baseline-avatar-button--empty-chat{justify-self:center;align-self:center;transform:none}.baseline-conversation{position:absolute;left:50%;top:clamp(128px,17.5vh,190px);bottom:var(--composer-clearance, clamp(242px, 30vh, 292px));transform:translate(-50%);width:var(--baseline-frame-width);max-height:none;margin:0;padding:0 12px 12px 0;display:flex;flex-direction:column;gap:clamp(54px,8vh,92px);overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;overscroll-behavior:contain;scroll-behavior:smooth;z-index:2}.baseline-conversation--scrolling{scrollbar-color:var(--pigui-blue) transparent}.baseline-conversation::-webkit-scrollbar{width:14px}.baseline-conversation::-webkit-scrollbar-track{background:transparent}.baseline-conversation::-webkit-scrollbar-thumb{min-height:72px;border:5px solid transparent;border-radius:999px;background-color:#cfcfcf;background-clip:content-box}.baseline-conversation--scrolling::-webkit-scrollbar-thumb{background-color:var(--pigui-blue)}.baseline-bubble{width:100%;max-width:100%;display:flex;flex-direction:column;gap:8px;padding:0;border:0;background:transparent}.baseline-bubble--agent{align-self:flex-start;align-items:flex-start}.baseline-bubble--user{align-self:flex-end;align-items:flex-end;text-align:right}.baseline-bubble__role{display:inline-block;margin:0;font-size:clamp(13px,1vw,16px);font-weight:700;line-height:1.4;letter-spacing:0;text-transform:none;color:#222}.baseline-bubble--agent .baseline-bubble__role{display:none}.baseline-bubble__text{width:min(100%,var(--baseline-frame-width));min-height:56px;margin:0;padding:12px 18px;border:2px solid #ebeff5;border-radius:10px;background:#e9f6ff;color:#111;font-size:clamp(14px,1.04vw,16.2px);line-height:1.85;white-space:pre-wrap;text-align:left;box-sizing:border-box}.baseline-bubble--user .baseline-bubble__text{width:min(548px,36.4vw);background:#e9fff3;text-align:right}.baseline-composer{position:absolute;left:50%;bottom:clamp(18px,4.1vh,42px);transform:translate(-50%);width:var(--baseline-frame-width);margin:0;z-index:4}.baseline-jump-latest{position:absolute;right:0;top:-52px;min-height:38px;padding:0 14px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;background:#fffffff5;border:1px solid #e4e7ed;box-shadow:0 14px 30px #11111114;color:#111;font-size:13px;font-weight:700}.baseline-jump-latest svg{width:16px;height:16px}.baseline-attachment-input{position:absolute;width:1px;height:1px;margin:-1px;opacity:0;pointer-events:none}.baseline-composer__field{position:relative}.baseline-composer__input{width:100%;height:clamp(156px,19.6vh,219px);min-height:clamp(156px,19.6vh,219px);padding:17px 46px 34px 14px;resize:none;border:2px solid #1d1d1d;border-radius:10px;background:#fff;color:#111;font-size:clamp(15px,1.1vw,18px);line-height:1.55;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(17,17,17,.22) transparent}.baseline-composer__input::-webkit-scrollbar{width:8px}.baseline-composer__input::-webkit-scrollbar-thumb{border-radius:999px;background:#11111138}.baseline-composer__input::-webkit-scrollbar-track{background:transparent}.baseline-composer__input::placeholder{color:#a8a8a8}.baseline-composer__resize{position:absolute;right:9px;bottom:14px;width:13px;height:13px;border-radius:0;display:inline-flex;align-items:flex-end;justify-content:flex-end;color:transparent;background:transparent;padding:0;box-shadow:none;touch-action:none;transition:transform .14s ease}.baseline-composer__resize:hover{background:transparent}.baseline-composer__resize:active{transform:translateY(1px)}.baseline-composer__resize-icon{width:13px;height:13px;display:block;opacity:.45;transition:filter .14s ease,opacity .14s ease}.baseline-composer__resize:hover .baseline-composer__resize-icon,.baseline-composer__resize:focus-visible .baseline-composer__resize-icon,.baseline-composer__resize:active .baseline-composer__resize-icon{opacity:1;filter:invert(41%) sepia(53%) saturate(1430%) hue-rotate(181deg) brightness(91%) contrast(89%)}.baseline-composer__actions{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px;margin-top:18px}.baseline-composer__left{display:flex;align-items:center;gap:16px;min-width:0}.baseline-mode-tabs{display:inline-flex;align-items:center;padding:3px;border-radius:10px;background:#f0f2f5;border:1px solid #d4d8de}.baseline-mode-tabs__button{min-width:92px;height:42px;padding:0 18px;border-radius:10px;color:#737883;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .14s ease,color .14s ease}.baseline-mode-tabs__button--active{background:#111;color:#fff}.baseline-mode-tabs__button:hover:not(.baseline-mode-tabs__button--active){color:var(--pigui-blue)}.baseline-composer__status{margin:0;color:#7c7c7c;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.baseline-composer__status--hold{color:#a16b07}.baseline-composer__toolbar{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-wrap:nowrap}.baseline-icon-button{width:32px;height:32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#111;background:transparent;padding:0;position:relative;transition:background-color .14s ease,color .14s ease,transform .14s ease,opacity .14s ease}.baseline-icon-button:hover:not(:disabled),.baseline-icon-button:focus-visible:not(:disabled){background:transparent;color:var(--pigui-blue)}.baseline-icon-button--active{background:#d32f2f;color:#fff}.baseline-icon-button--hold.baseline-icon-button--active{background:var(--pigui-green);color:#fff}.baseline-icon-button--hold:not(.baseline-icon-button--active):hover:not(:disabled){background:transparent;color:var(--pigui-blue)}.baseline-icon-button--hold.baseline-icon-button--active:hover:not(:disabled),.baseline-icon-button--hold.baseline-icon-button--active:focus-visible:not(:disabled){background:var(--pigui-green);color:#fff}.baseline-icon-button:disabled{opacity:.35;cursor:not-allowed}.baseline-composer-fa{font-size:24px;line-height:1}.baseline-phone-pause-icon{position:relative;display:inline-flex;align-items:center;justify-content:center}.baseline-phone-pause-mark{position:absolute;right:-2px;top:-1px;font-size:10px;line-height:1}.baseline-send-button{min-width:104px;height:42px;padding:0 24px;border-radius:10px;background:#0d0d0d;color:#fff;font-size:18px;font-weight:800;box-shadow:0 10px 16px #00000029;cursor:pointer;justify-self:end;transition:background-color .14s ease,transform .14s ease,opacity .14s ease}.baseline-send-button:hover:not(:disabled){background:var(--pigui-blue)}.baseline-send-button:active:not(:disabled){transform:translateY(1px)}.baseline-send-button:disabled{opacity:.45;cursor:not-allowed}.baseline-attachments{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.baseline-attachment-chip{display:inline-flex;align-items:center;gap:10px;padding:10px 13px;border-radius:999px;background:#f5f6f8;border:1px solid #d9dde3;color:#111}.baseline-attachment-chip svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.baseline-attachment-chip__name{font-size:13px;font-weight:600}.baseline-attachment-chip__meta,.baseline-attachment-chip__remove{font-size:12px;color:#7c7c7c}@keyframes baselinePulse{0%,to{box-shadow:0 14px 28px #3c7aff14,0 0 #3c7aff1f;transform:scale(1)}50%{box-shadow:0 14px 28px #3c7aff1f,0 0 0 24px #3c7aff0d;transform:scale(1.02)}}@media(max-width:1280px){:root{--baseline-frame-width: min(86vw, 1120px)}}@media(max-width:1100px){:root{--baseline-frame-width: calc(100vw - 48px) }.baseline-page{padding:20px 16px}.baseline-chat-card__body{height:100%}.baseline-avatar-button{width:clamp(170px,24vw,240px);height:clamp(170px,24vw,240px)}.baseline-composer__input{min-height:142px}.baseline-composer__actions{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"left send" "toolbar toolbar"}.baseline-composer__left{grid-area:left}.baseline-composer__toolbar{grid-area:toolbar;justify-content:center}.baseline-send-button{grid-area:send;justify-self:end}}@media(max-width:820px){:root{--baseline-frame-width: calc(100vw - 32px) }.baseline-chat-card__body{min-height:auto;align-items:stretch}.baseline-avatar-button{width:180px;height:180px}.baseline-conversation{max-height:none;top:clamp(112px,16vh,160px)}.baseline-composer__left{flex-direction:column;align-items:flex-start;gap:10px}.baseline-composer__status{white-space:normal}.baseline-bubble--user .baseline-bubble__text{width:min(76%,520px)}}@media(max-width:560px){:root{--baseline-frame-width: calc(100vw - 24px) }.baseline-page{position:fixed;inset:0;width:100%;padding:10px 12px calc(12px + var(--baseline-safe-bottom));overscroll-behavior:none}.baseline-start{min-height:calc(var(--baseline-app-height) - 22px - var(--baseline-safe-bottom));gap:18px;justify-content:center}.baseline-start__avatar-wrap{width:min(62vw,220px);height:min(62vw,220px)}.baseline-start__button{width:min(100%,220px)}.baseline-chat-card__topbar{top:10px;width:var(--baseline-frame-width);justify-content:flex-start;padding-top:0}.baseline-chat-card__topbar:has(.baseline-avatar-button--chat),.baseline-chat-card__topbar:has(.baseline-avatar-button--empty-chat){display:none}.baseline-avatar-button{width:min(58vw,220px);height:min(58vw,220px)}.baseline-composer__input{height:132px;min-height:132px;max-height:192px;padding:16px 14px 36px;border-radius:16px;font-size:15px;line-height:1.5}.baseline-composer__actions{grid-template-columns:1fr;grid-template-areas:"left" "toolbar" "send";gap:12px;margin-top:12px}.baseline-send-button{justify-self:stretch;width:100%;min-width:0;height:52px;font-size:18px}.baseline-composer__toolbar{width:100%;justify-content:space-between;gap:8px}.baseline-mode-tabs{width:100%;height:46px}.baseline-mode-tabs__button{flex:1;min-width:0;height:100%;font-size:14px}.baseline-icon-button{width:44px;height:44px}.baseline-composer-fa{font-size:28px}.baseline-composer__left{width:100%;flex-direction:column;align-items:stretch;gap:10px}.baseline-composer__status{font-size:12px;line-height:1.35;white-space:normal}.baseline-avatar-button--chat,.baseline-avatar-button--empty-chat{display:none}.baseline-conversation{top:16px;bottom:var(--composer-clearance, 332px);gap:18px;padding:0 6px 8px 0}.baseline-bubble{gap:6px}.baseline-bubble__role{font-size:12px;line-height:18px}.baseline-bubble__text{width:auto;max-width:calc(100% - 76px);padding:12px 14px;font-size:14px;line-height:1.6}.baseline-bubble--user .baseline-bubble__text{width:auto;max-width:min(86%,320px)}.baseline-composer{bottom:calc(8px + var(--baseline-safe-bottom))}.baseline-composer__resize{right:12px;bottom:12px;width:18px;height:18px}.baseline-composer__resize-icon{width:14px;height:14px}.baseline-attachments{gap:8px}.baseline-attachment-chip{max-width:100%}.baseline-attachment-chip__name{min-width:0;overflow:hidden;text-overflow:ellipsis}}@media(max-width:560px)and (max-height:780px){.baseline-avatar-button:not(.baseline-avatar-button--chat):not(.baseline-avatar-button--empty-chat){width:min(52vw,184px);height:min(52vw,184px)}.baseline-conversation{top:12px}.baseline-composer__input{height:120px;min-height:120px}}
