.message-container{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:8px;position:relative;transition:max-height .18s ease,padding .18s ease}.no-messages .chat-header{flex:1 1 auto}.no-messages .message-container{flex:0 0 auto;max-height:0;padding-top:0;padding-bottom:0;overflow:hidden}.has-messages .chat-header{flex:0 1 auto;max-height:35dvh;position:sticky;top:0;background:#fff;z-index:2}.has-messages .message-container{flex:1 1 auto;min-height:0;overflow-y:auto}.chat-wrapper{width:100vw;height:100%;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;background-color:#fff;overflow-y:auto;overflow-x:hidden;flex:1 1 auto;font-size:16px}.chat-wrapper .message .content{font-size:1em;line-height:1.4}.chat-wrapper .message .content :is(p,ul,ol,li){font-size:inherit}.chat-wrapper .message .content li>p{margin:0;font-size:inherit}.chat-wrapper :where(input,textarea,select,button,.input-field){font-size:16px!important;line-height:1.25}.send-button{background-color:transparent;border:none;width:48px;display:flex;align-items:center;justify-content:center;color:#2d2d2d;position:absolute;bottom:8px;right:0}.input-field{background-color:#fff;border:none;border-radius:16px;flex:1;resize:none;padding:12px 48px 12px 20px;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:22px;min-height:20px;overflow-y:hidden;transition:height .12s ease;font-size:16px}.input-field:focus{outline:none;box-shadow:none}.message.assistant{display:flex;text-align:left;justify-content:flex-start;padding-bottom:20px}.message.user{display:flex;justify-content:flex-end}.message .content{display:inline-block;max-width:90%;padding:8px 12px;border-radius:12px;white-space:pre-wrap;word-break:break-word}.message.user .content:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(to right,#f4f4f4,#cecece);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.message{min-width:0}.inline-loader{display:inline-block;line-height:1em;vertical-align:-.15em}.loading-wrapper{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#00f}.message.assistant .content{color:#333}.message.user .content{background:#f7f7f7;position:relative;color:#0c0c0c}.input-wrapper{display:flex;margin:0 12px 12px;border:1px solid rgba(128,128,128,.666);border-radius:16px;max-width:100%;flex-shrink:0;position:relative;align-items:flex-end}.content,.role{color:#1a1a1a}.chat-header{min-height:0;z-index:2}.image-container{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px;text-align:center;flex-shrink:0}.image-container .copy{display:flex;flex-direction:column;align-items:center;gap:4px}.image-container.has-message{flex-direction:row;justify-content:flex-start;gap:12px;text-align:left;background-color:#fff;font-weight:600;margin-left:-8px;margin-right:-8px;padding:10px 18px;border-bottom:1px solid rgba(128,128,128,.089)}.image-container.has-message .copy{align-items:flex-start}.image-box{position:relative;overflow:hidden;border-radius:0 0 12px 12px}.image-box.hero{width:100%;height:min(31dvh,330px)}.image-box.compact{width:64px;height:64px;border-radius:10px;border:1px solid white}.image-el{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.skeleton{position:absolute;inset:0;overflow:hidden;background:#eee}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff0,#ffffff8c,#fff0);transform:translate(-100%);animation:skeleton-shimmer 1.2s linear infinite}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.empty-state-product_image{border-radius:0 0 12px 12px;width:100dvw;max-width:100%;object-fit:cover;max-height:30dvh}.image-container.has-message .empty-state-product_image{width:64px;border-radius:10px;border:1px solid white}h2{font-weight:500;font-size:1.2rem}.copy{padding:20px}p{margin:0;font-size:1rem}@media (min-width: 640px){.image-container.has-message .empty-state-product_image{width:72px}}:root{line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}