.quick-ranges[data-v-42ab8cba]{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.quick-label[data-v-42ab8cba]{color:var(--tool-text-muted);font-size:.875rem}.range-btn[data-v-42ab8cba]{background:var(--tool-btn-secondary);border:1px solid var(--tool-border);border-radius:4px;color:var(--tool-text);cursor:pointer;font-size:.75rem;padding:.25rem .75rem;transition:all .15s}.range-btn[data-v-42ab8cba]:hover{background:var(--tool-btn-secondary-hover);border-color:var(--tool-border-focus)}.ports-grid[data-v-42ab8cba]{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.port-item[data-v-42ab8cba]{align-items:center;background:var(--tool-input-bg);border:1px solid var(--tool-border);border-radius:6px;cursor:pointer;display:flex;gap:.5rem;justify-content:center;padding:.75rem;transition:all .15s}.port-item[data-v-42ab8cba]:hover{background:var(--tool-btn-secondary);border-color:var(--tool-border-focus)}.port-item code[data-v-42ab8cba]{color:var(--tool-text);font-family:var(--font-mono);font-size:1rem}.copied-badge[data-v-42ab8cba]{color:var(--tool-success);font-size:.625rem;font-weight:500}