.st-camera-scanner{text-align:start;color:#172e40;background:#fff;border:1px solid #e7d6cb;border-radius:20px;width:100%;max-width:680px;margin:16px auto;overflow:hidden;box-shadow:0 10px 30px #18242f0b}.st-camera-heading{background:#fff6ef;border-bottom:1px solid #f1e4d9;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.st-camera-heading>span{align-items:center;gap:9px;font-size:14px;font-weight:700;display:flex}.st-camera-heading svg,.st-camera-trigger svg{flex-shrink:0;width:21px;height:21px}.st-camera-scanner .st-camera-close{color:#755137;background:#fff;border:1px solid #e8d9cc;border-radius:12px;place-items:center;width:40px;min-width:40px;min-height:40px;padding:0;font-size:25px;line-height:1;display:grid}.st-camera-view{aspect-ratio:4/3;background:#142433;max-height:420px;position:relative;overflow:hidden}.st-camera-view video{object-fit:contain;width:100%;height:100%;display:block}.st-camera-guide{pointer-events:none;border-radius:14px;position:absolute;inset:21% 10%;box-shadow:0 0 0 1200px #06162255}.st-camera-guide i{border:3px solid #ffc398;width:27px;height:27px;position:absolute}.st-camera-guide i:first-child{border-bottom:0;border-right:0;border-radius:11px 0 0;top:0;left:0}.st-camera-guide i:nth-child(2){border-bottom:0;border-left:0;border-radius:0 11px 0 0;top:0;right:0}.st-camera-guide i:nth-child(3){border-top:0;border-right:0;border-radius:0 0 0 11px;bottom:0;left:0}.st-camera-guide i:nth-child(4){border-top:0;border-left:0;border-radius:0 0 11px;bottom:0;right:0}.st-camera-error{aspect-ratio:5/2;max-height:180px}.st-camera-error-symbol{color:#ffc398;place-items:center;display:grid;position:absolute;inset:0}.st-camera-error-symbol svg{width:54px;height:54px}.st-camera-scanner .st-camera-status{color:#4e6170;margin:0;padding:14px 16px 8px;font-size:14px;line-height:1.5}.st-camera-status[role=alert]{color:#9e352b}.st-camera-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:8px 16px 16px;display:flex}.st-camera-scanner .st-camera-actions button{color:#203b4d;background:#f8fafb;border:1px solid #d6e0e5;border-radius:12px;min-height:44px;padding:9px 15px;font-size:13px;font-weight:700}.st-camera-scanner button:focus-visible,.st-camera-scanner select:focus-visible{outline-offset:3px;outline:3px solid #ec8a49}.st-camera-choice{align-items:center;gap:10px;padding:5px 16px;font-size:13px;font-weight:600;display:flex}.st-camera-choice select{color:#203b4d;background:#fff;border:1px solid #d6e0e5;border-radius:10px;width:100%;min-width:0;min-height:42px;padding:8px}.st-camera-trigger{justify-content:center;align-items:center;gap:9px;display:inline-flex!important}.sa-scan-methods{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:18px;display:flex}.sa-scan-methods .st-camera-trigger{min-height:48px;padding:12px 23px}.sa-scan-methods>span{color:#667b87;font-size:13px}.sa-barcode-camera{margin:12px 0}@media (max-width:600px){.st-camera-scanner{border-radius:16px}.st-camera-view{max-height:330px}.st-camera-heading{padding:10px 12px}.st-camera-status{font-size:13px}.sa-scan-methods .st-camera-trigger{width:100%}.sa-scan-methods>span{display:none}}@media (prefers-reduced-motion:reduce){.st-camera-scanner *{scroll-behavior:auto}}