body{font-family:monospace;padding:1rem;background:#111;color:#0f0;margin:0}#log{white-space:pre-wrap;overflow-y:auto;background:#000;padding:1rem;border:1px solid #333;border-radius:4px;margin-top:1rem;height:300px}button{padding:.5rem 1rem;margin-bottom:1rem;color:#000;border:none;border-radius:4px;cursor:pointer;font-family:monospace;font-weight:700}#connectBtn{background:#0f0}#connectButton:hover{background:#0d0}#resetBtn{background:red;color:#fff}#resetBtn:hover{background:#d00}button:disabled{background:#333;color:#666;cursor:not-allowed}table{width:100%;border-collapse:collapse;margin:1rem 0;background:#000;border:1px solid #333;border-radius:4px;font-family:monospace;font-size:.9rem;table-layout:fixed}th{background:#0f0;color:#000;padding:.75rem;text-align:left;font-weight:700;border-bottom:2px solid #333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:16.66%}td{padding:.5rem .75rem;border-bottom:1px solid #333;color:#0f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:16.66%}tr:hover{background:#1a1a1a}tr:nth-child(2n){background:#0a0a0a}tr:nth-child(2n):hover{background:#1a1a1a}#portsTableWrapper{margin:1rem 0;padding:1rem;background:#000;border:1px solid #333;border-radius:4px}#portsTableWrapper:empty:after{content:"No ports detected";color:#666;font-style:italic}