@keyframes scan{0%,to{top:0}50%{top:calc(100% - 2px)}}@keyframes successFlash{0%,to{opacity:1}50%{opacity:.3}}@keyframes cornerGlow{0%,to{box-shadow:0 0 20px rgba(72,187,120,.5)}50%{box-shadow:0 0 40px #48bb78}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.camera-container{position:relative;width:100%;max-height:500px;aspect-ratio:4/3;background:#000;border-radius:16px;overflow:hidden}#camera-scanner video,#scanner-video{width:100%;height:100%;object-fit:cover;max-height:500px}#camera-scanner canvas,.scanner-overlay{position:absolute;top:0;left:0;width:100%;height:100%}#camera-scanner canvas{object-fit:cover;max-height:500px}.scanner-overlay{display:flex;align-items:center;justify-content:center;pointer-events:none}.scan-frame{position:relative;width:280px;height:280px;max-width:70%;max-height:70%}.corner{position:absolute;width:40px;height:40px;border:3px solid #fff;box-shadow:0 0 20px rgba(255,255,255,.5)}.corner-tl,.corner-tr{top:0;border-bottom:none}.corner-tl{left:0;border-right:none;border-radius:12px 0 0 0}.corner-tr{right:0;border-left:none;border-radius:0 12px 0 0}.corner-bl,.corner-br{bottom:0;border-top:none}.corner-bl{left:0;border-right:none;border-radius:0 0 0 12px}.corner-br{right:0;border-left:none;border-radius:0 0 12px 0}.scan-line{position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#667eea 50%,transparent);box-shadow:0 0 10px #667eea;animation:scan 2s ease-in-out infinite;opacity:0}.scan-frame.scanning .scan-line{opacity:1}.scan-frame.success-flash{animation:successFlash .5s ease}.scan-frame.success-flash .corner{border-color:#48bb78;animation:cornerGlow .5s ease}.camera-controls{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:16px;z-index:10}.control-btn,.upload-container,.upload-zone{display:flex;align-items:center;justify-content:center}.control-btn{width:56px;height:56px;border:0;border-radius:50%;background:rgba(255,255,255,.95);color:#667eea;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px rgba(0,0,0,.3);backdrop-filter:blur(10px)}.control-btn:hover{background:#fff;transform:scale(1.1);box-shadow:0 6px 24px rgba(0,0,0,.4)}.control-btn:active{transform:scale(.95)}.upload-container,.upload-zone{width:100%}.upload-container{max-height:500px;aspect-ratio:4/3;padding:20px}.upload-zone{height:100%;max-height:460px;flex-direction:column;border:3px dashed rgba(255,255,255,.3);border-radius:16px;background:rgba(255,255,255,.05);cursor:pointer;transition:all .3s ease;color:#fff;padding:40px 20px;box-sizing:border-box;overflow:hidden}.upload-zone:hover{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.1)}.upload-zone svg{margin-bottom:24px;opacity:.8}.upload-zone h3{font-size:20px;font-weight:700;margin:0 0 8px}.upload-zone p{font-size:15px;opacity:.8;margin:0 0 16px}.file-types{display:inline-block;padding:6px 12px;background:rgba(255,255,255,.1);border-radius:20px;font-size:12px;font-weight:600}.scan-result{background:#f8fafc;border-radius:12px;padding:16px;margin-bottom:12px;border:1px solid #e2e8f0;transition:all .2s ease;animation:slideIn .3s ease}.scan-result:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);border-color:#cbd5e0}.result-header,.result-icon{display:flex;align-items:center}.result-header{gap:12px;margin-bottom:12px}.result-icon{width:40px;height:40px;border-radius:10px;justify-content:center;color:#fff;flex-shrink:0}.result-icon,.result-icon.url{background:linear-gradient(135deg,#667eea 0,#764ba2 100%)}.result-icon.email{background:linear-gradient(135deg,#f093fb 0,#f5576c 100%)}.result-icon.phone{background:linear-gradient(135deg,#4facfe 0,#00f2fe 100%)}.result-icon.wifi{background:linear-gradient(135deg,#43e97b 0,#38f9d7 100%)}.result-icon.contact{background:linear-gradient(135deg,#fa709a 0,#fee140 100%)}.result-icon.sms{background:linear-gradient(135deg,#30cfd0 0,#330867 100%)}.result-icon.location{background:linear-gradient(135deg,#a8edea 0,#fed6e3 100%)}.result-icon.product{background:linear-gradient(135deg,#ff9a9e 0,#fecfef 100%)}.result-icon.text{background:linear-gradient(135deg,#ffecd2 0,#fcb69f 100%)}.result-meta{flex:1;display:flex;flex-direction:column;gap:4px}.result-format{font-size:12px;font-weight:700;color:#667eea;text-transform:uppercase;letter-spacing:.5px}.result-time{font-size:11px;color:#94a3b8}.result-content{margin-top:8px}.result-text{padding:12px;background:#fff;border-radius:8px;font-size:14px;color:#1a202c;word-break:break-all;line-height:1.5;margin-bottom:12px;border:1px solid #e2e8f0}.result-actions{display:flex;gap:8px;flex-wrap:wrap}.action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #e2e8f0;background:#fff;color:#475569;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#f8fafc;border-color:#cbd5e0}.action-btn.primary{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border-color:transparent}.action-btn.primary:hover{box-shadow:0 4px 12px rgba(102,126,234,.3);transform:translateY(-1px)}.action-btn svg{width:16px;height:16px}@media (max-width:768px){.camera-container{aspect-ratio:3/4}.scan-frame{width:220px;height:220px}.corner{width:30px;height:30px}.control-btn{width:48px;height:48px}.camera-controls{gap:12px}.formats-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}.help-content{width:100%;background:#fff;padding:60px 0;margin-top:40px}.help-container{max-width:1200px;margin:0 auto;padding:0 20px}.help-intro{text-align:center;margin-bottom:50px}.faq-item h4,.faq-section>h3,.help-intro h2{font-size:32px;font-weight:700;color:#1a202c;margin-bottom:16px}.help-intro p{font-size:18px;color:#64748b;max-width:800px;margin:0 auto;line-height:1.7}.faq-section>h3{font-size:28px;text-align:center;margin-bottom:30px}.faq-item{background:#f9fafb;border-radius:12px;padding:30px;margin-bottom:20px;border-left:4px solid #667eea;transition:all .3s ease}.faq-item:hover{box-shadow:0 4px 20px rgba(0,0,0,.08);transform:translateY(-2px)}.faq-item h4{font-size:22px;font-weight:600}.faq-item p{font-size:16px;color:#475569;line-height:1.8;margin-bottom:16px}.faq-item p:last-child,.help-footer p:last-child{margin-bottom:0}.faq-item ul{list-style:none;padding:0;margin:16px 0}.faq-item ul li{font-size:16px;color:#475569;line-height:1.8;margin-bottom:12px;padding-left:24px;position:relative}.faq-item ul li::before{content:"";position:absolute;left:0;color:#667eea;font-weight:700}.faq-item ul li strong{color:#1a202c}.help-footer{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:16px;padding:40px;text-align:center;margin-top:50px;color:#fff}.help-footer h3{font-size:28px;font-weight:700;margin-bottom:16px}.help-footer p{font-size:16px;line-height:1.7;margin-bottom:16px;opacity:.95}@media (max-width:768px){.help-content{padding:40px 0;margin-top:30px}.help-intro{margin-bottom:40px}.help-intro h2{font-size:28px}.help-intro p{font-size:16px}.faq-section>h3{font-size:24px;margin-bottom:24px}.faq-item{padding:24px;margin-bottom:16px}.faq-item h4{font-size:20px;margin-bottom:12px}.faq-item p,.faq-item ul li,.help-footer p{font-size:15px}.help-footer{padding:32px 24px;margin-top:40px}.help-footer h3{font-size:24px}}@media (max-width:480px){.help-content{padding:32px 0;margin-top:24px}.help-intro h2{font-size:24px}.help-intro p{font-size:15px}.faq-section>h3,.help-footer h3{font-size:22px}.faq-item{padding:20px}.faq-item h4{font-size:18px}.faq-item p,.faq-item ul li,.help-footer p{font-size:14px}.help-footer{padding:28px 20px}}