.qr-scanner{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.scanner-start{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding:var(--space-2xl);text-align:center}.scanner-icon{font-size:4rem}.scanner-start p{color:var(--color-text-secondary);max-width:300px}.scanner-divider{color:var(--color-text-muted);font-size:var(--text-sm)}.scanner-active{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);width:100%}.video-container{position:relative;width:100%;max-width:400px;aspect-ratio:1;border-radius:var(--radius-xl);overflow:hidden;background:#000}.scanner-video{width:100%;height:100%;object-fit:cover}.scanner-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.scanner-frame{width:60%;height:60%;border:3px solid var(--color-accent-primary);border-radius:var(--radius-lg);box-shadow:0 0 0 9999px #00000080;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.scanning-hint{color:var(--color-text-muted);font-size:var(--text-sm)}.scanner-result{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);width:100%;max-width:400px;text-align:center}.result-icon{font-size:3rem}.result-content{width:100%;padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border);word-break:break-all}.result-content code{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-primary)}.result-actions{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.scanner-error{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm)}.result-parsed{width:100%;display:flex;flex-direction:column;gap:var(--space-md)}.parsed-label{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary)}.parsed-fields{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.parsed-field{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.field-label{font-size:var(--text-sm);color:var(--color-text-secondary);min-width:80px}.field-value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-primary);word-break:break-all}.field-value.large{font-size:var(--text-lg);font-weight:600}.field-value.password{font-family:var(--font-mono);background:var(--color-bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm)}.btn-sm{padding:4px 8px;font-size:var(--text-xs)}