.image-capture-container{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background:#fff;padding:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;width:100%;max-width:100vw}.image-capture-header{text-align:center;padding:16px 20px 12px;width:100%;background:transparent;flex-shrink:0}.image-capture-header .image-capture-logo{width:220px;height:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.15))}.image-capture-card{width:100%;max-width:100%;border-radius:20px 20px 0 0;box-shadow:0 -2px 10px #0000000d;border-top:1px solid #f0f0f0;flex:1;display:flex;flex-direction:column;margin-top:auto;background:#fff;overflow-x:hidden;padding-bottom:40px}.image-capture-card .ant-card-body{padding:20px;display:flex;flex-direction:column;flex:1;overflow-x:hidden;overflow-y:auto;width:100%;max-width:100%}.image-capture-card .camera-section{margin-bottom:24px;flex-shrink:0;padding:0 12px}.image-capture-card .camera-section .camera-wrapper{width:100%;min-height:50vh;min-height:50dvh;max-height:60vh;max-height:60dvh;margin-bottom:16px;border-radius:12px;overflow:hidden;background:#000;display:flex;justify-content:center;align-items:center;position:relative;max-width:100%}.image-capture-card .camera-section .camera-wrapper .camera-video{width:100%;max-width:100%;height:100%;object-fit:cover}.image-capture-card .camera-section .camera-wrapper .captured-image{width:100%;max-width:100%;height:100%;object-fit:contain}.image-capture-card .camera-section .camera-wrapper .captured-wrapper{width:100%;height:100%;position:relative}.image-capture-card .camera-section .camera-wrapper .captured-wrapper .clear-ocr-btn{position:absolute;top:8px;right:8px;background:#00000080;color:#fff;border:none;border-radius:50%;width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center}.image-capture-card .camera-section .camera-wrapper .captured-wrapper .clear-ocr-btn:hover{background:#ff4d4fcc}.image-capture-card .camera-section .camera-wrapper .camera-preview-wrapper{width:100%;height:100%;position:relative}.image-capture-card .camera-section .camera-wrapper .camera-preview-wrapper .camera-video{width:100%;height:100%;object-fit:cover}.image-capture-card .camera-section .camera-wrapper .camera-preview-wrapper .camera-guide-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:85%;height:70%;border:3px solid rgba(82,196,26,.9);pointer-events:none;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 9999px #0006}.image-capture-card .camera-section .camera-wrapper .camera-preview-wrapper .camera-guide-frame .guide-corner{position:absolute;width:32px;height:32px;border-color:#52c41a;border-style:solid;border-width:0}.image-capture-card .camera-section .camera-wrapper .camera-preview-wrapper .camera-guide-frame .guide-corner.top-left{top:-3px;left:-3px;border-top-width:5px;border-left-width:5px}.image-capture-card .camera-section .camera-wrapper .camera-preview-wrapper .camera-guide-frame .guide-corner.top-right{top:-3px;right:-3px;border-top-width:5px;border-right-width:5px}.image-capture-card .camera-section .camera-wrapper .camera-preview-wrapper .camera-guide-frame .guide-corner.bottom-left{bottom:-3px;left:-3px;border-bottom-width:5px;border-left-width:5px}.image-capture-card .camera-section .camera-wrapper .camera-preview-wrapper .camera-guide-frame .guide-corner.bottom-right{bottom:-3px;right:-3px;border-bottom-width:5px;border-right-width:5px}.image-capture-card .camera-section .camera-wrapper .camera-preview-wrapper .camera-guide-frame .guide-text{color:#fff;font-size:14px;font-weight:600;text-align:center;padding:8px 16px;background:#52c41ae6;border-radius:6px}.image-capture-card .camera-section .camera-wrapper .camera-preview-wrapper .camera-guide-frame .guide-hint{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);font-size:12px;color:#fffc;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.8)}.image-capture-card .camera-section .camera-wrapper .ocr-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:12px;font-size:14px}.image-capture-card .camera-section .camera-wrapper .capture-canvas{display:none}.image-capture-card .camera-section .camera-controls{width:100%;padding:0 4px}.image-capture-card .camera-section .camera-controls .camera-buttons-row{display:flex;gap:12px;width:100%}.image-capture-card .camera-section .camera-controls .camera-buttons-row .ant-btn{flex:1}.image-capture-card .camera-section .camera-controls .ant-btn{height:48px;font-size:16px;font-weight:500;border-radius:12px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;padding:0 24px}.image-capture-card .camera-section .camera-language-selector{width:100%;margin-top:16px;padding:0 4px}.image-capture-card .camera-section .camera-language-selector .language-select{width:100%}.image-capture-card .camera-section .camera-language-selector .language-select .ant-select-selector{border-radius:8px;border:1px solid #d9d9d9;transition:all .3s;height:48px}.image-capture-card .camera-section .camera-language-selector .language-select .ant-select-selector:hover{border-color:#40a9ff}.image-capture-card .camera-section .camera-language-selector .language-select.ant-select-focused .ant-select-selector{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.image-capture-card .camera-section .camera-language-selector .language-select .ant-select-selection-item{line-height:46px;font-size:15px;display:flex;align-items:center;gap:8px}.image-capture-card .camera-section .camera-language-selector .language-select .ant-select-selection-item span{display:flex;align-items:center;gap:8px}.image-capture-card .camera-section .camera-language-selector .language-select .ant-select-selection-item span span:first-child{font-size:18px;line-height:1}.image-capture-card .camera-section .camera-language-selector .language-select .ant-select-item-option-content{display:flex;align-items:center;gap:8px}.image-capture-card .camera-section .camera-language-selector .language-select .ant-select-item-option-content span:first-child{font-size:18px;line-height:1}.image-capture-card .ocr-inputs-section{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 12px}.image-capture-card .ocr-inputs-section .ocr-result-display{background:#1e1e1e;border-radius:12px;padding:16px;margin-bottom:20px;color:#fff}.image-capture-card .ocr-inputs-section .ocr-result-display .ocr-result-title{font-size:14px;font-weight:600;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.2)}.image-capture-card .ocr-inputs-section .ocr-result-display .ocr-result-json{background:transparent;margin:0;padding:0;font-size:12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;white-space:pre-wrap;word-break:break-word;color:#4fc3f7;max-height:200px;overflow-y:auto}.image-capture-card .ocr-inputs-section .ocr-result-display .ocr-result-json::-webkit-scrollbar{width:4px}.image-capture-card .ocr-inputs-section .ocr-result-display .ocr-result-json::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.image-capture-card .ocr-inputs-section .ocr-input-row{display:flex;gap:12px;width:100%;flex-wrap:nowrap}.image-capture-card .ocr-inputs-section .ocr-input-row .ocr-input-col{flex:1;min-width:0;flex-shrink:1}.image-capture-card .ocr-inputs-section .input-label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:15px}.image-capture-card .ocr-inputs-section .ant-input{height:48px;font-size:16px;border-radius:12px;border:2px solid #e0e0e0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;padding:0 16px;color:#000}.image-capture-card .ocr-inputs-section .ant-input:focus,.image-capture-card .ocr-inputs-section .ant-input.ant-input-focused{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.image-capture-card .ocr-inputs-section .ant-input input{border-radius:0}.image-capture-card .ocr-inputs-section .ant-btn{height:48px;font-size:16px;font-weight:500;border-radius:12px;margin-top:8px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;padding:0 24px}.image-capture-card .ocr-inputs-section .ant-btn.ant-btn-primary{background:#52c41a;border-color:#52c41a}.image-capture-card .ocr-inputs-section .ant-btn.ant-btn-primary:hover{background:#73d13d;border-color:#73d13d}.image-capture-card .ocr-inputs-section .ocr-confirm-button{margin-bottom:24px!important}.image-capture-footer-spacer{height:60px;width:100%;flex-shrink:0}.ocr-confirm-modal .ant-modal-content{border-radius:20px;overflow:hidden;border:2px solid #52c41a}.ocr-confirm-modal .ant-modal-header{border-radius:20px 20px 0 0;padding:14px 20px;background:linear-gradient(135deg,#52c41a,#73d13d);border-bottom:none}.ocr-confirm-modal .ant-modal-header .ant-modal-title{color:#fff;font-size:16px;font-weight:600;text-align:center}.ocr-confirm-modal .ant-modal-body{padding:16px 20px}.ocr-confirm-modal .ant-modal-footer{padding:12px 20px 16px;border-top:1px solid #e8f5e9;display:flex;flex-direction:row;gap:12px;background:#f6ffed}.ocr-confirm-modal .ant-modal-footer .ant-btn{height:44px;font-size:15px;font-weight:500;border-radius:12px;flex:1;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ocr-confirm-modal .ant-modal-footer .ant-btn-primary{background:#52c41a;border-color:#52c41a}.ocr-confirm-modal .ant-modal-footer .ant-btn-primary:hover{background:#73d13d;border-color:#73d13d}.ocr-confirm-modal .ant-modal-footer .ant-btn-default{border-color:#b7eb8f;color:#389e0d}.ocr-confirm-modal .ant-modal-footer .ant-btn-default:hover{border-color:#95de64;color:#237804}.ocr-confirm-content{display:flex;flex-direction:column;gap:10px}.ocr-confirm-row{display:flex;gap:10px;width:100%}.ocr-confirm-row .ocr-confirm-item{flex:1;min-width:0}.ocr-confirm-item{background:#f6ffed;border-radius:8px;padding:10px 12px;border:1px solid #b7eb8f;display:flex;justify-content:space-between;align-items:center}.ocr-confirm-label{font-size:13px;color:#389e0d;font-weight:600;min-width:80px}.ocr-confirm-value{font-size:15px;font-weight:600;color:#135200;word-break:break-word;text-align:right;flex:1}@media (max-width: 480px){.image-capture-container{padding:0}.image-capture-header{padding:12px 16px 8px}.image-capture-header .image-capture-logo{width:180px}.image-capture-card{border-radius:20px 20px 0 0}.image-capture-card .ant-card-body{padding:16px}.image-capture-card .camera-section{margin-bottom:20px}.image-capture-card .camera-section .camera-wrapper{min-height:45vh;min-height:45dvh;max-height:55vh;max-height:55dvh;border-radius:12px;margin-bottom:12px}.image-capture-card .camera-section .camera-controls .ant-btn{height:44px;font-size:15px}.image-capture-card .camera-section .camera-controls .camera-buttons-row{flex-direction:row}.image-capture-card .ocr-inputs-section .input-label{font-size:14px;margin-bottom:6px}.image-capture-card .ocr-inputs-section .ant-input,.image-capture-card .ocr-inputs-section .ant-btn{height:44px;font-size:15px}.ocr-confirm-modal{margin:0;max-width:100%;top:0;padding-bottom:0}.ocr-confirm-modal .ant-modal-content{border-radius:20px 20px 0 0;min-height:auto;max-height:90vh;display:flex;flex-direction:column}.ocr-confirm-modal .ant-modal-body{flex:1;overflow-y:auto;padding:20px 16px}.ocr-confirm-modal .ant-modal-footer{padding:16px;flex-direction:row}.ocr-confirm-modal .ant-modal-footer .ant-btn{flex:1;margin:0}.ocr-confirm-modal .ocr-confirm-row{flex-direction:row;gap:10px}.ocr-confirm-modal .ocr-confirm-content{gap:10px}.ocr-confirm-modal .ocr-confirm-item{padding:10px 12px}.ocr-confirm-modal .ocr-confirm-label{font-size:12px;min-width:70px}.ocr-confirm-modal .ocr-confirm-value{font-size:14px}}@media (max-width: 360px){.image-capture-header .image-capture-logo{width:160px}.image-capture-card .camera-section .camera-wrapper{min-height:40vh;min-height:40dvh}}.image-capture-container::-webkit-scrollbar,.image-capture-card .ant-card-body::-webkit-scrollbar,.ocr-inputs-section::-webkit-scrollbar{width:4px}.image-capture-container::-webkit-scrollbar-track,.image-capture-card .ant-card-body::-webkit-scrollbar-track,.ocr-inputs-section::-webkit-scrollbar-track{background:transparent}.image-capture-container::-webkit-scrollbar-thumb,.image-capture-card .ant-card-body::-webkit-scrollbar-thumb,.ocr-inputs-section::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.qr-scan-container{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background:#fff;padding:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;width:100%;max-width:100vw}.qr-scan-header{text-align:center;padding:16px 20px 12px;width:100%;background:transparent;flex-shrink:0}.qr-scan-header .qr-scan-logo{width:220px;height:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.15))}.qr-scan-card{width:100%;max-width:100%;border-radius:20px 20px 0 0;box-shadow:0 -2px 10px #0000000d;border-top:1px solid #f0f0f0;flex:1;display:flex;flex-direction:column;margin-top:auto;background:#fff;overflow-x:hidden;padding-bottom:40px}.qr-scan-card .ant-card-body{padding:20px;display:flex;flex-direction:column;flex:1;overflow-x:hidden;overflow-y:auto;width:100%;max-width:100%}.qr-scan-card .qr-scan-title{text-align:center;margin-bottom:20px!important;color:#333;font-size:20px!important;font-weight:600!important}.qr-scan-card .qr-scanner-section{margin-bottom:24px;flex-shrink:0;padding:0 12px}.qr-scan-card .qr-scanner-section .qr-scanner{width:100%;min-height:50vh;min-height:50dvh;max-height:60vh;max-height:60dvh;margin-bottom:16px;border-radius:12px;overflow:hidden;background:#000;display:flex;justify-content:center;align-items:center;position:relative;max-width:100%}.qr-scan-card .qr-scanner-section .qr-scanner video{width:100%;max-width:100%;height:100%;object-fit:cover}.qr-scan-card .qr-scanner-section .qr-scanner canvas{position:absolute;top:0;left:0;width:100%;max-width:100%;height:100%}.qr-scan-card .qr-scanner-section .qr-controls{width:100%;padding:0 4px}.qr-scan-card .qr-scanner-section .qr-controls .ant-btn{height:48px;font-size:16px;font-weight:500;border-radius:12px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;padding:0 24px}.qr-scan-card .qr-scanner-section .qr-controls .ant-switch{min-width:50px;height:28px;touch-action:manipulation}.qr-scan-card .qr-scanner-section .qr-controls .ant-switch-handle{width:24px;height:24px}.qr-scan-card .qr-scanner-section .qr-controls .ant-switch-checked .ant-switch-handle{left:calc(100% - 26px)}.qr-scan-card .qr-scanner-section .qr-language-selector{width:100%;margin-top:16px;padding:0 4px}.qr-scan-card .qr-scanner-section .qr-language-selector .language-select{width:100%}.qr-scan-card .qr-scanner-section .qr-language-selector .language-select .ant-select-selector{border-radius:8px;border:1px solid #d9d9d9;transition:all .3s;height:48px}.qr-scan-card .qr-scanner-section .qr-language-selector .language-select .ant-select-selector:hover{border-color:#40a9ff}.qr-scan-card .qr-scanner-section .qr-language-selector .language-select.ant-select-focused .ant-select-selector{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.qr-scan-card .qr-scanner-section .qr-language-selector .language-select .ant-select-selection-item{line-height:46px;font-size:15px;display:flex;align-items:center;gap:8px}.qr-scan-card .qr-scanner-section .qr-language-selector .language-select .ant-select-selection-item span{display:flex;align-items:center;gap:8px}.qr-scan-card .qr-scanner-section .qr-language-selector .language-select .ant-select-selection-item span span:first-child{font-size:18px;line-height:1}.qr-scan-card .qr-scanner-section .qr-language-selector .language-select .ant-select-item-option-content{display:flex;align-items:center;gap:8px}.qr-scan-card .qr-scanner-section .qr-language-selector .language-select .ant-select-item-option-content span:first-child{font-size:18px;line-height:1}.qr-scan-card .qr-inputs-section{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 12px}.qr-scan-card .qr-inputs-section .qr-input-row{display:flex;gap:12px;width:100%;flex-wrap:nowrap}.qr-scan-card .qr-inputs-section .qr-input-row .qr-input-col{flex:1;min-width:0;flex-shrink:1}.qr-scan-card .qr-inputs-section .input-label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:15px}.qr-scan-card .qr-inputs-section .ant-input{height:48px;font-size:16px;border-radius:12px;border:2px solid #e0e0e0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;padding:0 16px;color:#000}.qr-scan-card .qr-inputs-section .ant-input:focus,.qr-scan-card .qr-inputs-section .ant-input.ant-input-focused{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.qr-scan-card .qr-inputs-section .ant-input[disabled]{background-color:#f5f5f5;color:#000}.qr-scan-card .qr-inputs-section .ant-input input{border-radius:0}.qr-scan-card .qr-inputs-section .ant-btn{height:48px;font-size:16px;font-weight:500;border-radius:12px;margin-top:8px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;padding:0 24px}.qr-scan-card .qr-inputs-section .ant-btn.ant-btn-primary{background:#52c41a;border-color:#52c41a}.qr-scan-card .qr-inputs-section .ant-btn.ant-btn-primary:hover{background:#73d13d;border-color:#73d13d}.qr-scan-card .qr-inputs-section .qr-confirm-button{margin-bottom:24px!important}.qr-scan-footer-spacer{height:60px;width:100%;flex-shrink:0}.qr-confirm-modal .ant-modal-content{border-radius:20px;overflow:hidden;border:2px solid #52c41a}.qr-confirm-modal .ant-modal-header{border-radius:20px 20px 0 0;padding:14px 20px;background:linear-gradient(135deg,#52c41a,#73d13d);border-bottom:none}.qr-confirm-modal .ant-modal-header .ant-modal-title{color:#fff;font-size:16px;font-weight:600;text-align:center}.qr-confirm-modal .ant-modal-body{padding:16px 20px}.qr-confirm-modal .ant-modal-footer{padding:12px 20px 16px;border-top:1px solid #e8f5e9;display:flex;flex-direction:row;gap:12px;background:#f6ffed}.qr-confirm-modal .ant-modal-footer .ant-btn{height:44px;font-size:15px;font-weight:500;border-radius:12px;flex:1;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.qr-confirm-modal .ant-modal-footer .ant-btn-primary{background:#52c41a;border-color:#52c41a}.qr-confirm-modal .ant-modal-footer .ant-btn-primary:hover{background:#73d13d;border-color:#73d13d}.qr-confirm-modal .ant-modal-footer .ant-btn-default{border-color:#b7eb8f;color:#389e0d}.qr-confirm-modal .ant-modal-footer .ant-btn-default:hover{border-color:#95de64;color:#237804}.qr-confirm-content{display:flex;flex-direction:column;gap:10px}.qr-confirm-row{display:flex;gap:10px;width:100%}.qr-confirm-row .qr-confirm-item{flex:1;min-width:0}.qr-confirm-item{background:#f6ffed;border-radius:8px;padding:10px 12px;border:1px solid #b7eb8f;display:flex;justify-content:space-between;align-items:center}.qr-confirm-label{font-size:13px;color:#389e0d;font-weight:600;min-width:80px}.qr-confirm-value{font-size:15px;font-weight:600;color:#135200;word-break:break-word;text-align:right;flex:1}@media (max-width: 480px){.qr-scan-container{padding:0}.qr-scan-header{padding:12px 16px 8px}.qr-scan-header .qr-scan-logo{width:180px}.qr-scan-card{border-radius:20px 20px 0 0}.qr-scan-card .ant-card-body{padding:16px}.qr-scan-card .qr-scan-title{font-size:18px!important;margin-bottom:16px!important}.qr-scan-card .qr-scanner-section{margin-bottom:20px}.qr-scan-card .qr-scanner-section .qr-scanner{min-height:45vh;min-height:45dvh;max-height:55vh;max-height:55dvh;border-radius:12px;margin-bottom:12px}.qr-scan-card .qr-scanner-section .qr-controls .ant-btn{height:44px;font-size:15px}.qr-scan-card .qr-inputs-section .input-label{font-size:14px;margin-bottom:6px}.qr-scan-card .qr-inputs-section .ant-input,.qr-scan-card .qr-inputs-section .ant-btn{height:44px;font-size:15px}.qr-confirm-modal{margin:0;max-width:100%;top:0;padding-bottom:0}.qr-confirm-modal .ant-modal-content{border-radius:20px 20px 0 0;min-height:auto;max-height:90vh;display:flex;flex-direction:column}.qr-confirm-modal .ant-modal-body{flex:1;overflow-y:auto;padding:20px 16px}.qr-confirm-modal .ant-modal-footer{padding:16px;flex-direction:row}.qr-confirm-modal .ant-modal-footer .ant-btn{flex:1;margin:0}.qr-confirm-modal .qr-confirm-row{flex-direction:row;gap:10px}.qr-confirm-modal .qr-confirm-content{gap:10px}.qr-confirm-modal .qr-confirm-item{padding:10px 12px}.qr-confirm-modal .qr-confirm-label{font-size:12px;min-width:70px}.qr-confirm-modal .qr-confirm-value{font-size:14px}}@media (max-width: 360px){.qr-scan-header .qr-scan-logo{width:160px}.qr-scan-card .qr-scanner-section .qr-scanner{min-height:40vh;min-height:40dvh}}*{-webkit-tap-highlight-color:transparent}.qr-scan-container::-webkit-scrollbar,.qr-scan-card .ant-card-body::-webkit-scrollbar,.qr-inputs-section::-webkit-scrollbar{width:4px}.qr-scan-container::-webkit-scrollbar-track,.qr-scan-card .ant-card-body::-webkit-scrollbar-track,.qr-inputs-section::-webkit-scrollbar-track{background:transparent}.qr-scan-container::-webkit-scrollbar-thumb,.qr-scan-card .ant-card-body::-webkit-scrollbar-thumb,.qr-inputs-section::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}