.port-checker-tool[data-v-bbe30a73]{display:flex;flex-direction:column;gap:1.5rem}.input-section[data-v-bbe30a73]{display:flex;flex-direction:column;gap:1rem}.input-group[data-v-bbe30a73]{display:flex;flex-direction:column;gap:.5rem}.input-label[data-v-bbe30a73]{font-size:.85rem;font-weight:500;color:var(--color-text-secondary)}.host-input[data-v-bbe30a73],.port-input[data-v-bbe30a73]{padding:.75rem 1rem;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.95rem;transition:all .15s ease}.host-input[data-v-bbe30a73]:focus,.port-input[data-v-bbe30a73]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.host-input[data-v-bbe30a73]::placeholder,.port-input[data-v-bbe30a73]::placeholder{color:var(--color-text-muted)}.port-presets[data-v-bbe30a73]{display:flex;gap:.5rem;margin-top:.25rem}.preset-btn[data-v-bbe30a73]{padding:.375rem .625rem;background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:.75rem;transition:all .15s ease}.preset-btn[data-v-bbe30a73]:hover{background:var(--color-bg-elevated);color:var(--color-primary);border-color:var(--color-primary)}.action-buttons[data-v-bbe30a73]{display:flex;gap:.5rem;flex-wrap:wrap}.check-btn[data-v-bbe30a73]{padding:.75rem 1.5rem;background:var(--color-primary);color:var(--color-bg-deep);font-size:.9rem;font-weight:600;border-radius:var(--radius-md);transition:all .15s ease}.check-btn[data-v-bbe30a73]:hover:not(:disabled){background:var(--color-primary-light)}.check-btn[data-v-bbe30a73]:disabled{opacity:.6;cursor:not-allowed}.action-btn[data-v-bbe30a73]{display:flex;align-items:center;gap:.375rem;padding:.75rem 1rem;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.85rem;transition:all .15s ease}.action-btn[data-v-bbe30a73]:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.btn-icon[data-v-bbe30a73]{font-size:1rem}.info-notice[data-v-bbe30a73]{display:flex;gap:.75rem;padding:1rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-md)}.notice-icon[data-v-bbe30a73]{font-size:1.25rem;flex-shrink:0}.notice-text[data-v-bbe30a73]{font-size:.85rem;color:var(--color-text-secondary);line-height:1.5}.error-message[data-v-bbe30a73]{padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--color-error);font-size:.9rem}.result-section[data-v-bbe30a73]{display:flex;flex-direction:column;gap:1rem}.stats-bar[data-v-bbe30a73]{display:flex;gap:1rem;padding:1rem;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-wrap:wrap}.stat-item[data-v-bbe30a73]{display:flex;flex-direction:column;align-items:center;padding:.5rem 1rem;border-radius:var(--radius-md);min-width:60px}.stat-item.total[data-v-bbe30a73]{background:#64748b26}.stat-item.open[data-v-bbe30a73]{background:#22c55e26}.stat-item.closed[data-v-bbe30a73]{background:#ef444426}.stat-item.timeout[data-v-bbe30a73]{background:#eab30826}.stat-item.pending[data-v-bbe30a73]{background:#3b82f626}.stat-value[data-v-bbe30a73]{font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.stat-label[data-v-bbe30a73]{font-size:.75rem;color:var(--color-text-muted)}.results-grid[data-v-bbe30a73]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.result-item[data-v-bbe30a73]{display:flex;align-items:center;gap:.75rem;padding:.875rem;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all .15s ease}.result-item.open[data-v-bbe30a73]{border-color:#22c55e80;background:#22c55e0d}.result-item.closed[data-v-bbe30a73]{border-color:#ef44444d;background:#ef444405}.result-item.timeout[data-v-bbe30a73]{border-color:#eab3084d;background:#eab30805}.result-item.pending[data-v-bbe30a73]{border-color:#3b82f64d;background:#3b82f605}.result-icon[data-v-bbe30a73]{font-size:1.25rem;flex-shrink:0}.result-info[data-v-bbe30a73]{flex:1;min-width:0}.result-port[data-v-bbe30a73]{display:block;font-family:var(--font-mono);font-size:1rem;font-weight:600;color:var(--color-text-primary)}.result-service[data-v-bbe30a73]{display:block;font-size:.75rem;color:var(--color-text-muted)}.result-status[data-v-bbe30a73]{display:flex;flex-direction:column;align-items:flex-end}.status-text[data-v-bbe30a73]{font-size:.8rem;color:var(--color-text-secondary)}.response-time[data-v-bbe30a73]{font-size:.7rem;color:var(--color-text-muted);font-family:var(--font-mono)}.common-ports-section[data-v-bbe30a73]{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.section-header[data-v-bbe30a73]{padding:.75rem 1rem;background:var(--color-bg-base);border-bottom:1px solid var(--color-border)}.section-title[data-v-bbe30a73]{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.common-ports-grid[data-v-bbe30a73]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem;padding:1rem;max-height:300px;overflow-y:auto}.common-port-item[data-v-bbe30a73]{display:flex;flex-direction:column;padding:.625rem;background:var(--color-bg-base);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.common-port-item[data-v-bbe30a73]:hover{background:var(--color-bg-elevated);border-color:var(--color-primary)}.port-number[data-v-bbe30a73]{font-family:var(--font-mono);font-size:1rem;font-weight:600;color:var(--color-primary)}.port-service[data-v-bbe30a73]{font-size:.8rem;font-weight:500;color:var(--color-text-primary)}.port-desc[data-v-bbe30a73]{font-size:.7rem;color:var(--color-text-muted)}