.phone-frame,.phone-screen,.scanner-animation-container{position:relative;display:flex}.scanner-animation-container{background-color:transparent;width:100%;height:450px;align-items:center;justify-content:center;overflow:hidden}.phone-frame{width:230px;height:420px;background-color:#2d3748;border-radius:30px;border:4px solid #1a202c;box-shadow:0 10px 20px rgba(0,0,0,.2),0 6px 6px rgba(0,0,0,.1);flex-direction:column;justify-content:flex-start;align-items:center;z-index:10}.phone-screen{width:220px;height:380px;background-color:#fff;border-radius:20px;overflow:hidden;align-items:center;justify-content:center;margin-top:35px}.flash-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity:0;z-index:50;animation:20s ease-in-out infinite flash-effect}.phone-notch,.phone-top-bezel{position:absolute;height:20px}.phone-top-bezel{top:13px;left:5px;right:10px;display:flex;justify-content:space-between;align-items:center;padding:0 14px;z-index:40;color:#e7e7e7}.phone-top-bezel .time{font-size:12px;font-weight:600}.phone-top-bezel .status-icons{display:flex;align-items:center;gap:4px}.host-content,.review-view{flex-direction:column;display:flex}.phone-top-bezel .material-symbols-outlined{font-size:16px}.app-bar .button-with-icon .material-symbols-outlined,.host-welcome{font-size:18px}.phone-notch{top:4px;width:80px;background-color:#1a202c;border-radius:0 0 15px 15px;z-index:20;left:50%;transform:translateX(-50%)}.host-app-view,.scanning-view{position:absolute;height:100%}.airplane-mode-icon{animation:3s ease-in-out infinite pulse-airplane-icon}.host-app-view{width:100%;background-color:#fff;animation:20s ease-in-out infinite forwards fade-host-app-view;opacity:1}.host-content{align-items:center;padding:60px 20px 0;gap:15px;text-align:center}.host-welcome{font-weight:600;color:#2d3748}.host-prompt{font-size:13px;color:#4a5568}.scan-sdk-button{display:flex;align-items:center;justify-content:center;gap:8px;background-color:#4f8a4e;color:#fff;padding:12px 20px;border-radius:8px;font-weight:600;font-size:14px;margin-top:20px;cursor:pointer;box-shadow:0 4px 10px rgba(79,138,78,.3);width:90%;animation:20s ease-in-out infinite button-click-anim}.app-bar.scan-top,.scanning-view{animation:20s ease-in-out infinite forwards fade-scanning-view}.host-app-view .app-bar.host-top{animation-name:fade-host-app-view;animation-duration:20s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.scanning-view{width:100%;background-color:#fff;transition:opacity .5s ease-in-out;opacity:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.document-live{position:relative;width:160px;height:220px;background-color:#f7fafc;box-shadow:0 2px 4px rgba(0,0,0,.05);animation:20s ease-in-out infinite document-drift}.doc-line-live{height:6px;background-color:#cbd5e0;border-radius:3px;margin:10px}.doc-line-live.short{width:60%}.doc-line-live.long{width:85%}.corner-bracket-live{position:absolute;width:20px;height:20px;border-color:#4f8a4e;border-style:solid;animation:20s ease-in-out infinite edge-detect-live;opacity:0}.corner-bracket-live.top-left{top:-5px;left:-5px;border-width:3px 0 0 3px}.corner-bracket-live.top-right{top:-5px;right:-5px;border-width:3px 3px 0 0}.corner-bracket-live.bottom-left{bottom:-5px;left:-5px;border-width:0 0 3px 3px}.corner-bracket-live.bottom-right{bottom:-5px;right:-5px;border-width:0 3px 3px 0}.scan-line-live{position:absolute;left:0;width:100%;height:3px;background:linear-gradient(to right,transparent,#4f8a4e,transparent);box-shadow:0 0 10px #4f8a4e,0 0 5px #4f8a4e;opacity:0;animation:20s ease-in-out infinite scan-effect-live}.capture-button{width:50px;height:50px;background-color:#e2e8f0;border-radius:50%;border:3px solid #a0aec0;position:absolute;bottom:20px;cursor:pointer;z-index:30;opacity:1;animation:20s ease-in-out infinite forwards fade-capture-button}.review-content,.review-view{position:absolute;width:100%;height:100%;opacity:0}.capture-button::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;background-color:#fff;border-radius:50%}.review-view{background-color:#fff;animation:20s ease-in-out infinite forwards fade-review-view;align-items:center;justify-content:center}.review-content{animation:20s ease-in-out infinite forwards phase-2-content}.compression-label,.quality-overlay{animation:20s ease-in-out infinite show-ai-labels;z-index:3}.cropped-document{width:160px;height:220px;background-color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.1);border:1px solid #e2e8f0;position:relative;margin:50px auto 0;overflow:hidden}.cropped-doc-line{height:8px;background-color:#2d3748;border-radius:4px;margin:12px 15px}.ai-shimmer,.export-content{position:absolute;height:100%;opacity:0}.cropped-doc-line.short{width:65%}.cropped-doc-line.long{width:80%}.quality-overlay{position:absolute;top:5px;right:5px;padding:3px 7px;background-color:#4f8a4e;color:#fff;font-size:10px;border-radius:3px;font-weight:700;opacity:0}.compression-label{position:absolute;bottom:8px;font-weight:600;left:15%;transform:translateX(-50%);color:#4f8a4e;font-size:12px;opacity:0}.doc-stack-item.doc-1 span,.export-button,.export-label{font-size:12px;font-weight:500}.ai-shimmer{top:0;left:-100%;width:50%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);transform:skewX(-20deg);animation:20s ease-in-out infinite ai-shimmer-effect;z-index:2}.export-content{width:100%;animation:20s ease-in-out infinite forwards phase-3-content;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:40px}.document-stack{position:relative;width:140px;height:190px;display:flex;align-items:center;justify-content:center}.doc-stack-item{position:absolute;width:120px;height:170px;background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,.05)}.doc-stack-item.doc-3{transform:translate(10px,-10px) rotate(4deg);background-color:#f7fafc}.doc-stack-item.doc-2{transform:translate(5px,-5px) rotate(-3deg);background-color:#fdfdfd}.doc-stack-item.doc-1{z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:18px;color:#4a5568;font-weight:600}.doc-stack-item.doc-1 span{color:#718096;margin-top:5px}.export-options{display:flex;margin-top:20px}.export-button{display:flex;align-items:center;padding:8px 12px;border-radius:6px;margin:0 5px;color:#fff}.export-button .material-symbols-outlined{margin-right:5px;font-size:16px}.export-button.pdf{background-color:#d53f40}.export-button.tiff{background-color:#3182ce}.export-label{margin-top:15px;color:#4a5568}.upload-content{position:absolute;width:100%;height:100%;animation:20s ease-in-out infinite forwards phase-4-content;opacity:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:40px;gap:15px}.upload-icon,.upload-progress-bar,.upload-txt{animation:20s ease-in-out infinite fade-out-uploading}.upload-icon{font-size:60px;color:#3182ce}.upload-progress-bar{width:80%;height:10px;background-color:#e2e8f0;border-radius:5px;overflow:hidden}.upload-progress-bar-inner{width:0%;height:100%;background-color:#3182ce;border-radius:5px;animation:20s ease-in-out infinite upload-progress}.upload-success{display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0;animation:20s ease-in-out infinite fade-in-success}.upload-success .success-icon{font-size:60px;color:#4f8a4e}.upload-success .success-text-main{font-size:14px;font-weight:600;color:#2d3748}.upload-success .success-text-sub{font-size:12px;color:#4f8a4e;font-weight:500;padding:4px 8px;background-color:#f0f7f0;border-radius:6px}.app-bar .button-with-icon{display:flex;align-items:center;gap:2px}.scanner-animation-container{animation:20s ease-in-out infinite full-scan-cycle}.export-content,.review-content,.upload-content{animation-duration:20s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}@keyframes fade-host-app-view{0%,100%,18%{opacity:1;transform:translateY(0)}20%{opacity:0;transform:translateY(-10px)}98%{opacity:0}}@keyframes button-click-anim{0%,100%,15%,19%{transform:scale(1)}17%{transform:scale(.95)}}@keyframes flash-effect{0%,100%,39.5%,40.5%{opacity:0}40%{opacity:1}}@keyframes fade-scanning-view{0%,20%{opacity:0;transform:translateY(10px)}21%,39.9%{opacity:1;transform:translateY(0)}40%{opacity:0;transform:translateY(-10px)}100%{opacity:0}}@keyframes fade-capture-button{0%,100%,40%{opacity:0}21%,39%{opacity:1}}@keyframes document-drift{0%,20%{transform:translate(0,0) rotate(0);opacity:0}21%{opacity:1}28%{transform:translate(5px,-3px) rotate(1deg)}36%{transform:translate(-5px,2px) rotate(-1deg)}39%{transform:translate(0,0) rotate(0)}39.9%{transform:translate(0,0) rotate(0);opacity:1}100%,40%{opacity:0}}@keyframes scan-effect-live{0%,20%{top:0;opacity:0}24%{top:5%;opacity:1}36%,39.5%{top:95%;opacity:1}100%,39.9%{top:100%;opacity:0}}@keyframes edge-detect-live{0%,20%{transform:scale(1.2);opacity:0}24%{transform:scale(1.2);opacity:1}30%{transform:scale(1);opacity:1;box-shadow:0 0 5px #4f8a4e}34%,39.5%{transform:scale(1);opacity:1;box-shadow:0 0 12px #4f8a4e,0 0 12px #4f8a4e}100%,40%{opacity:0}}@keyframes fade-review-view{0%,100%,40%,99%{opacity:0}41%,98%{opacity:1}}@keyframes phase-2-content{0%,40%{opacity:0;transform:translateY(10px)}43%,60%{opacity:1;transform:translateY(0)}61%{opacity:0;transform:translateY(-10px)}100%{opacity:0}}.review-content{animation-name:phase-2-content}@keyframes ai-shimmer-effect{0%,44%{left:-100%;opacity:0}46%{opacity:1}100%,48%{left:150%;opacity:0}}@keyframes show-ai-labels{0%,48%{opacity:0;transform:translateY(5px)}50%,60%{opacity:1;transform:translateY(0)}61%{opacity:0;transform:translateY(-5px)}100%{opacity:0}}@keyframes pulse-airplane-icon{0%,100%{opacity:1}50%{opacity:.4}}@keyframes phase-3-content{0%,60%{opacity:0;transform:translateY(10px)}63%,80%{opacity:1;transform:translateY(0)}81%{opacity:0;transform:translateY(-10px)}100%{opacity:0}}.export-content{animation-name:phase-3-content}@keyframes phase-4-content{0%,80%{opacity:0;transform:translateY(10px)}83%,98%{opacity:1;transform:translateY(0)}99%{opacity:0;transform:translateY(-10px)}100%{opacity:0}}.upload-content{animation-name:phase-4-content}@keyframes upload-progress{0%,83%{width:0%}100%,93%{width:100%}}@keyframes fade-out-uploading{0%,93%{opacity:1}100%,94%{opacity:0}}@keyframes fade-in-success{0%,93%{opacity:0;transform:scale(.9)}95%,98%{opacity:1;transform:scale(1)}100%,99%{opacity:0}}.app-bar{position:absolute;top:0;width:100%;height:40px;background-color:#edf2f7;display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:#4a5568;font-size:12px;font-weight:500;z-index:20}.app-bar span{display:block}.app-bar .material-symbols-outlined{font-size:20px;font-weight:400}.app-bar.bottom{top:auto;bottom:0;height:50px;justify-content:space-around;border-top:1px solid #e2e8f0;background-color:#fff;color:#718096}.app-bar.bottom .icon-button{display:flex;flex-direction:column;align-items:center;font-size:10px;color:#718096}.app-bar.bottom .icon-button .material-symbols-outlined{font-size:22px;margin-bottom:2px;color:#718096}.app-bar.bottom.review-bottom .icon-button.active .material-symbols-outlined,.app-bar.bottom.review-bottom .icon-button.active span{color:#4f8a4e}.app-bar.export-top,.app-bar.review-bottom,.app-bar.review-top,.app-bar.upload-top{animation-duration:20s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;opacity:0}.app-bar.review-bottom,.app-bar.review-top{animation-name:phase-2-content}.app-bar.export-top{animation-name:phase-3-content}.app-bar.upload-top{animation-name:phase-4-content}