.wifi-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;align-items:start}.wifi-form,.wifi-preview{background:var(--surface);border:1px solid var(--line);padding:28px;min-width:0}.wifi-form h2,.wifi-preview h2{font:400 24px/1.2 Georgia,serif;margin-bottom:24px}.wifi-form .wifi-field{margin-bottom:22px}.wifi-form label.field-label{font-size:13px;color:var(--text)}.wifi-form input[type=text],.wifi-form input[type=password],.wifi-form select{display:block;width:100%;font-size:16px}.wifi-form .hint{margin-top:7px}.wifi-check{display:flex;gap:8px;align-items:center;font-size:13px;margin-top:12px}.wifi-preview{text-align:center;background:#e3e9d3;border-top:4px solid #3a5136}.wifi-preview .qr-stage{display:grid;place-items:center;min-height:285px;background:#fff;padding:12px;border:1px solid #c8ccc0;margin-bottom:18px}.wifi-preview canvas{display:block;width:100%;height:auto;max-width:300px;image-rendering:pixelated}.wifi-placeholder{color:#68745b;max-width:215px;font-size:14px}.wifi-network-name{font-family:Consolas,monospace;font-size:17px;overflow-wrap:anywhere;white-space:pre-wrap;min-height:26px}.wifi-preview .actions{justify-content:center;margin-top:16px}.wifi-preview .hint{color:#525e46}.wifi-instructions{margin-top:30px;max-width:720px}.wifi-instructions h2{font:400 24px Georgia,serif;margin-bottom:12px}.wifi-instructions p{color:var(--muted);font-size:14px;margin:10px 0}.wifi-form .actions{margin-top:24px}.wifi-layout button:disabled{cursor:not-allowed}.wifi-page .privacy-note{max-width:710px}.wifi-page .message{min-height:24px}@media(max-width:720px){.wifi-layout{grid-template-columns:1fr;gap:20px}.wifi-form,.wifi-preview{padding:20px}.wifi-preview{max-width:100%}}