:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;margin:0 auto;text-align:center}*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#1a1a1a;min-height:100vh;color:#fff}.App{min-height:100vh;display:flex;flex-direction:column}.app-main{min-height:100vh;background-color:#1a1a1a}.form-container{background:#1f1f1f;border-radius:20px;padding:20px;box-shadow:0 20px 40px #0000004d;width:100%;max-width:600px;animation:slideUp .5s ease-out;border:1px solid #333;margin:20px auto;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.form-container h2{text-align:center;color:#fff;margin-bottom:30px;font-size:2rem;font-weight:300}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#fff;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #666;border-radius:10px;font-size:1rem;transition:all .3s ease;background:#3d3d3d;color:#fff}.form-group input::placeholder{color:#999}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;background:#3d3d3d;box-shadow:0 0 0 3px #667eea1a}.btn{width:100%;padding:14px;background:#444;color:#fff;border:1px solid #666;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:20px}.btn:hover{background:#555;transform:translateY(-2px);box-shadow:0 10px 20px #0000004d}.btn:active{transform:translateY(0)}.btn:disabled{background:#333;opacity:.6;cursor:not-allowed;transform:none}.image-options{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.image-option{border:3px solid #666;border-radius:15px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;background:#3d3d3d}.image-option:hover{border-color:#667eea;background:#444;transform:translateY(-2px)}.image-option.selected{border-color:#667eea;background:#667eea33}.image-option img{width:100%;height:150px;object-fit:cover;border-radius:10px;margin-bottom:15px}.image-option h3{color:#fff;margin-bottom:10px}.image-option p{color:#ccc;font-size:.9rem}.upload-area{border:2px dashed #667eea;border-radius:15px;padding:40px;text-align:center;cursor:pointer;transition:all .3s ease;background:#667eea1a}.upload-area:hover{background:#667eea33;border-color:#764ba2}.upload-area.dragover{background:#667eea4d;border-color:#764ba2}.upload-icon{font-size:3rem;color:#667eea;margin-bottom:15px}.upload-text{color:#667eea;font-size:1.1rem;font-weight:500}.upload-subtext{color:#ccc;font-size:.9rem;margin-top:5px}.preferences-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.size-preferences{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;margin-bottom:20px}.size-option{border:2px solid #e0e0e0;border-radius:10px;padding:15px;text-align:center;cursor:pointer;transition:all .3s ease;background:#fafafa}.size-option:hover{border-color:#667eea;background:#fff}.size-option.selected{border-color:#667eea;background:#667eea1a}.size-option h4{color:#333;margin-bottom:5px}.size-option p{color:#666;font-size:.8rem}.items-container{background:#fff;border-radius:20px;padding:30px;box-shadow:0 20px 40px #0000001a;width:100%;max-width:1200px;animation:slideUp .5s ease-out}.user-profile{display:flex;align-items:center;gap:20px;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff}.user-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid white}.user-info h2{margin-bottom:5px}.user-info p{opacity:.9}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.item-card{border:2px solid #e0e0e0;border-radius:15px;padding:20px;text-align:center;transition:all .3s ease;background:#fff}.item-card:hover{border-color:#667eea;transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.item-card img{width:100%;height:200px;object-fit:cover;border-radius:10px;margin-bottom:15px}.item-card h3{color:#333;margin-bottom:10px}.item-card p{color:#666;margin-bottom:5px}.item-price{font-size:1.2rem;font-weight:700;color:#667eea;margin:10px 0}.try-on-btn{width:100%;padding:10px;background:#444;color:#fff;border:1px solid #666;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.try-on-btn:hover{background:#555;transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.items-grid-responsive{display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}@media (min-width: 768px){.items-grid-responsive{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1200px){.items-grid-responsive{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.progress-bar{gap:10px}.step span{width:30px;height:30px;font-size:.8rem}.step label{font-size:.7rem}.form-container{padding:30px 20px}.image-options,.preferences-grid{grid-template-columns:1fr}.size-preferences{grid-template-columns:1fr 1fr}.user-profile{flex-direction:column;text-align:center}.items-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.mobile-layout{flex-direction:column!important}.mobile-full-width{width:100%!important}.mobile-sticky{position:sticky!important;top:10px!important;z-index:10!important}.mobile-padding{padding:15px!important}.mobile-grid{grid-template-columns:1fr!important}.mobile-body-sections{max-height:300px!important;overflow-y:auto!important}.mobile-ai-panel{max-height:400px!important}.mobile-main-padding{padding:15px!important}.mobile-floating-tryon{position:fixed!important;bottom:20px!important;right:20px!important;width:60px!important;height:60px!important;border-radius:50%!important;background:linear-gradient(45deg,#667eea,#764ba2)!important;border:none!important;color:#fff!important;font-size:12px!important;font-weight:700!important;cursor:pointer!important;box-shadow:0 4px 12px #667eea66!important;z-index:1000!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;line-height:1.2!important;transition:all .3s ease!important}.mobile-floating-tryon:hover{transform:translateY(-2px)!important;box-shadow:0 6px 16px #667eea99!important}.mobile-floating-tryon:disabled{background:#333!important;cursor:not-allowed!important;transform:none!important;box-shadow:0 2px 8px #0000004d!important}.desktop-only{display:none!important}.mobile-ai-result{position:fixed!important;bottom:90px!important;right:20px!important;width:80px!important;height:80px!important;border-radius:12px!important;border:2px solid #667eea!important;cursor:pointer!important;z-index:999!important;box-shadow:0 4px 12px #0000004d!important;transition:all .3s ease!important;object-fit:cover!important}.mobile-ai-result:hover{transform:scale(1.05)!important;box-shadow:0 6px 16px #0006!important}.mobile-image-modal{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:#000000e6!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:2000!important;padding:20px!important}.mobile-image-modal img{max-width:100%!important;max-height:100%!important;border-radius:12px!important;box-shadow:0 8px 32px #00000080!important}.mobile-modal-close{position:absolute!important;top:20px!important;right:20px!important;background:#fff3!important;border:none!important;color:#fff!important;width:40px!important;height:40px!important;border-radius:50%!important;font-size:20px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important}.mobile-hamburger{position:fixed!important;bottom:20px!important;left:20px!important;width:50px!important;height:50px!important;background:#1f1f1f!important;border:1px solid #333!important;border-radius:8px!important;cursor:pointer!important;z-index:1001!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;box-shadow:0 2px 8px #0000004d!important}.mobile-hamburger span{width:20px!important;height:2px!important;background:#fff!important;border-radius:1px!important;transition:all .3s ease!important}.mobile-hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)!important}.mobile-hamburger.active span:nth-child(2){opacity:0!important}.mobile-hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)!important}.mobile-menu-overlay{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:#000c!important;z-index:1000!important;display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;padding-top:80px!important;padding-left:20px!important}.mobile-menu-content{background:#1f1f1f!important;border:1px solid #333!important;border-radius:12px!important;padding:20px!important;width:280px!important;max-height:calc(100vh - 120px)!important;overflow-y:auto!important;box-shadow:0 8px 32px #00000080!important}.mobile-main-padding{padding-top:80px!important}.mobile-horizontal-sidebar{flex-direction:row!important;gap:15px!important;margin-bottom:20px!important}.mobile-horizontal-sidebar>div{flex:1!important;min-width:0!important}.mobile-compact-user-image-section{padding:15px!important}.mobile-compact-user-image-section h3{font-size:14px!important;margin-bottom:10px!important}.mobile-compact-user-image-section img{width:80px!important;height:80px!important}.mobile-compact-body-sections{padding:15px!important}.mobile-compact-body-sections h3{font-size:14px!important;margin-bottom:15px!important}.mobile-compact-body-sections>div{min-height:60px!important;padding:8px!important;margin-bottom:8px!important}.mobile-compact-body-sections .body-section-icon{font-size:16px!important;margin-bottom:3px!important}.mobile-compact-body-sections .body-section-title{font-size:10px!important;font-weight:700!important}.mobile-compact-body-sections .body-section-desc{font-size:8px!important}}@media (min-width: 769px){.desktop-only{display:block!important}.mobile-floating-tryon,.mobile-hamburger{display:none!important}}.measurements-grid{display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}@media (min-width: 768px){.measurements-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1200px){.measurements-grid{grid-template-columns:repeat(4,1fr)}}