*{margin:0;padding:0;box-sizing:border-box}:root{--holographic-bg: linear-gradient(135deg, #667eea 0%, #764ba2 25%, #f093fb 50%, #4facfe 75%, #00f2fe 100%);--holographic-text: linear-gradient(90deg, #00fff6, #daff00, #d000ff, #00f2ff, #00ffa2, #0077ff);--acid-purple: #d000ff;--acid-cyan: #00fff6;--acid-lime: #daff00;--acid-pink: #ff00ff;--bg-dark: #0a0a0a;--bg-card: rgba(20, 20, 20, .95)}body{font-family:Lexend Zetta,sans-serif;background:var(--bg-dark);color:#fff;min-height:100vh;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(214,0,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(0,255,246,.1) 0%,transparent 50%),radial-gradient(circle at 50% 20%,rgba(218,255,0,.05) 0%,transparent 50%);pointer-events:none;z-index:0}#app{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:2rem}.header{text-align:center;margin-top:1rem;margin-bottom:1rem;animation:float 2s ease-in-out infinite}@keyframes float{0%,to{transform:scale(1) rotate(-5deg)}50%{transform:scale(1.05) rotate(5deg)}}.logo{max-width:240px}.step{display:none;animation:fadeIn .5s ease-in}.step.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.camera-container{max-width:800px;margin:0 auto;text-align:center}.preview-marquee{position:relative;max-width:1200px;margin:0 auto 1.25rem;padding:.5rem 0}.preview-marquee__viewport{overflow:hidden;border-radius:18px;border:2px solid transparent;background:linear-gradient(#0a0a0a8c,#0a0a0a8c) padding-box,var(--holographic-bg) border-box;box-shadow:0 0 30px #00fff61f}.preview-marquee__track{display:flex;align-items:center;gap:14px;padding:6px 0;width:max-content;animation:marqueeScroll 24s linear infinite;will-change:transform}.preview-marquee__item{height:140px;width:auto;border-radius:12px;border:2px solid rgba(255,255,255,.08);box-shadow:0 0 18px #00fff614;object-fit:cover;background:#00000059}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.preview-marquee__fade{position:absolute;top:0;bottom:0;width:70px;pointer-events:none;z-index:2}.preview-marquee__fade--left{left:0;background:linear-gradient(90deg,#0a0a0af2,#0a0a0a00)}.preview-marquee__fade--right{right:0;background:linear-gradient(270deg,#0a0a0af2,#0a0a0a00)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:none}.lightbox.is-open{display:block}.lightbox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lightbox__panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,980px);max-height:88vh;padding:18px;border-radius:18px;border:2px solid transparent;background:linear-gradient(#141414eb,#141414eb) padding-box,var(--holographic-bg) border-box;box-shadow:0 0 50px #00fff62e;overflow:hidden}.lightbox__close{position:absolute;top:10px;right:12px;width:44px;height:44px;border-radius:999px;border:2px solid rgba(255,255,255,.15);background:#00000059;color:#fffffff2;font-size:28px;line-height:1;cursor:pointer}.lightbox__close:hover{box-shadow:0 0 25px #00fff640}.lightbox__img{width:100%;height:auto;max-height:82vh;object-fit:contain;border-radius:12px;display:block}#video{width:100%;max-width:640px;border-radius:20px;border:3px solid transparent;background:linear-gradient(var(--bg-dark),var(--bg-dark)) padding-box,var(--holographic-bg) border-box;box-shadow:0 0 40px #00fff64d}.camera-controls{margin-top:2rem;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem}.camera-toggle{display:inline-flex;align-items:center;gap:.75rem;-webkit-user-select:none;user-select:none;cursor:pointer}.camera-toggle input{display:none}.toggle-track{width:56px;height:32px;border-radius:999px;position:relative;background:#ffffff1f;border:2px solid transparent;background:linear-gradient(#141414e6,#141414e6) padding-box,var(--holographic-bg) border-box;box-shadow:0 0 20px #00fff626}.toggle-thumb{position:absolute;top:50%;left:4px;width:22px;height:22px;transform:translateY(-50%);border-radius:999px;background:var(--holographic-bg);background-size:200% 200%;animation:gradient 3s ease infinite;transition:left .2s ease,filter .2s ease;filter:drop-shadow(0 0 10px rgba(0,255,246,.35))}.camera-toggle input:checked+.toggle-track .toggle-thumb{left:28px}.toggle-label{font-size:.85rem;letter-spacing:1px;color:#ffffffe6}.processing-container{text-align:center;padding:4rem 2rem}.loading-spinner{width:120px;height:120px;margin:0 auto 2rem;border:8px solid rgba(255,255,255,.1);border-top:8px solid var(--acid-cyan);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.processing-text{font-size:1.5rem;background:var(--holographic-text);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient 3s ease infinite}@keyframes gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.preview-container{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:1200px;margin:0 auto}@media (max-width: 968px){.preview-container{grid-template-columns:1fr}}.image-preview{position:relative}#preview-canvas{width:100%;border-radius:20px;border:3px solid transparent;background:linear-gradient(var(--bg-dark),var(--bg-dark)) padding-box,var(--holographic-bg) border-box;box-shadow:0 0 40px #00fff64d}.customize-controls{display:flex;flex-direction:column;gap:2rem;justify-content:center}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;text-transform:uppercase;letter-spacing:2px;color:var(--acid-cyan)}.qrcode-container-download{margin-left:50px}.download-container{text-align:center;display:flex;justify-content:center;align-items:center}.images-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem;max-width:560px}.image-card{background:var(--bg-card);padding:1.5rem;border-radius:20px;border:2px solid transparent;background:linear-gradient(var(--bg-card),var(--bg-card)) padding-box,var(--holographic-bg) border-box;box-shadow:0 0 40px #00fff633}.image-card img{width:100%;border-radius:10px;margin-bottom:1rem}.qrcode-container{display:flex;justify-content:center;gap:3rem;margin-bottom:3rem;flex-wrap:wrap}.qrcode{padding:1rem;background:#fff;border-radius:10px}.btn-primary,.btn-secondary{padding:1rem 3rem;font-family:Lexend Zetta,sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-primary{background:var(--holographic-bg);background-size:200% 200%;color:#fff;animation:gradient 3s ease infinite}.btn-secondary{background:var(--bg-card);color:#fff;border:2px solid var(--acid-cyan)}.btn-primary:hover,.btn-secondary:hover{transform:scale(1.05);box-shadow:0 0 30px #00fff680}.btn-primary:active,.btn-secondary:active{transform:scale(.98)}.holographic{position:relative}.holographic:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--holographic-bg);background-size:200% 200%;border-radius:inherit;z-index:-1;animation:gradient 3s ease infinite;opacity:0;transition:opacity .3s}.holographic:hover:before{opacity:1}.holographic-input{padding:1rem;font-family:Lexend Zetta,sans-serif;font-size:1rem;background:#141414cc;border:2px solid transparent;border-radius:10px;color:#fff;background:linear-gradient(#141414e6,#141414e6) padding-box,var(--holographic-bg) border-box;outline:none;transition:all .3s ease}.holographic-input:focus{box-shadow:0 0 20px #00fff666}.holographic-input option{background:var(--bg-dark);color:#fff}@media (max-width: 768px){#app{padding:1rem}.logo{max-width:200px}.btn-primary,.btn-secondary{padding:.8rem 2rem;font-size:.9rem}.preview-marquee__item{height:110px}.images-row{grid-template-columns:1fr}}#step-download{width:100%;padding:30px}