:root{--primary: #00ff88;--secondary: #00ccff;--dark: #1a1a2e;--darker: #0f0f23;--light: #ffffff;--gray: #888888;--gray-light: #cccccc;--error: #ff4444;--success: #00ff88;--warning: #ffaa00;--radius: 12px;--radius-lg: 16px;--shadow: 0 8px 32px rgba(0, 0, 0, .1);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .2);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:linear-gradient(135deg,var(--dark) 0%,var(--darker) 100%);color:var(--light);min-height:100vh;line-height:1.6;font-size:16px}.container{width:100%;min-height:100vh;position:relative}.main-content{max-width:800px;margin:0 auto;padding:40px 20px}.main-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:10px;background:linear-gradient(45deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{text-align:center;color:var(--gray-light);font-size:1.1rem;margin-bottom:40px}.step-title{font-size:1.5rem;margin-bottom:20px;color:var(--light)}.step{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:30px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1);transition:var(--transition);opacity:.4;transform:scale(.98);pointer-events:none;position:relative;z-index:1}.step.active{opacity:1;transform:scale(1);pointer-events:auto;box-shadow:var(--shadow)}.step.completed{border-color:var(--success);opacity:.8}.upload-zone{border:3px dashed rgba(255,255,255,.2);border-radius:var(--radius);padding:60px 20px;text-align:center;cursor:pointer;transition:var(--transition);background:#0003;position:relative;min-height:250px;display:flex;align-items:center;justify-content:center}.upload-zone:hover{border-color:var(--primary);background:#00ff880d;transform:scale(1.02)}.upload-zone.dragover{border-color:var(--secondary);background:#00ccff0d}.upload-zone.has-file{border-color:var(--success);background:#00ff881a;padding:20px}.upload-content{pointer-events:none}.upload-icon{font-size:3rem;display:block;margin-bottom:15px;opacity:.7}.upload-text{font-size:1.2rem;font-weight:600;margin-bottom:5px}.upload-hint{font-size:.9rem;color:var(--gray)}.preview-image{max-width:100%;max-height:400px;border-radius:var(--radius);box-shadow:var(--shadow-lg);object-fit:contain}.camera-btn{margin-top:15px;width:100%}.style-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.style-card{background:#0000004d;border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:var(--transition);border:3px solid transparent;position:relative}.style-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0f83;border-color:#00ff884d}.style-card.selected{border-color:var(--primary);box-shadow:0 0 0 6px #0f83}.style-card.selected:after{content:"\2713";position:absolute;top:10px;right:10px;background:var(--primary);color:var(--dark);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.style-card img{width:100%;height:200px;object-fit:cover}.style-info{padding:15px}.style-name{font-weight:600;font-size:1.1rem;color:var(--primary);text-transform:capitalize}.primary-btn,.secondary-btn,.success-btn{padding:15px 30px;border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden;text-transform:none;letter-spacing:.5px}.primary-btn{background:linear-gradient(45deg,var(--primary),var(--secondary));color:var(--dark);width:100%;font-size:1.2rem;padding:20px}.primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #0f86}.primary-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.secondary-btn{background:#ffffff1a;color:var(--light);border:1px solid rgba(255,255,255,.2)}.secondary-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.success-btn{background:linear-gradient(45deg,#00d4ff,#0f8);color:var(--dark);font-size:1.1rem;padding:18px 40px;margin:20px auto;display:block}.success-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #00d4ff66}.history-btn{position:absolute;top:20px;right:20px;z-index:10}.result-box{background:#ffffff0d;border-radius:var(--radius-lg);padding:20px;margin-bottom:20px;position:relative;z-index:1}.result-container{text-align:center;position:relative}.result-image{max-width:100%;max-height:600px;border-radius:var(--radius);box-shadow:var(--shadow-lg);cursor:pointer;transition:transform .3s ease;display:block;margin:0 auto}.result-image:hover{transform:scale(1.02)}.actions-box{background:#ffffff0d;border-radius:var(--radius-lg);padding:20px;margin-bottom:20px;position:relative;z-index:1}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.products-container{margin-top:30px;background:#ffffff0d;border-radius:var(--radius-lg);padding:20px;position:relative;z-index:1}.products-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-top:20px}.product-card{background:#ffffff0d;border-radius:var(--radius);padding:20px;text-align:center;transition:var(--transition);cursor:pointer;border:1px solid rgba(255,255,255,.1)}.product-card:hover{background:#ffffff1a;transform:translateY(-3px);border-color:var(--primary)}.product-icon{font-size:2.5rem;margin-bottom:10px}.product-name{font-weight:600;color:var(--primary);font-size:.9rem}.product-status{margin-top:5px;font-size:.8rem;color:var(--gray)}.product-status a{color:var(--success);text-decoration:none}.history-section{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;overflow-y:auto;padding:40px 20px;transition:opacity .3s ease}body.history-open{overflow:hidden}.history-header{max-width:1200px;margin:0 auto 30px;display:flex;justify-content:space-between;align-items:center}.close-btn{background:none;border:2px solid var(--gray);color:var(--gray);width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.2rem;transition:var(--transition)}.close-btn:hover{border-color:var(--light);color:var(--light)}.history-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.history-item{background:#ffffff0d;border-radius:var(--radius);overflow:hidden;transition:var(--transition)}.history-item:hover{transform:scale(1.05);box-shadow:var(--shadow-lg)}.history-item img{width:100%;height:200px;object-fit:cover}.history-info{padding:15px;display:flex;justify-content:space-between;align-items:center}.history-date{color:var(--gray);font-size:.9rem}.history-actions{display:flex;gap:10px}.history-actions button{padding:5px 10px;font-size:.8rem;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:var(--light);cursor:pointer;transition:var(--transition)}.history-actions button:hover{background:#fff3}.progress-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;pointer-events:none}.progress-overlay.active{pointer-events:auto}.progress-content{background:var(--dark);border-radius:var(--radius-lg);padding:40px;text-align:center;min-width:300px}.progress-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.1);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin:20px 0}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));transition:width .5s ease;width:0%}.progress-text{color:var(--gray-light);margin-top:10px}.camera-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:3000}.camera-container{position:relative;max-width:90vw;max-height:90vh}#cameraVideo{border-radius:var(--radius);max-width:100%;max-height:80vh}.camera-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:15px}.camera-capture-btn,.camera-close-btn{padding:15px 30px;border-radius:var(--radius);border:none;font-weight:600;cursor:pointer;transition:var(--transition)}.camera-capture-btn{background:var(--primary);color:var(--dark)}.camera-close-btn{background:#ffffff1a;color:var(--light);border:1px solid rgba(255,255,255,.2)}.hidden{display:none!important;pointer-events:none!important;visibility:hidden!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease forwards}@media (max-width: 768px){.main-title{font-size:1.8rem}.subtitle{font-size:1rem}.step{padding:20px}.style-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.products-preview{grid-template-columns:repeat(2,1fr)}.history-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.actions-grid{grid-template-columns:1fr}}.loading{position:relative;pointer-events:none}.loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center}.result-image-wrapper{position:relative;display:inline-block}.watermark-overlay{position:absolute;bottom:15px;right:15px;max-width:120px;height:auto;opacity:.7;pointer-events:none;z-index:10}
/*# sourceMappingURL=/cdn/shop/t/17/assets/famousify-user.css.map */