.fit-display{background:var(--bg-medium);border:2px solid var(--bg-light);border-radius:16px;padding:2rem;margin-top:3rem;animation:slideUp .5s ease;box-shadow:var(--shadow-lg)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fit-display-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--bg-light)}.fit-display-header h2{font-size:1.75rem;background:var(--gradient-purple);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.confidence-badge{background:var(--gradient-blue);padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:700;color:#fff}.generated-outfit-preview{position:relative;margin-bottom:2rem;border-radius:12px;overflow:hidden;max-width:500px;margin-left:auto;margin-right:auto}.generated-image{width:100%;height:auto;display:block}.image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:1rem;color:#fff;font-size:.9rem;font-weight:600}.uploaded-images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:2rem}.image-card{background:var(--bg-light);border-radius:10px;overflow:hidden;transition:all var(--transition-normal)}.image-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.image-card img{width:100%;height:150px;object-fit:cover}.image-label{padding:.75rem;display:flex;align-items:center;gap:.5rem;font-size:.85rem}.label-icon{font-size:1.25rem}.ai-description{background:#8b5cf61a;border-left:4px solid var(--secondary-purple);padding:1.5rem;border-radius:8px;margin-bottom:1.5rem}.ai-description h3{margin-bottom:.75rem;color:var(--secondary-purple)}.description-text{font-size:1.05rem;line-height:1.7;color:var(--text-primary)}.accessories-note{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--bg-light);font-style:italic;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.note-icon{font-size:1.25rem}.aesthetic-tags{margin-bottom:1.5rem}.aesthetic-tags h4{margin-bottom:.75rem;color:var(--text-secondary);font-size:.95rem}.tags-container{display:flex;flex-wrap:wrap;gap:.75rem}.aesthetic-tag{background:var(--gradient-purple);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;color:#fff;text-transform:capitalize;transition:transform var(--transition-fast)}.aesthetic-tag:hover{transform:scale(1.05)}.color-palette{margin-bottom:1.5rem}.color-palette h4{margin-bottom:.75rem;color:var(--text-secondary);font-size:.95rem}.color-chips{display:flex;flex-wrap:wrap;gap:1rem}.color-chip{display:flex;align-items:center;gap:.5rem;background:var(--bg-light);padding:.5rem 1rem;border-radius:8px}.color-swatch{width:32px;height:32px;border-radius:6px;border:2px solid rgba(255,255,255,.2);box-shadow:var(--shadow-sm)}.color-label{font-size:.85rem;text-transform:capitalize}.context-info{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.context-badge{display:flex;align-items:center;gap:.5rem;background:var(--bg-light);padding:.5rem 1rem;border-radius:8px;font-size:.9rem}.badge-icon{font-size:1.25rem}.toggle-details-btn{width:100%;background:transparent;border:1px solid var(--bg-light);color:var(--text-secondary);padding:.75rem;border-radius:6px;cursor:pointer;transition:all var(--transition-normal);font-size:.9rem;margin-bottom:1rem}.toggle-details-btn:hover{background:var(--bg-light);color:var(--text-primary)}.extended-details{animation:expandDown .3s ease;margin-bottom:1.5rem}@keyframes expandDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.detail-section{background:var(--bg-light);padding:1rem;border-radius:8px;margin-bottom:1rem}.detail-section h5{margin-bottom:.5rem;color:var(--secondary-purple)}.detail-section ul{list-style:none;padding-left:0}.detail-section li{padding:.25rem 0;color:var(--text-secondary)}.detail-section li:before{content:"✨ ";margin-right:.5rem}.fit-display-actions{display:flex;gap:1rem;justify-content:center;padding-top:1.5rem;border-top:2px solid var(--bg-light)}.reroll-btn,.save-btn{padding:1rem 2rem;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all var(--transition-normal);border:none}.reroll-btn{background:var(--bg-light);color:var(--text-primary)}.reroll-btn:hover:not(:disabled){background:var(--bg-medium);transform:translateY(-2px)}.save-btn{background:var(--gradient-fire);color:#fff;box-shadow:var(--shadow-glow)}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 30px #ff450080}.reroll-btn:disabled,.save-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.fit-display{padding:1.5rem}.fit-display-header{flex-direction:column;gap:1rem}.uploaded-images-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.fit-display-actions{flex-direction:column}.reroll-btn,.save-btn{width:100%}}.upload-fit-page{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-header{text-align:center;margin-bottom:2.5rem}.page-header h1{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;background:var(--gradient-fire);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:var(--text-secondary);font-size:1.1rem}.context-section{display:flex;gap:1.5rem;justify-content:center;margin-bottom:2.5rem;flex-wrap:wrap}.context-group{display:flex;flex-direction:column;gap:.5rem}.context-group label{font-weight:600;font-size:.95rem;color:var(--text-secondary)}.context-group select{background:var(--bg-medium);border:2px solid var(--bg-light);color:var(--text-primary);padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:all var(--transition-normal);min-width:200px}.context-group select:hover{border-color:var(--primary-fire)}.context-group select:focus{outline:none;border-color:var(--primary-fire);box-shadow:0 0 0 3px #ff45001a}.upload-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.upload-card{background:var(--bg-medium);border:2px solid var(--bg-light);border-radius:12px;overflow:hidden;transition:all var(--transition-normal);aspect-ratio:3/4;position:relative}.upload-card:hover{border-color:var(--primary-fire);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.upload-card.has-image{border-color:var(--secondary-purple)}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:1.5rem;cursor:pointer;transition:background var(--transition-normal)}.upload-placeholder:hover{background:#ff45000d}.upload-icon{font-size:3rem;margin-bottom:1rem}.upload-text{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.upload-text strong{font-size:1.1rem;color:var(--text-primary)}.upload-description{font-size:.85rem;color:var(--text-secondary)}.optional-badge{display:inline-block;background:var(--bg-light);padding:.25rem .5rem;border-radius:4px;font-size:.75rem;margin-top:.5rem}.upload-prompt{margin-top:1rem;padding:.5rem 1rem;background:var(--gradient-fire);border-radius:6px;font-size:.9rem;font-weight:600}.preview-container{height:100%;position:relative}.preview-image{width:100%;height:100%;object-fit:cover}.preview-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal)}.preview-container:hover .preview-overlay{opacity:1}.remove-btn{background:var(--primary-fire);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.remove-btn:hover{background:var(--primary-fire-dark);transform:scale(1.05)}.error-message,.success-message{padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-weight:500}.error-message{background:#ef44441a;border:2px solid #EF4444;color:#fca5a5}.success-message{background:#22c55e1a;border:2px solid #22C55E;color:#86efac}.error-icon,.success-icon{font-size:1.25rem}.action-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem}.clear-btn,.analyze-btn{padding:1rem 2.5rem;border-radius:10px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all var(--transition-normal);border:none;letter-spacing:.5px}.clear-btn{background:var(--bg-light);color:var(--text-primary)}.clear-btn:hover:not(:disabled){background:var(--bg-medium);transform:scale(1.05)}.analyze-btn{background:var(--gradient-fire);color:#fff;box-shadow:var(--shadow-glow)}.analyze-btn:hover:not(:disabled){transform:scale(1.05) translateY(-2px);box-shadow:0 0 30px #ff450080}.analyze-btn:disabled,.clear-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 768px){.page-header h1{font-size:2rem}.upload-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.action-buttons{flex-direction:column}.clear-btn,.analyze-btn{width:100%}}.favorites-page{animation:fadeIn .5s ease}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1.5rem}.error-state button{background:var(--gradient-fire);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform var(--transition-normal)}.error-state button:hover{transform:scale(1.05)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{font-size:5rem;margin-bottom:1rem;opacity:.5}.empty-state h2{font-size:1.75rem;margin-bottom:.5rem;color:var(--text-secondary)}.empty-state p{color:var(--text-secondary);font-size:1.1rem}.outfits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:2rem}.outfit-card{background:var(--bg-medium);border:2px solid var(--bg-light);border-radius:12px;overflow:hidden;transition:all var(--transition-normal);position:relative}.outfit-card:hover{border-color:var(--primary-fire);transform:translateY(-6px);box-shadow:var(--shadow-lg)}.card-image{position:relative;aspect-ratio:4/5;overflow:hidden;cursor:pointer}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.card-image:hover img{transform:scale(1.05)}.no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-light);color:var(--text-secondary);font-style:italic}.card-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal)}.card-image:hover .card-overlay{opacity:1}.view-btn{background:var(--gradient-fire);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform var(--transition-fast)}.view-btn:hover{transform:scale(1.1)}.card-content{padding:1.25rem}.card-description{font-size:.95rem;line-height:1.6;margin-bottom:1rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{background:var(--gradient-purple);padding:.35rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;color:#fff;text-transform:capitalize}.card-context{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.card-thumbnails{display:flex;gap:.5rem;margin-bottom:.75rem;overflow-x:auto}.thumbnail{flex-shrink:0;width:50px;height:50px;border-radius:6px;overflow:hidden;border:2px solid var(--bg-light)}.thumbnail img{width:100%;height:100%;object-fit:cover}.card-date{font-size:.8rem;color:var(--text-secondary);opacity:.7}.card-actions{position:absolute;top:.75rem;right:.75rem}.delete-btn{background:#ef4444e6;color:#fff;border:none;width:36px;height:36px;border-radius:50%;font-size:1rem;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}.delete-btn:hover{background:#dc2626;transform:scale(1.1)}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .3s ease}.modal-content{background:var(--bg-medium);border:2px solid var(--bg-light);border-radius:16px;max-width:900px;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease;box-shadow:var(--shadow-lg)}.modal-close{position:absolute;top:1rem;right:1rem;background:var(--bg-light);color:var(--text-primary);border:none;width:40px;height:40px;border-radius:50%;font-size:1.25rem;cursor:pointer;transition:all var(--transition-normal);z-index:10}.modal-close:hover{background:var(--primary-fire);transform:rotate(90deg)}.modal-header{padding:2rem 4rem 2rem 2rem;border-bottom:2px solid var(--bg-light)}.modal-header h2{font-size:1.75rem;background:var(--gradient-purple);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.modal-date{color:var(--text-secondary);font-size:.9rem}.modal-body{padding:2rem}.modal-generated-image{position:relative;margin-bottom:2rem;border-radius:12px;overflow:hidden}.modal-generated-image img{width:100%;height:auto;display:block}.image-badge{position:absolute;top:1rem;left:1rem;background:var(--gradient-blue);padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:700;color:#fff}.modal-section{margin-bottom:2rem}.modal-section h3{font-size:1.25rem;margin-bottom:1rem;color:var(--text-primary)}.modal-section p{line-height:1.7;color:var(--text-secondary)}.modal-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.gallery-item{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:1}.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);padding:.75rem .5rem;font-size:.8rem;text-align:center}.modal-tags{display:flex;flex-wrap:wrap;gap:.75rem}.modal-tag{background:var(--gradient-purple);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;color:#fff;text-transform:capitalize}.color-list{display:flex;flex-direction:column;gap:.5rem}.color-item{display:flex;gap:.75rem;padding:.5rem;background:var(--bg-light);border-radius:6px}.color-label{font-weight:600;text-transform:capitalize}.color-value{color:var(--text-secondary)}.context-row{display:flex;gap:1.5rem;flex-wrap:wrap}.context-item{display:flex;align-items:center;gap:.5rem;background:var(--bg-light);padding:.75rem 1rem;border-radius:8px}.context-icon{font-size:1.5rem}.accessories-list{list-style:none;padding:0}.accessories-list li{padding:.5rem;background:var(--bg-light);margin-bottom:.5rem;border-radius:6px;text-transform:capitalize}.accessories-list li:before{content:"✨ ";margin-right:.5rem}.modal-footer{padding:1.5rem 2rem;border-top:2px solid var(--bg-light);display:flex;gap:1rem;justify-content:flex-end}.modal-delete-btn,.modal-close-btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all var(--transition-normal);border:none}.modal-delete-btn{background:#ef444433;color:#fca5a5;border:2px solid #EF4444}.modal-delete-btn:hover{background:#ef4444;color:#fff}.modal-close-btn{background:var(--bg-light);color:var(--text-primary)}.modal-close-btn:hover{background:var(--bg-medium)}@media (max-width: 768px){.outfits-grid{grid-template-columns:1fr}.modal-content{max-width:100%;max-height:100vh;border-radius:0}.modal-body{padding:1.5rem}.modal-footer{flex-direction:column}.modal-delete-btn,.modal-close-btn{width:100%}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-fire: #FF4500;--primary-fire-light: #FF6347;--primary-fire-dark: #DC143C;--secondary-purple: #8B5CF6;--secondary-pink: #EC4899;--secondary-blue: #3B82F6;--bg-dark: #0F172A;--bg-medium: #1E293B;--bg-light: #334155;--text-primary: #F1F5F9;--text-secondary: #94A3B8;--gradient-fire: linear-gradient(135deg, #FF4500 0%, #DC143C 100%);--gradient-purple: linear-gradient(135deg, #8B5CF6 0%, #EC4899 100%);--gradient-blue: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 100%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(255, 69, 0, .3);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-dark);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.app{min-height:100vh;display:flex;flex-direction:column}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1.5rem}.spinner{width:50px;height:50px;border:4px solid var(--bg-light);border-top-color:var(--primary-fire);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.demo-banner{background:var(--gradient-fire);padding:.75rem;box-shadow:var(--shadow-md);position:sticky;top:0;z-index:100}.banner-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.banner-icon{font-size:1.5rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.banner-text{font-size:.95rem;letter-spacing:.5px}.session-id{font-size:.75rem;opacity:.9;font-family:monospace;background:#fff3;padding:.25rem .5rem;border-radius:4px}.main-nav{background:var(--bg-medium);border-bottom:2px solid var(--bg-light);padding:1rem 0;position:sticky;top:52px;z-index:90;box-shadow:var(--shadow-md)}.nav-container{max-width:1400px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between}.app-title{font-size:1.75rem;font-weight:800;background:var(--gradient-fire);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px}.nav-links{display:flex;gap:1rem}.nav-link{background:transparent;border:2px solid var(--bg-light);color:var(--text-secondary);padding:.65rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.nav-link:hover{border-color:var(--primary-fire);color:var(--text-primary);transform:translateY(-2px)}.nav-link.active{background:var(--gradient-fire);border-color:var(--primary-fire);color:#fff;box-shadow:var(--shadow-glow)}.main-content{flex:1;padding:2rem 0;background:radial-gradient(circle at 20% 50%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,69,0,.1) 0%,transparent 50%),var(--bg-dark)}.content-container{max-width:1400px;margin:0 auto;padding:0 1.5rem}.app-footer{background:var(--bg-medium);border-top:2px solid var(--bg-light);padding:2rem 1.5rem;text-align:center;color:var(--text-secondary)}.app-footer p{margin:.25rem 0;font-size:.9rem}.footer-note{font-size:.85rem;opacity:.8}@media (max-width: 768px){.nav-container{flex-direction:column;gap:1rem}.app-title{font-size:1.5rem}.nav-links{width:100%}.nav-link{flex:1;text-align:center}.main-nav{top:72px}.content-container{padding:0 1rem}}