.pace-friend-scanner{display:grid;gap:14px;width:100%;min-width:0;color:var(--ink,#13222b);box-sizing:border-box}
.pace-friend-scanner *{box-sizing:border-box}
.pace-friend-scanner .pfs-preview{position:relative;min-width:0;width:100%;aspect-ratio:1.2;background:#122730;border-radius:18px;overflow:hidden;color:#fff;display:grid;place-items:center}
.pace-friend-scanner video{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;opacity:0}
.pace-friend-scanner.pfs-streaming video{opacity:1}
.pace-friend-scanner .pfs-frame{width:65%;aspect-ratio:1;border:2px solid #86e3bf;border-radius:12px;z-index:1;pointer-events:none}
.pace-friend-scanner .pfs-placeholder{position:absolute;bottom:8px;left:10px;right:10px;text-align:center;font-size:13px;margin:0;color:#fff;text-shadow:0 1px 4px #000;pointer-events:none}
.pace-friend-scanner .pfs-status{margin:0;min-height:42px;line-height:1.6;font-size:14px;overflow-wrap:anywhere;color:inherit}
.pace-friend-scanner .pfs-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.pace-friend-scanner button{min-height:44px;min-width:44px;padding:11px 15px;border:1px solid #bed7cc;border-radius:12px;background:#eef9f3;color:#163c2d;font:inherit;font-size:14px;font-weight:600;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
.pace-friend-scanner button:hover{background:#e0f2e9}
.pace-friend-scanner button:focus-visible,.pace-friend-scanner input:focus-visible{outline:3px solid #166c4b;outline-offset:3px}
.pace-friend-scanner button:disabled{opacity:.55;cursor:not-allowed}
.pace-friend-scanner [hidden]{display:none!important}
.pace-friend-scanner .pfs-file{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.pace-friend-scanner .pfs-manual{display:grid;gap:10px;min-width:0;margin:0}
.pace-friend-scanner .pfs-manual label{font-size:14px;font-weight:600}
.pace-friend-scanner .pfs-manual input{width:100%;min-width:0;min-height:46px;border:1px solid #c5d8ce;border-radius:12px;padding:11px 12px;font:inherit;font-size:16px;background:#fff;color:#162922}
.pace-friend-scanner .pfs-manual button{width:100%;background:#176843;color:#fff;border-color:#176843}
.pace-friend-scanner .pfs-note{font-size:12px;line-height:1.6;color:#586b62;margin:0}
.pace-friend-scanner .pfs-cancel{background:#fff;color:#41564a}
@media(prefers-reduced-motion:reduce){.pace-friend-scanner *{animation:none!important;transition:none!important}}