.port-range{display:flex;gap:16px;align-items:end;margin-top:20px;flex-wrap:wrap}.port-range label{flex:1;min-width:110px}.port-range input{display:block;width:100%;margin-top:8px;padding:12px;color:#f7fbff;background:#07111f;border:1px solid #23425d;border-radius:10px}.port-range button{padding:12px}#port-progress{width:100%;height:16px;accent-color:#22d3ee}#port-host{overflow-wrap:anywhere}#port-stop{margin-top:10px;padding:12px 24px}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}

.port-protocol{display:flex;gap:12px;flex-wrap:wrap;border:0;padding:0;margin:0 0 24px}.port-protocol legend{color:#9fb1c4;margin-bottom:12px}.port-protocol label{padding:12px 18px;border:1px solid #23425d;border-radius:12px;cursor:pointer}.port-protocol label:has(input:checked){border-color:#22d3ee;background:#0d3040}.port-protocol input{width:auto!important;accent-color:#22d3ee;margin-right:8px}