.chat__input-wrapper{display:flex;gap:var(--space-3);align-items:flex-end;margin-top:var(--space-4)}.chat__textarea{flex:1 1;resize:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-family:var(--font-body);line-height:var(--leading-body);color:var(--text);background:var(--surface);outline:none;transition:border-color .15s ease;max-height:120px}.chat__textarea:focus{border-color:var(--accent)}.chat__textarea::placeholder{color:var(--text-secondary);opacity:.6}.chat__typing{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-secondary)}.chat__typing-dots{display:inline-flex;gap:4px}.chat__typing-dots span{width:6px;height:6px;border-radius:50%;background:var(--text-secondary);opacity:.4;animation:typing-bounce 1.2s ease-in-out infinite}.chat__typing-dots span:nth-child(2){animation-delay:.15s}.chat__typing-dots span:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:.6;transform:translateY(-3px)}}.chat__error{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-ink);font-size:var(--text-sm)}.chat__empty{text-align:center;padding:var(--space-8) var(--space-4);color:var(--text-secondary)}.chat__empty-heading{font-size:var(--text-lg);margin-bottom:var(--space-2);color:var(--text)}.chat__empty-hint{font-size:var(--text-sm);line-height:var(--leading-body)}.chat__timestamp{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);opacity:.6}.chat__message--user .chat__timestamp{text-align:right}.lookbook-grid-wrapper{display:flex;flex-direction:column;gap:var(--space-4)}.lookbook-grid-header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3)}.lookbook-grid__title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600;color:var(--text);margin:0}.lookbook-grid__count{font-size:var(--text-sm);color:var(--text-secondary);font-family:var(--font-body);white-space:nowrap}.lookbook-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.lookbook-empty{padding:var(--space-4) var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.lookbook-empty__text{margin:0;color:var(--text-secondary);font-size:var(--text-sm);font-family:var(--font-body);text-align:center}.lookbook-slot{aspect-ratio:3/4;border-radius:var(--radius-md);position:relative;display:flex;flex-direction:column;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.lookbook-slot--empty{background:var(--surface);border:2px dashed var(--border);align-items:center;justify-content:center}.lookbook-slot--empty:hover{border-color:var(--accent);background:var(--accent-soft)}.lookbook-slot__placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);color:var(--text-secondary)}.lookbook-slot__label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.lookbook-slot--filled{background:var(--surface-photo);border:1px solid var(--border);box-shadow:var(--shadow-card)}.lookbook-slot--filled:hover{box-shadow:0 2px 8px rgba(33,29,26,.1),0 8px 24px rgba(33,29,26,.07)}.lookbook-slot--drag-over{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);transform:scale(1.03)}.lookbook-slot--dragging{opacity:.4;transform:scale(.97)}.lookbook-slot__photo{flex:1 1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--surface-photo)}.lookbook-slot__photo img{width:100%;height:100%;object-fit:cover}.lookbook-slot__emoji{font-size:var(--text-2xl);color:var(--text-secondary)}.lookbook-slot__info{padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:2px;background:var(--surface)}.lookbook-slot__name{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lookbook-slot__category{font-family:var(--font-body);font-size:.6875rem;color:var(--text-secondary);text-transform:capitalize}.lookbook-slot--skeleton{background:var(--surface);border:1px solid var(--border)}.lookbook-slot--skeleton .lookbook-slot__photo .skeleton{width:100%;height:100%}.lookbook-slot--skeleton .lookbook-slot__info{display:flex;flex-direction:column;gap:var(--space-2)}.lookbook-slot--skeleton .lookbook-slot__info .skeleton{width:100%}.lookbook-slot--skeleton .skeleton--sm{height:10px;width:70%}.lookbook-slot--skeleton .skeleton--xs{height:8px;width:45%}.lookbook-slot__remove{position:absolute;top:var(--space-1);right:var(--space-1);width:22px;height:22px;border-radius:var(--radius-pill);border:none;background:var(--surface);color:var(--text-secondary);font-size:var(--text-sm);font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(33,29,26,.12);opacity:0;transition:opacity .15s ease,color .15s ease;z-index:2}.lookbook-slot--filled:hover .lookbook-slot__remove{opacity:1}.lookbook-slot__remove:hover{color:var(--accent);background:var(--accent-soft)}.lookbook-grid__overlay{pointer-events:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center}.lookbook-drag-overlay{width:140px;aspect-ratio:3/4;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);box-shadow:0 4px 16px rgba(33,29,26,.15),0 12px 32px rgba(33,29,26,.1);display:flex;flex-direction:column;overflow:hidden;transform:rotate(3deg) scale(1.05);opacity:.92}.lookbook-drag-overlay__photo{flex:1 1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--surface-photo)}.lookbook-drag-overlay__photo img{width:100%;height:100%;object-fit:cover}.lookbook-drag-overlay__emoji{font-size:var(--text-2xl);color:var(--text-secondary)}.lookbook-drag-overlay__info{padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:2px;background:var(--surface)}.lookbook-drag-overlay__name{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lookbook-drag-overlay__category{font-size:.6875rem;text-transform:capitalize}.lookbook-drag-overlay__category,.lookbook-grid__reset{font-family:var(--font-body);color:var(--text-secondary)}.lookbook-grid__reset{font-size:var(--text-xs);font-weight:500;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);cursor:pointer;transition:color .15s ease,border-color .15s ease}.lookbook-grid__reset:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.lookbook-grid__reset:disabled{opacity:.4;cursor:default}.lookbook-missing{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-2)}.lookbook-missing__heading{font-family:var(--font-heading);font-size:var(--text-base);font-weight:600;color:var(--text-secondary);margin:0}.lookbook-missing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.lookbook-missing__slot{aspect-ratio:3/4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);border-radius:var(--radius-md);background:var(--surface);border:2px dashed var(--border);color:var(--text-secondary);animation:lookbook-missing-pulse 2.5s ease-in-out infinite}.lookbook-missing__emoji{font-size:var(--text-xl);opacity:.35}.lookbook-missing__label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;text-transform:capitalize;opacity:.6}@keyframes lookbook-missing-pulse{0%,to{border-color:var(--border)}50%{border-color:var(--text-secondary);opacity:.85}}@media (max-width:600px){.lookbook-grid,.lookbook-missing-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.lookbook-drag-overlay{width:110px}}.recommendation-display{display:flex;flex-direction:column;gap:var(--space-6)}.recommendation-display__section{display:flex;flex-direction:column;gap:var(--space-4)}.recommendation-display__heading{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600;color:var(--text);margin:0}.recommendation-display__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.recommendation-display__apply-btn{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;color:var(--accent-ink);background:var(--accent-soft);border:1px solid var(--accent-soft);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);cursor:pointer;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease}.recommendation-display__apply-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.recommendation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.recommendation-card{display:flex;flex-direction:column;border-radius:var(--radius-md);background:var(--surface-photo);border:1px solid var(--border);box-shadow:var(--shadow-card);overflow:hidden;transition:box-shadow .15s ease,transform .15s ease}.recommendation-card:hover{box-shadow:0 2px 8px rgba(33,29,26,.1),0 8px 24px rgba(33,29,26,.07);transform:translateY(-1px)}.recommendation-card__photo{aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--surface-photo)}.recommendation-card__photo img{width:100%;height:100%;object-fit:cover}.recommendation-card__emoji{font-size:var(--text-2xl);color:var(--text-secondary)}.recommendation-card__info{padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:2px;background:var(--surface)}.recommendation-card__name{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recommendation-card__category{font-family:var(--font-body);font-size:.6875rem;color:var(--text-secondary);text-transform:capitalize}.recommendation-card__reasoning{margin:var(--space-2) var(--space-3) var(--space-3);background:var(--accent-soft);color:var(--accent-ink);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-style:italic;line-height:var(--leading-body)}.recommendation-missing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.recommendation-missing{display:flex;flex-direction:column;gap:var(--space-3)}.recommendation-missing__slot{aspect-ratio:3/4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-md);background:var(--surface);border:2px dashed var(--border);color:var(--text-secondary);transition:border-color .15s ease,background-color .15s ease;animation:missing-pulse 2.5s ease-in-out infinite}.recommendation-missing__slot:hover{border-color:var(--accent);background-color:var(--accent-soft)}.recommendation-missing__emoji{font-size:var(--text-2xl);opacity:.45}.recommendation-missing__label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.04em;opacity:.6}.recommendation-missing__suggestion{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-body);padding:0 var(--space-1)}@keyframes missing-pulse{0%,to{border-color:var(--border)}50%{border-color:var(--text-secondary);opacity:.85}}.recommendation-skeleton{display:flex;flex-direction:column;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);overflow:hidden}.recommendation-skeleton__photo{aspect-ratio:3/4;background:linear-gradient(90deg,var(--surface-photo) 25%,var(--border) 50%,var(--surface-photo) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.recommendation-skeleton__info{height:40px;margin:var(--space-2) var(--space-3)}.recommendation-skeleton__info,.recommendation-skeleton__reasoning{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface-photo) 25%,var(--border) 50%,var(--surface-photo) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.recommendation-skeleton__reasoning{height:48px;margin:var(--space-2) var(--space-3) var(--space-3)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:600px){.recommendation-grid,.recommendation-missing-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-3)}}