.customer-scanner{gap:17px;display:grid}.scanner-camera{aspect-ratio:16/9;background:#edf2e6;border:1px solid #dde6d5;border-radius:20px;place-items:center;display:grid;position:relative;overflow:hidden}.scanner-camera video{object-fit:cover;opacity:0;width:100%;height:100%;position:absolute}.scanner-camera.is-open video{opacity:1}.scanner-idle{text-align:center;place-items:center;gap:8px;padding:22px;display:grid}.scanner-idle svg{color:#466849;width:48px;height:48px;margin-bottom:5px}.scanner-idle strong{font-size:19px}.scanner-idle span{color:#6c7c6e;font-size:15px}.scanner-guide{aspect-ratio:1;z-index:1;border:2px solid #e3edc8;border-radius:15px;width:42%;display:none;box-shadow:0 0 0 1000px #09241855}.is-open .scanner-guide{display:block}.scanner-start{justify-content:center;width:100%}.scanner-input{gap:8px;font-size:15px;font-weight:600;display:grid}.scanner-input input{border:1px solid #d9e1d2;border-radius:12px;width:100%;min-height:52px;padding:12px 15px;font-size:16px}.scanner-feedback{background:#f0f4e8;border-radius:12px;padding:14px 17px;font-size:15px}.scanner-hint{color:#6b7a6d;font-size:14px}