:root{--color-primary:#FFA07A;--color-primary-rgb:255,160,122;--color-secondary:#FFE1CF;--color-secondary-rgb:255,225,207;--color-accent:#6E2E6A;--color-accent-rgb:110,46,106;--color-text:#2C2C2C;--color-text-rgb:44,44,44;--color-background:#FFFAF7;--color-background-rgb:255,250,247}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);min-height:100vh;color:var(--color-text)}.container{max-width:1200px;margin:0 auto;padding:20px}header{text-align:center;color:white;margin-bottom:40px;padding:40px 20px}.logo-container{display:flex;justify-content:center;margin-bottom:20px}.logo{width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));border-radius:20px;background:white;padding:10px}header h1{font-size:3em;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.tagline{font-size:1.2em;opacity:.95}main{background:var(--color-background);border-radius:20px;padding:40px;box-shadow:0 20px 60px rgba(0,0,0,.3)}.upload-card{background:var(--color-secondary);border-radius:15px;padding:30px;margin-bottom:30px}.upload-area{border:3px dashed rgba(var(--color-primary-rgb),.3);border-radius:12px;padding:60px 40px;text-align:center;cursor:pointer;transition:all .3s ease;background:var(--color-background)}.upload-area:hover{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.05)}.upload-area.dragover{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.1)}.upload-icon{width:60px;height:60px;color:var(--color-primary);margin-bottom:20px}.upload-area h2{color:var(--color-text);margin-bottom:10px}.upload-area p{color:var(--color-text);opacity:.7;margin-bottom:20px}.btn-generate,.btn-primary,.btn-secondary{padding:12px 30px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary{background:var(--color-primary);color:white}.btn-primary:hover:not(:disabled){background:var(--color-accent);transform:translateY(-2px);box-shadow:0 5px 15px rgba(var(--color-primary-rgb),.4)}.btn-secondary{background:var(--color-secondary);color:var(--color-text)}.btn-secondary:hover{background:rgba(var(--color-primary-rgb),.2)}.btn-generate{width:100%;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);color:white;font-size:18px;padding:16px;margin-bottom:30px;position:relative}.btn-generate:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px rgba(var(--color-primary-rgb),.4)}.btn-generate:disabled{opacity:.5;cursor:not-allowed}.loading-spinner{display:inline-block;width:20px;height:20px;border-radius:50%;border:3px solid rgba(255,255,255,.3);border-top-color:white;animation:spin .8s linear infinite;margin-left:10px}@keyframes spin{to{transform:rotate(1turn)}}.preview-section{text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}#imagePreview{max-width:100%;max-height:400px;width:auto;height:auto;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,.1);display:block;margin:0 auto}#changePhoto{margin:0 auto}.info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px;margin-top:40px}.info-card{background:var(--color-secondary);padding:25px;border-radius:12px;text-align:center;transition:transform .3s ease}.info-card:hover{transform:translateY(-5px)}.info-number{display:inline-block;width:40px;height:40px;line-height:40px;background:var(--color-accent);color:white;border-radius:50%;font-weight:700;margin-bottom:15px}.info-card h3{margin-bottom:10px;color:var(--color-text)}.info-card p{color:var(--color-text);opacity:.7;line-height:1.5}.results-section{text-align:center}.results-section h2{margin-bottom:30px;color:var(--color-text)}.sticker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px;gap:20px;margin-bottom:40px}.sticker-card{background:var(--color-background);border-radius:12px;padding:15px;box-shadow:0 5px 20px rgba(0,0,0,.1);transition:transform .3s ease}.sticker-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.15)}.sticker-card img{object-fit:contain;background:linear-gradient(45deg,var(--color-secondary) 25%,transparent 25%),linear-gradient(-45deg,var(--color-secondary) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-secondary) 75%),linear-gradient(-45deg,transparent 75%,var(--color-secondary) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.placeholder-image,.sticker-card img{width:100%;height:200px;border-radius:8px;margin-bottom:10px}.placeholder-image{display:flex;align-items:center;justify-content:center;background:var(--color-secondary);opacity:.6;background:repeating-conic-gradient(var(--color-secondary) 0 25%,var(--color-background) 0 50%) 50% /20px 20px;padding:10px}.placeholder-image,.sticker-title{color:var(--color-text);font-size:14px}.sticker-title{opacity:.7;font-weight:500;text-align:center}.action-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.error-message{background:rgba(var(--color-primary-rgb),.1);border:1px solid rgba(var(--color-primary-rgb),.3);border-radius:8px;color:var(--color-accent)}.error-message,footer{padding:20px;text-align:center}footer{color:white;margin-top:40px;opacity:.9}.footer-main{font-size:1.1em;margin-bottom:8px;font-weight:500}.footer-sub{font-size:.9em;opacity:.85}.pricing-banner{background:var(--color-secondary);border-radius:12px;padding:20px;text-align:center;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:15px}.price-tag{font-size:2em;font-weight:700;color:var(--color-accent)}.price-details{color:var(--color-text);font-size:1.1em}.social-proof{text-align:center;padding:30px;margin-top:20px;background:rgba(var(--color-primary-rgb),.05);border-radius:12px}.social-heading{font-size:1.3em;color:var(--color-accent);font-weight:600;margin-bottom:10px}.social-subtext{color:var(--color-text);opacity:.8}.success-section{text-align:center;padding:40px 20px}.success-card{background:var(--color-secondary);border-radius:15px;padding:40px;max-width:600px;margin:0 auto}.success-icon{font-size:4em;margin-bottom:20px}.success-message{font-size:1.2em;color:var(--color-text);margin-bottom:30px}.order-details{background:var(--color-background);border-radius:10px;padding:25px;margin:30px 0;text-align:left}.order-details h3{color:var(--color-accent);margin-bottom:15px}.order-details ul{list-style:none;padding:0}.order-details li{padding:8px 0 8px 25px;position:relative;color:var(--color-text)}.order-details li:before{content:"→";position:absolute;left:0;color:var(--color-primary)}.email-notice{margin:20px 0;font-style:italic}.email-notice,.preview-subtitle{color:var(--color-text);opacity:.8}.preview-subtitle{font-size:1.1em;margin-top:10px;margin-bottom:20px}.sticker-sheet-container{display:flex;justify-content:center;align-items:center;margin:3rem 0;padding:2rem;background:linear-gradient(135deg,#fff,#fef3ff);border-radius:16px;min-height:400px}.sticker-sheet-preview{max-width:100%;height:auto;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.placeholder-sheet{font-size:1.2rem;color:#666;text-align:center;padding:2rem}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#4caf50,#66bb6a);border-radius:50%;margin:0 auto 2rem;font-size:3rem;color:white;box-shadow:0 4px 15px rgba(76,175,80,.3)}.loading-container,.success-icon{display:flex;align-items:center;justify-content:center}.loading-container{flex-direction:column;min-height:60vh;gap:1rem}@media (max-width:768px){header h1{font-size:2em}main{padding:20px}.info-cards{grid-template-columns:1fr}.sticker-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.sticker-sheet-container{margin:2rem 0;padding:1rem}}