.wifi-tool{gap:1rem;max-width:820px;margin:1.5rem auto 3rem;padding:0 1rem;display:grid}.wifi-panel{border:1px solid var(--border,#e2e2e2);border-radius:1rem;gap:.75rem;padding:1rem 1.25rem 1.25rem;display:grid}.wifi-panel legend{padding:0 .5rem;font-weight:700}.wifi-panel h2{margin:0;font-size:1.05rem}.wifi-drop{border:2px dashed var(--border,#b9b9b9);text-align:center;border-radius:.9rem;justify-items:center;gap:.6rem;padding:1.5rem 1rem;display:grid}.wifi-drop[data-active=true]{border-color:var(--focus,#1a73e8);background:var(--surface-muted,#f0f4f2)}.wifi-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.wifi-metrics{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6rem;display:grid}.wifi-metric{border:1px solid var(--border,#e2e2e2);border-radius:.75rem;gap:.15rem;padding:.6rem .75rem;display:grid}.wifi-metric dt{opacity:.8;font-size:.8rem}.wifi-metric dd{margin:0;font-size:1.15rem;font-weight:700}.wifi-timeline{gap:.35rem;max-height:260px;display:grid;overflow:auto}.wifi-session{border-bottom:1px dotted var(--border,#cfcfcf);flex-wrap:wrap;align-items:baseline;gap:.4rem .8rem;padding:.3rem 0;font-size:.92rem;display:flex}.wifi-badge{border:1px solid var(--border,#c9c9c9);border-radius:999px;padding:.1rem .6rem;font-size:.8rem;font-weight:700}.wifi-badge[data-outcome=connected]{color:#137333;background:#e6f4ea;border-color:#137333}.wifi-badge[data-outcome=disconnected]{color:#8a5a00;background:#fef7e0;border-color:#8a5a00}.wifi-badge[data-outcome=failed]{color:#a50e0e;background:#fce8e6;border-color:#a50e0e}.wifi-reasons{gap:.3rem;margin:0;padding-left:1.25rem;display:grid}.wifi-error{border:1px solid #c0392b;border-radius:.75rem;padding:.6rem .8rem}.wifi-note{opacity:.85;font-size:.9rem}.wifi-steps{gap:.4rem;margin:0;padding-left:1.25rem;display:grid}.wifi-steps code{font-size:.9em}.wifi-switch{align-items:center;gap:.5rem;font-size:.95rem;display:flex}.wifi-switch input{width:22px;height:22px}