.camera-panel h3{font-size:16px;letter-spacing:-.025em;margin-bottom:13px;font-weight:520}.camera-viewport{position:relative;aspect-ratio:16/10;background:#192b2f;border-radius:12px;overflow:hidden;isolation:isolate}.camera-viewport video{display:block;width:100%;height:100%;object-fit:contain;background:#192b2f}.camera-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#759092}.camera-placeholder svg{width:47px;height:47px;fill:none;stroke:currentColor;stroke-width:1.2}.camera-has-preview .camera-placeholder{display:none}.camera-guide{position:absolute;left:12%;top:50%;width:76%;aspect-ratio:1.58;transform:translateY(-50%);border:1px solid #defff02b;border-radius:9px;pointer-events:none}.camera-guide>span{position:absolute;width:25px;height:25px;border-color:#bae1d6;border-style:solid;border-width:0}.camera-guide>span:nth-child(1){top:-1px;left:-1px;border-top-width:2px;border-left-width:2px;border-top-left-radius:9px}.camera-guide>span:nth-child(2){top:-1px;right:-1px;border-top-width:2px;border-right-width:2px;border-top-right-radius:9px}.camera-guide>span:nth-child(3){bottom:-1px;left:-1px;border-bottom-width:2px;border-left-width:2px;border-bottom-left-radius:9px}.camera-guide>span:nth-child(4){bottom:-1px;right:-1px;border-bottom-width:2px;border-right-width:2px;border-bottom-right-radius:9px}.camera-mrz-guide{position:absolute;bottom:10%;left:6%;right:6%;font-family:monospace;letter-spacing:.13em;font-size:clamp(12px,2vw,20px);text-align:center;color:#b5d6ca75;border:1px dashed #d1ffee33;line-height:1.7}.camera-live{position:absolute;left:14px;top:14px;font-size:9px;letter-spacing:.07em;color:#e6f5ee;padding:5px 8px;background:#183832b8;border-radius:5px}.camera-live:before{content:'';display:inline-block;width:5px;height:5px;background:#a6dac1;border-radius:50%;margin-right:6px}.camera-guide-text,.camera-session-note{font-size:11px;line-height:1.7;color:var(--muted);margin-top:11px}.camera-status{font-size:13px;line-height:1.6;padding-top:13px;color:var(--ink)}.camera-count{font-size:10px;color:var(--muted);margin-top:5px}.camera-controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.camera-controls .button{font-size:12px;min-height:40px;padding:9px 15px}.camera-receipts{border-top:1px solid var(--line);margin-top:20px;padding-top:16px;font-size:11px;line-height:1.8}.camera-receipts summary{cursor:pointer;color:var(--teal);font-weight:500;font-size:12px}.camera-receipts>p{color:var(--muted);margin-top:10px}.camera-receipts ol{max-height:170px;overflow:auto;padding-left:24px;margin:10px 0}.camera-receipts code{font-size:10px;overflow-wrap:anywhere}.camera-receipts>div{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:12px}.camera-receipts .text-link{font-size:11px;min-height:32px;text-align:left}.camera-unconfirmed{color:var(--amber)}.camera-mode .upload-preview,.camera-mode .dropzone,.camera-mode .batch-list,.camera-mode .upload-actions,.camera-mode .sample-area{display:none!important}.camera-panel button:disabled{cursor:default}
@media(max-width:560px){.camera-panel h3{font-size:15px}.camera-viewport{aspect-ratio:4/3;border-radius:9px}.camera-guide{left:6%;width:88%}.camera-guide-text,.camera-session-note{font-size:10px}.camera-status{font-size:12px}.camera-controls .button{min-height:44px}.camera-mrz-guide{font-size:13px}.camera-receipts summary{font-size:11px}}
.camera-mode.has-result .camera-panel:not(.camera-has-preview) .camera-viewport,.camera-mode.has-result .camera-panel:not(.camera-has-preview)>h3{display:none}.camera-mode.has-result .camera-panel:not(.camera-has-preview) .camera-status{padding-top:0}