.scanner-container.svelte-2164l3{aspect-ratio:1;background-color:var(--bg-tertiary);border-radius:var(--radius-lg);justify-content:center;align-items:center;width:100%;max-width:500px;margin:0 auto;display:flex;position:relative;overflow:hidden}.video-preview.svelte-2164l3{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.qr-canvas.svelte-2164l3{display:none}.scanner-overlay.svelte-2164l3{justify-content:center;align-items:center;gap:var(--space-xl);background:linear-gradient(#00000080 0%,#0000001a 30% 70%,#00000080 100%);flex-direction:column;display:flex;position:absolute;inset:0}.scanner-frame.svelte-2164l3{border:3px solid var(--accent-primary);border-radius:var(--radius-md);width:250px;height:250px;box-shadow:0 0 0 9999px #0000004d}.scanner-hint.svelte-2164l3{color:#fff;font-size:var(--text-sm);text-shadow:0 2px 4px #00000080;padding:0 var(--space-lg);text-align:center;font-weight:500}.error-message.svelte-2164l3{text-align:center;padding:var(--space-xl);gap:var(--space-lg);flex-direction:column;align-items:center;display:flex}.error-message.svelte-2164l3 p:where(.svelte-2164l3){color:var(--error);font-weight:500}.loading-overlay.svelte-2164l3{background-color:var(--bg-tertiary);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading-overlay.svelte-2164l3 p:where(.svelte-2164l3){color:var(--text-secondary);font-weight:500}