.tool-widget[data-v-af58535d]{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}.mode-tabs[data-v-af58535d]{gap:var(--space-1);margin-bottom:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary);flex-wrap:wrap;width:fit-content;padding:3px;display:flex}.mode-tab[data-v-af58535d]{padding:var(--space-2) var(--space-4);border-radius:calc(var(--radius-lg) - 2px);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-md);white-space:nowrap;background:0 0;border:none}.mode-tab--active[data-v-af58535d]{background:var(--color-bg);color:var(--color-text);box-shadow:0 1px 3px #0000001a}.input-grid[data-v-af58535d]{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (width<=768px){.input-grid[data-v-af58535d]{grid-template-columns:1fr}}.field[data-v-af58535d]{gap:var(--space-2);flex-direction:column;display:flex}.field__label[data-v-af58535d]{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.field__input[data-v-af58535d]{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-md);box-sizing:border-box;width:100%}.field__input[data-v-af58535d]:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.field__input--error[data-v-af58535d]{border-color:#dc2626}.field__input[data-v-af58535d]::placeholder{color:var(--color-text-tertiary);font-family:inherit}.field__error[data-v-af58535d]{font-size:var(--text-sm);color:#dc2626;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:#fef2f2;border:1px solid #fecaca;margin:0}.vlsm-list[data-v-af58535d]{gap:var(--space-2);flex-direction:column;display:flex}.vlsm-row[data-v-af58535d]{align-items:center;gap:var(--space-2);display:flex}.vlsm-row__index[data-v-af58535d]{font-size:var(--text-xs);color:var(--color-text-tertiary);text-align:right;flex-shrink:0;width:16px}.vlsm-input[data-v-af58535d]{flex:1}.vlsm-remove-btn[data-v-af58535d]{border:1px solid var(--color-border);border-radius:var(--radius-md);width:28px;height:28px;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-md);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.vlsm-remove-btn[data-v-af58535d] svg{width:14px;height:14px}.vlsm-remove-btn[data-v-af58535d]:hover:not(:disabled){color:#dc2626;background:#fef2f2;border-color:#dc2626}.vlsm-remove-btn[data-v-af58535d]:disabled{opacity:.3;cursor:not-allowed}.vlsm-add-btn[data-v-af58535d]{margin-top:var(--space-1);align-self:flex-start}.actions[data-v-af58535d]{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.parent-summary[data-v-af58535d]{gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.parent-summary__item[data-v-af58535d]{flex-direction:column;gap:4px;display:flex}.parent-summary__label[data-v-af58535d]{font-size:var(--text-xs);color:var(--color-text-tertiary)}.parent-summary__value[data-v-af58535d]{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.subnet-table-wrap[data-v-af58535d]{border:1.5px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-4);overflow:hidden}.subnet-table-header[data-v-af58535d]{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}.subnet-table__title[data-v-af58535d]{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.subnet-table[data-v-af58535d]{overflow-x:auto}.subnet-table__head[data-v-af58535d]{gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);grid-template-columns:32px 160px 140px 1fr 80px 32px;min-width:600px;display:grid}.subnet-table__row[data-v-af58535d]{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);font-size:var(--text-sm);min-width:600px;transition:background var(--transition-md);grid-template-columns:32px 160px 140px 1fr 80px 32px;align-items:center;display:grid}.subnet-table__row[data-v-af58535d]:last-child{border-bottom:none}.subnet-table__row[data-v-af58535d]:hover{background:var(--color-subtle)}.subnet-table__num[data-v-af58535d]{color:var(--color-text-tertiary);font-size:var(--text-xs);text-align:right}.mono[data-v-af58535d]{font-family:var(--font-mono)}.text-secondary[data-v-af58535d]{color:var(--color-text-secondary)}.text-sm[data-v-af58535d]{font-size:var(--text-sm)}.text-xs[data-v-af58535d]{font-size:var(--text-xs)}.copy-btn[data-v-af58535d]{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-md);background:0 0;justify-content:center;align-items:center;display:flex}.copy-btn[data-v-af58535d]:hover{color:var(--color-primary);border-color:var(--color-primary)}.visual-map[data-v-af58535d]{border:1.5px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.visual-map__header[data-v-af58535d]{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)}.visual-map__body[data-v-af58535d]{height:48px;display:flex;overflow:hidden}.map-block[data-v-af58535d]{border-right:1px solid var(--color-bg);min-width:2px;transition:opacity var(--transition-md);cursor:default;justify-content:center;align-items:center;display:flex;overflow:hidden}.map-block[data-v-af58535d]:nth-child(8n+1){background:#2563ebbf}.map-block[data-v-af58535d]:nth-child(8n+2){background:#2563eb99}.map-block[data-v-af58535d]:nth-child(8n+3){background:#2563eb73}.map-block[data-v-af58535d]:nth-child(8n+4){background:#2563eb4d}.map-block[data-v-af58535d]:nth-child(8n+5){background:#10b98199}.map-block[data-v-af58535d]:nth-child(8n+6){background:#10b98173}.map-block[data-v-af58535d]:nth-child(8n+7){background:#f59e0b8c}.map-block[data-v-af58535d]:nth-child(8n+8){background:#f59e0b66}.map-block[data-v-af58535d]:hover{opacity:.8}.map-block__label[data-v-af58535d]{font-family:var(--font-mono);color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #0000004d;padding:0 4px;font-size:9px;overflow:hidden}.visual-map__legend[data-v-af58535d]{padding:var(--space-1) var(--space-3);border-top:1px solid var(--color-border);background:var(--color-bg-secondary);justify-content:space-between;display:flex}.btn[data-v-af58535d]{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-md);white-space:nowrap;border:1px solid #0000;align-items:center;display:inline-flex}.btn--sm[data-v-af58535d]{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn--primary[data-v-af58535d]{background:var(--color-primary);color:#fff}.btn--primary[data-v-af58535d]:hover{background:var(--color-primary-hover)}.btn--ghost[data-v-af58535d]{border-color:var(--color-border);color:var(--color-text-secondary);background:0 0}.btn--ghost[data-v-af58535d]:hover{background:var(--color-subtle);color:var(--color-text)}.toast[data-v-af58535d]{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-af58535d]{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-af58535d]{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-af58535d]:hover{background:var(--color-subtle);color:var(--color-text)}.btn__kbd[data-v-af58535d]{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-af58535d]{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text-tertiary);opacity:1}