.host-ip-tool,.host-ip-tool *{box-sizing: border-box}.host-ip-hero{padding: 26px 20px;border: 1px solid var(--border);border-radius: var(--radius);background: #ffffff;text-align: center}.host-ip-hero-badge{display: inline-flex;align-items: center;gap: 7px;color: var(--text-2);font-size: 13px;letter-spacing: .02em}.host-ip-hero-badge i{color: var(--primary);font-size: 15px}.host-ip-value{margin-top: 14px;color: var(--text);font-family: var(--font-mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);font-size: 34px;font-weight: 700;line-height: 1.2;overflow-wrap: anywhere;word-break: break-all;white-space: normal}.host-ip-sub{margin-top: 8px;color: var(--text-2);font-size: 15px;line-height: 1.5}.host-ip-status{min-height: 22px;margin-top: 10px;color: var(--text-3);font-size: 12.5px;line-height: 1.4}.host-ip-status.is-error{color: #dc2626}:root[data-theme="dark"] .host-ip-status.is-error{color: #f87171}.host-ip-action-bar{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 8px;margin-top: 14px;padding: 12px;border: 1px solid var(--border);border-radius: var(--radius);background: #ffffff}.host-ip-action-bar .btn{flex: 0 1 148px;min-width: 0;justify-content: center;white-space: nowrap}.host-ip-action-bar .btn-primary{flex-basis: 120px}.host-ip-action-bar .btn i{margin-right: 6px}.host-ip-cards{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 12px;margin-top: 14px}.host-ip-card{display: flex;flex-direction: column;gap: 4px;min-width: 0;padding: 14px 16px;border: 1px solid var(--border);border-radius: var(--radius);background: #ffffff}.host-ip-card-label{display: flex;align-items: center;gap: 7px;color: var(--text-3);font-size: 12.5px;letter-spacing: .03em;text-transform: uppercase}.host-ip-card-label i{font-size: 13px}.host-ip-card-value{min-width: 0;color: var(--text);font-size: 14.5px;line-height: 1.5;overflow-wrap: anywhere;word-break: break-all;white-space: normal}.host-ip-card-value.is-mono{font-family: var(--font-mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);font-size: 13.5px}.host-ip-card-sub{color: var(--text-3);font-size: 12.5px;line-height: 1.4}.host-ip-empty{margin-top: 14px;padding: 34px 16px;border: 1px dashed var(--border);border-radius: var(--radius);text-align: center;color: var(--text-3)}.host-ip-empty i{display: block;margin-bottom: 10px;font-size: 30px}.host-ip-empty p{margin-bottom: 14px}.host-ip-message{display: flex;align-items: flex-start;gap: 8px;margin-top: 14px}.host-ip-privacy{display: flex;align-items: flex-start;gap: 10px;margin-top: 14px;padding: 12px 14px;border: 1px solid var(--border);border-radius: var(--radius);background: var(--bg-soft);color: var(--text-2);font-size: 13px;line-height: 1.6}.host-ip-privacy i{flex: 0 0 auto;margin-top: 2px;color: var(--primary);font-size: 16px}.host-ip-privacy p{margin: 0}:root[data-theme="dark"] .host-ip-hero,:root[data-theme="dark"] .host-ip-action-bar,:root[data-theme="dark"] .host-ip-card{background: #161b22}@media (max-width: 991px){.host-ip-cards{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.host-ip-value{font-size: 25px}.host-ip-cards{grid-template-columns: 1fr}.host-ip-action-bar{display: grid;grid-template-columns: 1fr;gap: 8px}.host-ip-action-bar .btn{width: 100%;min-width: 0}}