.chat-page-container{display:flex;justify-content:center;margin-top:16px}.chat-panel{width:100%;max-width:900px;height:80vh;display:flex;flex-direction:column;overflow:hidden}.chat-header{display:flex;justify-content:justify;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--outline)}.bot-info{display:flex;align-items:center;gap:12px}.bot-avatar{width:40px;height:40px;border-radius:10px;background:#ffb1c41a;border:1px solid rgba(255,177,196,.2);color:var(--primary);display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #ffb1c433}.bot-status-text h3{font-size:16px;font-weight:600}.status-indicator{font-size:11px;color:var(--success);display:flex;align-items:center;gap:4px}.status-indicator:before{content:"";width:6px;height:6px;background:var(--success);border-radius:50%;display:inline-block;box-shadow:0 0 6px var(--success)}.icon-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.icon-btn:hover{color:var(--error);background:#ffb4ab14}.chat-history{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px;background:var(--chat-history-bg)}.chat-message{display:flex;flex-direction:column;max-width:85%}.bot-message{align-self:flex-start;align-items:flex-start}.user-message{align-self:flex-end;align-items:flex-end}.message-bubble{padding:14px 18px;border-radius:12px;font-size:14px;line-height:1.6}.bot-message .message-bubble{background:var(--input-background);border:1px solid var(--outline);color:var(--on-background);border-top-left-radius:2px}.user-message .message-bubble{background:var(--primary-glow);color:#fff;border-top-right-radius:2px;box-shadow:0 4px 15px #ff4a8d40}.message-time{font-size:10px;color:var(--text-muted);margin-top:4px;padding:0 4px}.carousel-container{width:100%;max-width:600px;margin-top:12px;overflow-x:auto;padding-bottom:8px}.carousel-track{display:flex;gap:16px;width:max-content}.carousel-card{width:240px;padding:12px;display:flex;flex-direction:column;gap:12px;position:relative}.card-match-badge{position:absolute;top:8px;right:8px;background:var(--secondary-glow);color:var(--on-secondary);font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;box-shadow:0 0 8px var(--secondary-glow);z-index:10}.card-cover-mini{width:100%;height:120px;object-fit:cover;border-radius:6px}.card-info-mini{display:flex;flex-direction:column;gap:4px}.card-title-mini{font-size:14px;font-weight:600;color:var(--on-background);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-artist-mini{font-size:12px;color:var(--secondary-glow)}.card-meta-mini{display:flex;gap:8px;font-size:10px;color:var(--text-muted);margin-top:2px}.card-action-mini{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--outline);padding-top:8px;margin-top:4px}.price-mini{font-size:13px;font-weight:700;color:var(--on-background);font-family:Space Grotesk,sans-serif}.btn-group-mini{display:flex;gap:6px}.btn-link-mini{font-size:11px;color:var(--secondary-glow);text-decoration:none;border:1px solid var(--secondary-glow);padding:4px 8px;border-radius:4px;font-weight:600;font-family:Space Grotesk,sans-serif}.btn-add-mini{font-size:11px;background:var(--primary-glow);color:#fff;border:none;padding:4px 8px;border-radius:4px;font-weight:600;font-family:Space Grotesk,sans-serif;cursor:pointer}.btn-add-mini:hover{box-shadow:0 0 8px var(--primary-glow)}.quick-prompts-bar{display:flex;gap:8px;padding:12px 24px;overflow-x:auto;border-top:1px solid var(--outline);background:var(--quick-prompts-bg)}.quick-prompt-btn{background:var(--input-background);border:1px solid var(--outline);color:var(--text-muted);padding:8px 16px;border-radius:20px;font-size:12px;font-family:Space Grotesk,sans-serif;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s ease}.quick-prompt-btn:hover{color:var(--secondary-glow);border-color:var(--secondary-glow);background:#00eefc0d}.chat-input-area{display:flex;gap:12px;padding:16px 24px;border-top:1px solid var(--outline)}.chat-input-area input{flex:1;background:var(--input-background);border:1px solid var(--outline);border-radius:8px;padding:14px 18px;color:var(--on-background);outline:none;font-size:14px;font-family:inherit;transition:border-color .2s ease}.chat-input-area input:focus{border-color:var(--primary-glow)}.send-btn{width:48px;height:48px;background:var(--primary-glow);color:#fff;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 10px #ff4a8d4d;transition:all .2s ease}.send-btn:hover{transform:scale(1.05);box-shadow:0 0 15px #ff4a8d80}