.connection-local { font-size:12px; line-height:1.65; }
.connection-local label { display:block; margin:12px 0; font-weight:600; }
.connection-local input { display:block; width:100%; box-sizing:border-box; padding:10px 12px; margin-top:5px; color:inherit; background:var(--surface, #f4f4f4); border:1px solid var(--border, #cbd1db); border-radius:3px; font:inherit; }
.connection-local input:focus-visible,.connection-local button:focus-visible { outline:2px solid #6c86b5; outline-offset:3px; }
.connection-local pre { max-height:280px; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; }
.connection-local button:disabled { opacity:.5; cursor:not-allowed; }
.connection-hint { color:var(--text-mid, #4d6689); }
.connection-addresses { border:1px solid var(--border, #cbd1db); padding:20px; margin:20px 0; }
.connection-addresses code,.hconnect code { overflow-wrap:anywhere; word-break:break-word; }
.connection-addresses p { margin:8px 0; }
.connection-addresses button { margin:6px 8px 6px 0; }