.pd-camera-dialog{box-sizing:border-box;width:min(560px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:0;border:1px solid #47cfe088;border-radius:22px;background:#081724;color:#f4fbff;box-shadow:0 24px 80px #0009;overflow:auto;overscroll-behavior:contain}
.pd-camera-dialog::backdrop{background:#020914cc;backdrop-filter:blur(6px)}
.pd-camera-dialog #qrScannerPanel,.pd-camera-dialog #qrInlinePanel{box-sizing:border-box;display:flex!important;flex-direction:column;gap:12px;margin:0!important;padding:18px!important;max-width:100%;background:linear-gradient(155deg,#0c2434,#08131f);border:0;border-radius:0}
.pd-camera-dialog .qr-head,.pd-camera-dialog .qr-inline-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0}.pd-camera-dialog h3{font-size:18px;line-height:1.4;margin:4px 0}.pd-camera-dialog .kicker{font-size:10px;color:#6ee7f1}
.pd-camera-dialog button,.pd-camera-dialog .btn{min-height:44px;cursor:pointer}.pd-camera-dialog .icon-btn{min-width:44px;font-size:25px;border:1px solid #4d849d;border-radius:12px;background:#102f41;color:#fff}
.pd-camera-dialog .qr-video-wrap{flex:0 0 auto;position:relative;width:100%;height:clamp(140px,42dvh,360px);min-height:0!important;border:1px solid #35c9dc88;border-radius:16px;overflow:hidden;background:#02070c}
.pd-camera-dialog .qr-video-wrap video{display:block;width:100%;height:100%!important;max-height:none!important;object-fit:contain!important}
.pd-camera-dialog .qr-frame,.pd-camera-dialog .qr-target{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(54vw,26dvh,220px);height:auto;aspect-ratio:1;border:3px solid #66e9ef;border-radius:18px;box-shadow:0 0 0 999px #0003,0 0 20px #2ecfdd33;pointer-events:none}
.pd-camera-dialog #qrStatus{margin:0;font-size:13px;line-height:1.55;color:#c1d7e0;overflow-wrap:anywhere}.pd-camera-dialog .toolbar,.pd-camera-dialog .qr-tools{display:flex;flex-wrap:wrap;gap:8px;margin:0!important}.pd-camera-dialog .toolbar>*{flex:1 1 auto}.pd-camera-dialog .qr-inline-head .muted{font-size:12px;line-height:1.5}
@media(max-width:480px){.pd-camera-dialog #qrScannerPanel,.pd-camera-dialog #qrInlinePanel{padding:14px!important;gap:10px}.pd-camera-dialog .qr-inline-head{align-items:flex-start}.pd-camera-dialog .qr-inline-head .muted{display:none}.pd-camera-dialog h3{font-size:16px}}
@media(max-height:420px){.pd-camera-dialog .qr-video-wrap{height:40dvh}.pd-camera-dialog .kicker,.pd-camera-dialog .qr-inline-head .muted{display:none}.pd-camera-dialog #qrStatus{font-size:11px}.pd-camera-dialog #qrScannerPanel,.pd-camera-dialog #qrInlinePanel{gap:6px;padding:10px!important}}