*{box-sizing:border-box;margin:0;padding:0}@keyframes loading{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.app{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#1a202c;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:20px}.header{background:linear-gradient(135deg,#f90,#ff6c37);border-radius:20px;box-shadow:0 10px 30px #ff99004d;color:#fff;margin-bottom:40px;padding:30px 0;text-align:center}.header h1{font-size:3rem;font-weight:700;text-shadow:0 2px 4px #0000001a}.nav-tabs{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:400px;padding:8px}.nav-tab,.nav-tabs{display:flex;gap:8px;justify-content:center}.nav-tab{align-items:center;border:none;border-radius:12px;color:#64748b;cursor:pointer;flex:1 1;font-weight:600;padding:16px 24px;transition:all .3s ease}.nav-tab.active{background:linear-gradient(135deg,#f90,#ff6c37);box-shadow:0 4px 15px #ff99004d;color:#fff;transform:scale(1.02)}.nav-tab:hover:not(.active){background:#f1f5f9;color:#f90}.frame-selector{background:#fff;border-radius:20px;box-shadow:0 8px 25px #0000001a;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:40px;padding:30px}.frame-selector img{background:#fff;border:4px solid #0000;border-radius:16px;cursor:pointer;height:100px;object-fit:cover;padding:4px;transition:all .3s ease;width:100px}.frame-selector img.selected{border-color:#f90;box-shadow:0 8px 25px #f906;transform:scale(1.1)}.frame-selector img:hover:not(.selected){border-color:#ff6c37;box-shadow:0 4px 15px #ff6c3733;transform:scale(1.05)}.camera-container{background:#fff;border-radius:24px;box-shadow:0 20px 40px #00000026;display:block;height:466px;margin:0 auto 40px;overflow:hidden;padding:8px;position:relative;width:616px}.camera-container video{display:block;object-fit:cover}.camera-container video,.frame-overlay{border-radius:16px;height:450px;width:600px}.frame-overlay{left:8px;object-fit:fill;pointer-events:none;position:absolute;top:8px;z-index:10}.capture-btn,.download-btn{background:linear-gradient(135deg,#f90,#ff6c37);border:none;border-radius:50px;box-shadow:0 8px 25px #ff99004d;color:#fff;cursor:pointer;display:block;font-size:18px;font-weight:700;letter-spacing:.5px;margin:20px auto;padding:18px 36px;text-transform:uppercase;transition:all .3s ease}.capture-btn:hover,.download-btn:hover{background:linear-gradient(135deg,#e68900,#e55a2b);box-shadow:0 12px 35px #f906;transform:translateY(-3px)}.capture-btn:active,.download-btn:active{transform:translateY(-1px)}.capture-btn:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed;transform:none}.download-btn{background:linear-gradient(135deg,#146eb4,#0f5a94);box-shadow:0 8px 25px #146eb44d}.download-btn:hover{background:linear-gradient(135deg,#125a9a,#0d4d7f);box-shadow:0 12px 35px #146eb466}.result{background:#fff;border-radius:24px;box-shadow:0 20px 40px #0000001a;margin-top:40px;padding:40px;text-align:center}.result img{border-radius:20px;box-shadow:0 15px 35px #00000026;margin-bottom:30px;max-width:600px}.qr-code{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #f90;border-radius:20px;margin:30px 0;padding:30px}.qr-code p{color:#374151;font-size:16px;font-weight:600;margin-bottom:15px}.qr-code img{border-radius:12px;box-shadow:0 8px 20px #0000001a}.gallery{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:40px}.gallery-item{background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 8px 25px #0000001a;padding:25px;text-align:center;transition:all .3s ease}.gallery-item:hover{border-color:#f90;box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.gallery-item img{border-radius:16px;box-shadow:0 4px 15px #0000001a;margin-bottom:20px;width:100%}.gallery-item p{color:#64748b;font-weight:600;margin-bottom:15px}.stats-card{background:#fff;border-left:4px solid #f90;border-radius:16px;box-shadow:0 4px 20px #0000001a;gap:16px;margin-bottom:30px;padding:24px}.stats-card,.stats-icon{align-items:center;display:flex}.stats-icon{background:linear-gradient(135deg,#f90,#ff6c37);border-radius:12px;color:#fff;font-size:24px;height:48px;justify-content:center;width:48px}.stats-text{color:#374151;font-size:18px}.stats-number{color:#f90;font-size:24px;font-weight:700}@media (max-width:768px){.camera-container{height:283px;width:366px}.camera-container video,.frame-overlay{height:262px;width:350px}.result img{max-width:350px}.header h1{font-size:2.5rem}.frame-selector img{height:80px;width:80px}.gallery{grid-template-columns:1fr}.nav-tabs{flex-direction:column;max-width:300px}}
/*# sourceMappingURL=main.463d354b.css.map*/