.chat-interface{height:100vh;position:fixed;top:0;left:260px;right:calc(50vw - 130px);display:flex;flex-direction:column;background-color:#faf9f6;color:#0d0d0d;overflow:hidden;z-index:50}.chat-home-section .chat-interface,.chat-about-section .chat-interface{right:0}body:has(.chat-about-section) .artifact-panel{display:none}.collection-artifact-section+.chat-interface,body:has(.artifacts-page) .chat-interface{right:0}@media(max-width:1024px){.chat-interface{left:0;right:0}}@media(max-width:768px){.chat-interface{width:100%;min-width:auto;left:0;right:0;position:static;height:auto;min-height:100vh;overflow:visible;padding-bottom:140px}body.template-product .chat-interface{display:none}}.chat-messages{flex:1;overflow-y:auto;padding:40px 60px;scroll-behavior:smooth;max-width:800px;margin:0 auto;width:100%}@media(max-width:768px){.chat-messages{padding:24px 16px;overflow:visible;flex:none;max-width:100%}}.chat-message{max-width:100%;margin-bottom:32px;animation:messageSlideIn .3s ease forwards;opacity:0}.chat-message:last-child{margin-bottom:0}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-message:nth-child(1){animation-delay:.05s}.chat-message:nth-child(2){animation-delay:.1s}.chat-message:nth-child(3){animation-delay:.15s}.chat-message:nth-child(4){animation-delay:.2s}.chat-message:nth-child(5){animation-delay:.25s}.chat-message:nth-child(6){animation-delay:.3s}.chat-message:nth-child(7){animation-delay:.35s}.chat-message:nth-child(8){animation-delay:.4s}.chat-bubble{display:flex;flex-direction:column}.chat-bubble__content{font-size:16px;line-height:1.6;letter-spacing:-.01em;color:#0d0d0d}.chat-bubble__content p{margin-bottom:12px}.chat-bubble__content p:last-child{margin-bottom:0}.chat-bubble__content strong{font-weight:600}.chat-bubble__content a{color:#d97757;text-decoration:none;transition:color .15s ease}.chat-bubble__content a:hover{color:#c56644;text-decoration:underline}.chat-bubble--human{align-items:flex-end}.chat-bubble--human .chat-bubble__content{background-color:#e8e4db;color:#0d0d0d;padding:12px 16px;border-radius:20px;max-width:80%;font-size:16px;line-height:1.5}.chat-bubble--claude{align-items:flex-start}.chat-bubble--claude .claude-message-row{display:flex;flex-direction:column;gap:0;width:100%}.chat-bubble--claude .chat-bubble__content{padding:0;font-size:16px;line-height:1.6}.claude-avatar{display:none}.message-actions{display:flex;align-items:center;gap:4px;margin-top:12px}.message-actions button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:6px;color:#999;cursor:pointer;transition:all .15s ease}.message-actions button:hover{background:#0000000d;color:#666}.message-actions button svg{width:16px;height:16px}.claude-sparkle{width:24px;height:24px;margin-top:16px;color:#d97757}.typing-indicator{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-4) var(--space-5);background-color:var(--color-bg-muted);border-radius:var(--radius-bubble)}.typing-indicator span{width:8px;height:8px;background-color:var(--color-text-muted);border-radius:var(--radius-full);animation:typingBounce 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{transform:scale(1);opacity:.4}40%{transform:scale(1.2);opacity:1}}.chat-input-area{padding:16px 60px 24px;background-color:#faf9f6;flex-shrink:0;margin-top:auto;max-width:800px;margin-left:auto;margin-right:auto;width:100%}.chat-input-container{max-width:100%}.chat-input-wrapper{display:flex;flex-direction:column;background-color:#fff;border:1px solid #E5E5E5;border-radius:16px;padding:12px 16px;transition:border-color .15s ease,box-shadow .15s ease}.chat-input-wrapper:focus-within{border-color:#d97757;box-shadow:0 0 0 3px #d9775714}.chat-input{flex:1;border:none;background:transparent;padding:0;font-size:16px;color:#0d0d0d;outline:none;min-height:24px;resize:none}.chat-input::placeholder{color:#999}.chat-input-controls{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:8px}.chat-input-left{display:flex;align-items:center;gap:4px}.chat-input-right{display:flex;align-items:center;gap:8px}.chat-input-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:none;background:transparent;color:#666;cursor:pointer;transition:all .15s ease}.chat-input-btn:hover{background-color:#f5f5f5;color:#0d0d0d}.chat-input-btn svg{width:18px;height:18px}.chat-input-btn--clock{background-color:#f0ebe5;color:#666}.chat-model-selector{display:flex;align-items:center;gap:4px;padding:6px 10px;border:none;background:transparent;font-size:14px;font-weight:500;color:#0d0d0d;cursor:pointer;border-radius:6px;transition:background .15s ease}.chat-model-selector:hover{background:#f5f5f5}.chat-model-selector svg{width:12px;height:12px;color:#999}.chat-input-send{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:none;background-color:#d97757;color:#fff;cursor:pointer;transition:all .15s ease}.chat-input-send:hover{background-color:#c56644}.chat-input-send svg{width:18px;height:18px}.chat-input-disclaimer{margin-top:12px;font-size:12px;color:#999;text-align:center}@media(max-width:768px){.chat-input-area{position:fixed;bottom:0;left:0;right:0;padding:12px 16px 24px;max-width:100%;background:#faf9f6;z-index:100;border-top:1px solid rgba(0,0,0,.06)}}.chat-product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-top:var(--space-4)}@media(min-width:768px){.chat-product-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}}.chat-product-grid .product-card{background-color:var(--color-bg-white)}.chat-product-grid .product-card__info{padding:var(--space-3)}.chat-product-grid .product-card__title{font-size:var(--font-size-sm)}.chat-product-grid .product-card__price{font-size:var(--font-size-xs)}.chat-collection-links{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.chat-collection-btn{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-bubble);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-decoration:none;transition:all var(--transition-fast);cursor:pointer}.chat-collection-btn:hover{border-color:var(--color-primary);background-color:#fdf8f6;color:var(--color-primary)}.chat-collection-btn.is-active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.chat-nav{display:none}
/*# sourceMappingURL=/cdn/shop/t/16/assets/component-chat.css.map */