/* An illustrative conversation with a bounded loading state. */
.demo-window.showcase-chat{position:relative;isolation:isolate;max-width:430px;background:linear-gradient(140deg,#ffffffde,#eeebf8b8 48%,#e2eef5bd 82%,#f7e3ebc4);border:1px solid #fffffff0;box-shadow:inset 0 1px 2px white,inset 0 -1px 1px #ffffffb3,0 22px 48px #82749a21}
.showcase-chat::before{content:'';position:absolute;inset:5px;border-top:1px solid #ffffffdb;border-left:1px solid #ffffff69;border-radius:16px;pointer-events:none}
.showcase-chat .demo-window-top{gap:10px;padding:19px 21px;min-height:66px;background:linear-gradient(100deg,#ffffff70,#eee7fb42);border-color:#b9adc826}
.showcase-chat .demo-window-top>strong{font-size:13px;color:#343144}.showcase-label{margin-left:auto;font-size:8px;letter-spacing:.12em;color:#777085}.showcase-chat .demo-window-top .online-dot{margin-left:2px}
.showcase-stage{padding:24px 22px 17px}.showcase-chat .chat-bubble{font-size:12px;line-height:1.8;border:1px solid #ffffffdc}
.showcase-chat .chat-bubble.user{background:linear-gradient(125deg,#d8cbedab,#d6e5f0b8);color:#4d435e;padding:12px 14px;margin-bottom:17px;max-width:90%}
.showcase-answer-slot{position:relative;min-height:116px;display:flex;align-items:flex-start}
.showcase-chat .showcase-answer{background:linear-gradient(125deg,#ffffffb0,#f0e8f3b0);max-width:94%;padding:12px 14px;transition:opacity 220ms var(--ease-out),transform 220ms var(--ease-out)}
.showcase-loading{display:flex;align-items:center;gap:12px;position:absolute;inset:5px 0 auto 0;padding:14px;color:#5c516e}
.showcase-loading>span:last-child{display:grid;grid-template-columns:auto auto;align-items:center;gap:4px 7px}
.showcase-loading strong{font-weight:500;font-size:11px}.showcase-loading small{grid-column:1/-1;font-size:9px;color:#7a7186}
.loading-orb{display:grid;place-items:center;width:37px;height:37px;border-radius:45% 55% 59% 41% / 60% 52% 48% 40%;border:1px solid #fff;background:linear-gradient(140deg,#fff,#d5c6ed 54%,#bad7e9 80%,#eac1d7);box-shadow:inset 0 1px 2px #fff,0 4px 9px #8672931a}.loading-orb svg{width:17px;height:17px}
.loading-dots{display:inline-flex;gap:3px}.loading-dots i{height:3px;width:3px;border-radius:50%;background:#8e7fab;animation:showcase-dot 900ms var(--ease-in-out) infinite}.loading-dots i:nth-child(2){animation-delay:120ms}.loading-dots i:nth-child(3){animation-delay:240ms}
@keyframes showcase-dot{0%,70%,100%{opacity:.3;transform:translateY(0)}35%{opacity:1;transform:translateY(-2px)}}
.showcase-product{min-height:88px;margin-top:0;background:linear-gradient(135deg,#fffffff2,#ffffff91);transition:opacity 240ms var(--ease-out),transform 240ms var(--ease-out)}
.showcase-product strong{font-size:11px}.showcase-product small{font-size:10px;line-height:1.6;margin-top:3px}.showcase-product>svg{width:17px;margin-left:auto;color:#8c7c9b}
.showcase-chat[data-state="loading"] .showcase-answer,.showcase-chat[data-state="loading"] .showcase-product{opacity:0;transform:translateY(6px);visibility:hidden}
.showcase-chat[data-state="complete"] .showcase-product{transition-delay:60ms}
.showcase-prompts{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}
.showcase-prompts button{min-height:36px;border:1px solid #ffffffbd;background:#ffffff59;border-radius:25px;padding:7px 12px;color:#625571;font-size:10px}
.showcase-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #b9adc826;padding:8px 20px;gap:12px;color:#7a6f83;font-size:9px}
.showcase-replay{display:flex;align-items:center;gap:8px;min-height:36px;background:none;border:0;border-radius:9px;padding:6px;color:#5d4f6d;font-size:10px}.showcase-replay svg{width:13px;height:13px}
@media(hover:hover) and (pointer:fine){.showcase-prompts button:hover{background:#ffffffae}.showcase-replay:hover{background:#ffffff61}}
.showcase-chat[data-instant] .showcase-answer,.showcase-chat[data-instant] .showcase-product{transition:none!important}
html[data-scrolling="true"] .showcase-chat *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.showcase-chat *{animation:none!important}.showcase-answer,.showcase-product{transition:none!important;transform:none!important}}
@media(max-width:700px){.showcase-chat .demo-window-top{padding:17px 16px}.showcase-chat .demo-window-top>strong{font-size:12px}.showcase-stage{padding:20px 16px 14px}.showcase-chat .chat-bubble{font-size:11px}.showcase-answer-slot{min-height:127px}.showcase-prompts button{min-height:44px}.showcase-replay{min-height:44px}.showcase-footer{padding-inline:15px}}
@media(prefers-contrast:more){.demo-window.showcase-chat{background:#faf9fd;border-color:#8b789a}.showcase-chat .chat-bubble,.showcase-prompts button{background:#eee8f6;color:#40364c;border-color:#95839f}.showcase-footer,.showcase-loading small,.showcase-label{color:#554461}}

.showcase-chat[data-paused] *{animation-play-state:paused!important}

/* V2: an AI sales flow, from intent to catalog reasoning to recommendation. */
.demo-window.showcase-chat-v2{max-width:480px;border-radius:27px;overflow:hidden;background:radial-gradient(ellipse at 88% 10%,#d9e9f0ab,transparent 45%),linear-gradient(140deg,#fffffff2,#eeeaf7e8 54%,#e6f2f4dc 82%,#f7e6eddf);box-shadow:inset 0 1px 2px white,inset 0 -1px 1px #ffffffbf,0 28px 65px #66587924;transform:rotate(-2deg)}
.showcase-chat-v2::before{inset:6px;border-radius:21px;border-top:1px solid white;border-left:1px solid #ffffff8c}
.showcase-chat-v2 .demo-window-top{min-height:74px;padding:18px 22px;background:linear-gradient(105deg,#ffffffa3,#e9f0f757);border-bottom-color:#ffffffc2}.showcase-agent-title{min-width:0}.showcase-chat-v2 .showcase-agent-title>strong{font-size:13px;display:block}.showcase-agent-title small{display:block;font-size:9px;line-height:1.5;margin-top:3px;color:#6d687a}.showcase-chat-v2 .showcase-label{padding:5px 8px;border:1px solid white;border-radius:20px;background:#ffffff75;font-size:7px}
.showcase-chat-v2 .showcase-stage{padding:22px 22px 18px}.showcase-intent{display:grid;grid-template-columns:28px auto;gap:0 9px;align-items:center;margin-bottom:15px;color:#655a72}.showcase-intent>span{grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border:1px solid white;border-radius:10px;background:linear-gradient(140deg,#fff,#d9ccec);box-shadow:inset 0 1px 1px #fff}.showcase-intent svg{width:14px;height:14px}.showcase-intent strong{font-size:9px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.showcase-intent small{font-size:9px;color:#7c7386;line-height:1.5}
.showcase-chat-v2 .chat-bubble.user{max-width:88%;padding:13px 16px;margin-bottom:15px;border-radius:18px 18px 5px 18px;background:linear-gradient(125deg,#d8c9edc9,#d3e5f0cf);font-size:12px;color:#40394e;box-shadow:inset 0 1px 1px #ffffffb5}
.showcase-chat-v2 .showcase-answer-slot{min-height:145px}.showcase-chat-v2 .showcase-answer{max-width:95%;padding:14px 16px;border-radius:18px 18px 18px 5px;background:linear-gradient(125deg,#ffffffe3,#f0e8f5d4);font-size:12px;color:#4f485b;box-shadow:inset 0 1px 1px white}
.showcase-chat-v2 .showcase-loading{position:absolute;inset:0;padding:13px 15px;display:block;border:1px solid #ffffffdc;border-radius:18px 18px 18px 5px;background:linear-gradient(125deg,#ffffffe5,#eaf1f6d9);color:#52495f}.showcase-chat-v2 .showcase-loading[hidden]{display:none}.showcase-loading-head{display:flex;align-items:center;gap:11px}.showcase-loading-head>span:last-child{display:block}.showcase-loading-head strong{font-size:11px;display:block}.showcase-loading-head small{font-size:9px;display:block;margin-top:3px;color:#756b80}
.showcase-trace{list-style:none;margin:13px 0 0 48px;padding:0;display:grid;gap:8px}.showcase-trace li{position:relative;display:grid;grid-template-columns:7px minmax(0,1fr);gap:8px;align-items:center;font-size:8px;color:#736b7e;overflow:hidden}.showcase-trace i{width:6px;height:6px;border:1px solid #9b8bab;border-radius:50%;background:#fff}.showcase-trace b{grid-column:1/-1;display:block;height:2px;border-radius:4px;background:linear-gradient(90deg,#aa90c2,#8bb9c6);transform:scaleX(0);transform-origin:left}.showcase-chat-v2[data-state=loading] .showcase-trace li:nth-child(1) b{animation:showcase-progress 350ms var(--ease-out) forwards}.showcase-chat-v2[data-state=loading] .showcase-trace li:nth-child(2) b{animation:showcase-progress 350ms var(--ease-out) 330ms forwards}.showcase-chat-v2[data-state=loading] .showcase-trace li:nth-child(3) b{animation:showcase-progress 350ms var(--ease-out) 660ms forwards}@keyframes showcase-progress{to{transform:scaleX(1)}}
.showcase-chat-v2 .showcase-product{position:relative;min-height:104px;padding:14px 15px;margin-top:5px;border-radius:18px;background:linear-gradient(130deg,#fffffff7,#edf4f6ca);border-color:#fff;box-shadow:inset 0 1px 1px white,0 12px 24px #5e6e7f0d;overflow:hidden}.showcase-chat-v2 .showcase-product::after{content:'';position:absolute;inset:-40% 62% -40% -15%;background:linear-gradient(110deg,transparent,#ffffff9e,transparent);transform:rotate(8deg);pointer-events:none}.showcase-product-art{position:relative;isolation:isolate;width:60px;height:70px;flex:0 0 60px;border:1px solid #ffffffed;border-radius:16px;background:radial-gradient(ellipse at 35% 20%,#fff,transparent 48%),linear-gradient(145deg,#e6d9ee,#c9dae7);box-shadow:inset 0 1px 2px white,0 10px 15px -8px #6c658d80}.product-art--commerce::before{content:'';position:absolute;left:14px;right:14px;bottom:10px;height:36px;border:1px solid #9f8eab6b;border-radius:8px 8px 12px 12px;background:linear-gradient(120deg,#f8eef4,#d9cce5)}.product-art--commerce::after{content:'';position:absolute;left:21px;right:21px;top:15px;height:20px;border:2px solid #9687a0;border-bottom:0;border-radius:12px 12px 0 0}.product-art--supplements::before{content:'';position:absolute;width:24px;height:47px;left:18px;top:13px;border:1px solid white;border-radius:12px;background:linear-gradient(#bfded3 48%,#fff 49%,#f1e7cd 53%);transform:rotate(28deg);box-shadow:0 8px 12px #668b7d24}.product-art--cosmetics::before{content:'';position:absolute;left:12px;right:12px;bottom:9px;height:39px;border:1px solid white;border-radius:7px 7px 15px 15px;background:linear-gradient(90deg,#c995b4,#fff1fa 38%,#ddbed3)}.product-art--cosmetics::after{content:'';position:absolute;left:9px;right:9px;top:15px;height:13px;border:1px solid #fff;border-radius:50%;background:linear-gradient(90deg,#b7b1c0,#fff,#b9afc4)}
.showcase-product-label{display:block;font-size:7px;letter-spacing:.09em;color:#81728d;margin-bottom:5px}.showcase-chat-v2 .showcase-product strong{font-size:12px}.showcase-chat-v2 .showcase-product small{font-size:9px}.showcase-product-action{margin-left:auto;align-self:center;display:flex;align-items:center;gap:6px;font-size:9px;color:#5f526d;white-space:nowrap}.showcase-product-action svg{width:15px;height:15px}
.showcase-chat-v2 .showcase-prompts{margin-top:14px}.showcase-chat-v2 .showcase-prompts button{min-height:39px;background:#ffffff7d;border-color:#ffffffdf}.showcase-chat-v2 .showcase-footer{min-height:50px;padding:7px 20px;background:#ffffff49;border-top-color:#ffffffbf}.showcase-chat-v2 .showcase-footer>span{display:flex;align-items:center;gap:7px;font-size:9px}.showcase-chat-v2 .showcase-footer>span svg{width:13px;height:13px;color:#83739a}
@media(hover:hover) and (pointer:fine){.showcase-chat-v2 .showcase-product{transition:transform 180ms var(--ease-out),box-shadow 180ms ease}.showcase-chat-v2 .showcase-product:hover{transform:translateY(-2px);box-shadow:inset 0 1px 1px white,0 15px 27px #5e6e7f16}.showcase-product-action svg{transition:transform 160ms var(--ease-out)}.showcase-chat-v2 .showcase-product:hover .showcase-product-action svg{transform:translate(2px,-2px)}}
@media(max-width:700px){.showcase-chat-v2 .showcase-stage{padding:18px 15px 14px}.showcase-chat-v2 .showcase-answer-slot{min-height:164px}.showcase-trace{margin-left:43px}.showcase-chat-v2 .showcase-product{padding:12px}.showcase-product-art{width:52px;height:62px;flex-basis:52px}.showcase-product-action{font-size:0}.showcase-product-action svg{width:18px;height:18px}.showcase-chat-v2 .showcase-footer>span{max-width:180px}.showcase-chat-v2 .showcase-prompts button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.showcase-chat-v2 .showcase-trace b{animation:none!important;transform:scaleX(1)}.showcase-chat-v2 .showcase-product,.showcase-product-action svg{transition:none!important}.showcase-chat-v2 .showcase-product:hover,.showcase-chat-v2 .showcase-product:hover .showcase-product-action svg{transform:none}}
html[data-optical-input=keyboard] .showcase-chat-v2 .showcase-product,html[data-optical-input=keyboard] .showcase-product-action svg{transition:none!important;transform:none!important}