@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}:root{--primary-color: #4A90E2;--secondary-color: #2c2c2c;--accent-color: #7B68EE;--success-color: #28a745;--background-color: #fafafa;--card-background: #ffffff;--text-primary: #2c2c2c;--text-secondary: #666666;--border-color: #e0e0e0;--shadow-light: 0 4px 20px rgba(0, 0, 0, .08);--shadow-medium: 0 8px 30px rgba(0, 0, 0, .12);--gradient-primary: linear-gradient(135deg, #4A90E2 0%, #357ABD 100%);--gradient-accent: linear-gradient(135deg, #7B68EE 0%, #9370DB 100%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--background-color);color:var(--text-primary);line-height:1.6}.app{min-height:100vh;position:relative;overflow-x:hidden}.background-pattern{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(74,144,226,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(123,104,238,.1) 0%,transparent 50%);z-index:-1}.header{text-align:center;padding:2rem 1rem;background:var(--gradient-primary);color:#fff;position:relative}.header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:20px;background:linear-gradient(45deg,transparent 49%,white 50%,transparent 51%)}.logo{display:flex;flex-direction:column;align-items:center;gap:.5rem}.logo-icon{width:3rem;height:3rem;margin-bottom:.5rem}.logo h1{font-size:3rem;font-weight:700;letter-spacing:-.02em;margin:0}.logo p{font-size:1.1rem;opacity:.9;font-weight:300}.main-content{max-width:1200px;margin:0 auto;padding:3rem 1rem}.upload-section{display:flex;flex-direction:column;gap:2rem;align-items:center}.upload-card{background:var(--card-background);border-radius:20px;padding:2rem;box-shadow:var(--shadow-light);border:1px solid var(--border-color);transition:all .3s ease}.upload-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.photo-card{width:100%;max-width:400px}.upload-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;justify-content:center}.upload-icon{width:1.5rem;height:1.5rem;color:var(--primary-color)}.upload-header h3{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.upload-header h4{font-size:1.1rem;font-weight:500;color:var(--text-primary)}.clothing-emoji{font-size:1.5rem}.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 2rem;border:2px dashed var(--border-color);border-radius:15px;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#fafafa,#f0f0f0)}.upload-area:hover{border-color:var(--primary-color);background:linear-gradient(135deg,#f8f8f8,#eee)}.upload-area.small{padding:2rem 1rem}.upload-placeholder-icon{width:2.5rem;height:2.5rem;color:var(--text-secondary)}.upload-placeholder-icon.small{width:1.5rem;height:1.5rem}.upload-area span{font-size:1.1rem;font-weight:500;color:var(--text-primary)}.upload-area small{font-size:.9rem;color:var(--text-secondary)}.photo-preview,.clothing-preview{position:relative;border-radius:15px;overflow:hidden;background:#f8f8f8}.photo-preview img,.clothing-preview img{width:100%;height:300px;object-fit:cover;display:block}.clothing-preview img{height:200px}.change-photo-btn,.change-clothing-btn{position:absolute;bottom:10px;right:10px;background:#000000b3;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.change-photo-btn:hover,.change-clothing-btn:hover{background:#000000e6}.password-card{background:var(--card-background);border-radius:20px;padding:2rem;box-shadow:var(--shadow-light);border:1px solid var(--border-color);transition:all .3s ease;width:100%;max-width:400px}.password-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.password-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;justify-content:center}.password-icon{width:1.5rem;height:1.5rem;color:var(--primary-color)}.password-header h3{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.password-input-container{position:relative;margin-bottom:1rem}.password-input{width:100%;padding:1rem;border:2px solid var(--border-color);border-radius:12px;font-size:1rem;color:var(--text-primary);background:#fff;transition:all .3s ease;outline:none}.password-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4a90e21a}.password-input.valid{border-color:var(--success-color);background:#28a7450d}.password-valid-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:var(--success-color)}.password-hint{font-size:.9rem;color:var(--text-secondary);text-align:center;display:block}.generate-btn{background:var(--gradient-accent);color:#fff;border:none;padding:1rem 2.5rem;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;box-shadow:var(--shadow-light);margin-top:1rem}.generate-btn:hover:not(:disabled){box-shadow:var(--shadow-medium);transform:translateY(-2px)}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.btn-icon{width:1.25rem;height:1.25rem}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{background:#fee;color:#c33;padding:1rem 1.5rem;border-radius:10px;border:1px solid #fcc;font-weight:500;text-align:center;max-width:400px}.result-section{text-align:center;max-width:600px;margin:0 auto}.result-header h2{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:2rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result-image{background:var(--card-background);border-radius:20px;padding:1rem;box-shadow:var(--shadow-medium);margin-bottom:2rem}.result-image img{width:100%;max-height:600px;object-fit:contain;border-radius:15px}.result-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.download-btn,.home-btn{padding:1rem 2rem;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;box-shadow:var(--shadow-light)}.download-btn{background:var(--gradient-primary);color:#fff}.home-btn{background:var(--gradient-accent);color:#fff}.download-btn:hover,.home-btn:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}@media (max-width: 768px){.logo h1{font-size:2.5rem}.main-content{padding:2rem 1rem}.clothing-slots{grid-template-columns:1fr;max-width:400px}.result-header h2{font-size:2rem}.result-actions{flex-direction:column;align-items:center}.download-btn,.home-btn{width:100%;max-width:300px;justify-content:center}}