.tool-widget[data-v-fffc9e7c]{border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);background:var(--color-bg);margin-bottom:var(--space-8);position:relative}.field[data-v-fffc9e7c]{margin-bottom:var(--space-4)}.field__label[data-v-fffc9e7c]{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-2);display:block}.cidr-input-wrap[data-v-fffc9e7c]{gap:var(--space-2);flex-wrap:wrap;display:flex}.field__input[data-v-fffc9e7c]{min-width:200px;padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);background:var(--color-bg);transition:border-color var(--transition);flex:1}.field__input[data-v-fffc9e7c]:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.field__input--error[data-v-fffc9e7c]{border-color:#dc2626}.field__input[data-v-fffc9e7c]::placeholder{color:var(--color-text-tertiary)}.presets[data-v-fffc9e7c]{align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.presets__label[data-v-fffc9e7c]{font-size:var(--text-xs);color:var(--color-text-tertiary);flex-shrink:0}.preset-btn[data-v-fffc9e7c]{border:1px solid var(--color-border);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);background:var(--color-bg);cursor:pointer;transition:all var(--transition);padding:2px 10px}.preset-btn[data-v-fffc9e7c]:hover{border-color:var(--color-primary);color:var(--color-primary);background:#2563eb0d}.summary-cards[data-v-fffc9e7c]{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.summary-card[data-v-fffc9e7c]{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary)}.summary-card--highlight[data-v-fffc9e7c]{border-color:var(--color-primary);background:#2563eb0d}.summary-card__label[data-v-fffc9e7c]{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-1);display:block}.summary-card__value[data-v-fffc9e7c]{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);display:block}.summary-card--highlight .summary-card__value[data-v-fffc9e7c]{color:var(--color-primary);font-size:var(--text-base)}.detail-table[data-v-fffc9e7c]{border:1.5px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-4);overflow:hidden}.detail-table__header[data-v-fffc9e7c]{padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.detail-table__title[data-v-fffc9e7c]{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.detail-row[data-v-fffc9e7c]{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.detail-row[data-v-fffc9e7c]:last-child{border-bottom:none}.detail-row[data-v-fffc9e7c]:hover{background:var(--color-subtle)}.detail-row__key[data-v-fffc9e7c]{font-size:var(--text-sm);color:var(--color-text-secondary);flex-shrink:0;min-width:160px}.detail-row__val-wrap[data-v-fffc9e7c]{align-items:center;gap:var(--space-2);flex:1;justify-content:flex-end;display:flex}.detail-row__val[data-v-fffc9e7c]{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);text-align:right}.detail-row__copy[data-v-fffc9e7c]{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:24px;height:24px;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.detail-row__copy[data-v-fffc9e7c]:hover{color:var(--color-primary);border-color:var(--color-primary)}.badges[data-v-fffc9e7c]{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.badge[data-v-fffc9e7c]{font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);border:1px solid;padding:3px 10px}.badge--a[data-v-fffc9e7c]{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.badge--b[data-v-fffc9e7c]{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.badge--c[data-v-fffc9e7c]{color:#a16207;background:#fefce8;border-color:#fde68a}.badge--d[data-v-fffc9e7c]{color:#7e22ce;background:#fdf4ff;border-color:#e9d5ff}.badge--e[data-v-fffc9e7c]{color:#be123c;background:#fff1f2;border-color:#fecdd3}.badge--type[data-v-fffc9e7c]{background:var(--color-bg-secondary);color:var(--color-text-secondary);border-color:var(--color-border)}.badge--private[data-v-fffc9e7c]{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.range-box[data-v-fffc9e7c]{border:1.5px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-4);overflow:hidden}.range-box__header[data-v-fffc9e7c]{padding:var(--space-2) var(--space-4);background:var(--color-bg-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.range-box__body[data-v-fffc9e7c]{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.range-box__ip[data-v-fffc9e7c]{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text)}.range-box__arrow[data-v-fffc9e7c]{color:var(--color-text-tertiary)}.binary-box[data-v-fffc9e7c]{border:1.5px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-4);overflow:hidden}.binary-box__header[data-v-fffc9e7c]{padding:var(--space-2) var(--space-4);background:var(--color-bg-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.binary-row[data-v-fffc9e7c]{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border);display:flex;overflow-x:auto}.binary-row[data-v-fffc9e7c]:last-of-type{border-bottom:none}.binary-row__label[data-v-fffc9e7c]{font-size:var(--text-xs);color:var(--color-text-tertiary);flex-shrink:0;min-width:36px}.binary-row__bits[data-v-fffc9e7c]{flex-wrap:nowrap;gap:1px;display:flex}.bit[data-v-fffc9e7c]{width:14px;height:20px;font-family:var(--font-mono);border-radius:2px;justify-content:center;align-items:center;font-size:11px;display:inline-flex}.bit--net[data-v-fffc9e7c]{color:#1d4ed8;background:#2563eb26}.bit--host[data-v-fffc9e7c]{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.bit--sep[data-v-fffc9e7c]{margin-left:4px}.binary-legend[data-v-fffc9e7c]{gap:var(--space-4);padding:var(--space-2) var(--space-4) var(--space-3);display:flex}.legend-item[data-v-fffc9e7c]{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-tertiary);display:flex}.legend-item[data-v-fffc9e7c]:before{content:"";border-radius:2px;width:12px;height:12px;display:inline-block}.legend-item--net[data-v-fffc9e7c]:before{background:#2563eb40}.legend-item--host[data-v-fffc9e7c]:before{background:var(--color-bg-secondary);border:1px solid var(--color-border)}.btn[data-v-fffc9e7c]{padding:var(--space-3) var(--space-5);border-radius:var(--radius);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:1px solid #0000;align-items:center;display:inline-flex}.btn--sm[data-v-fffc9e7c]{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn--primary[data-v-fffc9e7c]{background:var(--color-primary);color:#fff}.btn--primary[data-v-fffc9e7c]:hover{background:var(--color-primary-hover)}.btn--ghost[data-v-fffc9e7c]{border-color:var(--color-border);color:var(--color-text-secondary);background:0 0}.btn--ghost[data-v-fffc9e7c]:hover{background:var(--color-subtle);color:var(--color-text)}.error[data-v-fffc9e7c]{font-size:var(--text-sm);color:#dc2626;margin-top:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:#fef2f2;border:1px solid #fecaca}.toast[data-v-fffc9e7c]{bottom:var(--space-8);background:var(--color-text);color:var(--color-bg);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);z-index:200;pointer-events:none;position:fixed;left:50%;transform:translate(-50%)}.restore-banner[data-v-fffc9e7c]{justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);display:flex}.restore-banner__dismiss[data-v-fffc9e7c]{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-tertiary);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition);background:0 0;border:none;flex-shrink:0}.restore-banner__dismiss[data-v-fffc9e7c]:hover{background:var(--color-subtle);color:var(--color-text)}.btn__kbd[data-v-fffc9e7c]{margin-left:var(--space-2);font-family:var(--font-mono);opacity:.7;background:#ffffff26;border:1px solid #ffffff40;border-radius:3px;padding:1px 5px;font-size:.7rem;line-height:1.4}.btn--ghost .btn__kbd[data-v-fffc9e7c]{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text-tertiary);opacity:1}