.wifi-form{display:flex;flex-direction:column;gap:var(--space-4)}.password-wrapper{position:relative}.password-wrapper .form-input{padding-right:3rem}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center}.encryption-options{display:flex;gap:var(--space-2);flex-wrap:wrap}.encryption-options label{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-normal)}.encryption-options label:has(input:checked){border-color:var(--color-accent);background:var(--color-accent-light);color:var(--color-accent)}.encryption-options input[type=radio]{display:none}.hidden-network{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.qr-output{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6) 0}.qr-output canvas,.qr-output img{border-radius:var(--radius-md);max-width:100%}.privacy-note{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-xs);color:var(--color-text-tertiary);padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.print-card-section{margin-top:var(--space-4)}.wifi-card-preview{background:#fff;border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;color:#333}.wifi-card-preview h3{font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.wifi-card-preview .wifi-info{font-size:var(--font-size-sm);color:#666;margin-top:var(--space-3)}.wifi-card-preview .wifi-info p{margin:.25rem 0}