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