.subnet-tool[data-v-aec78188]{display:flex;flex-direction:column;gap:20px}.params[data-v-aec78188]{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}.param-actions[data-v-aec78188]{display:flex;gap:8px;align-items:flex-end;margin-left:auto}.param[data-v-aec78188]{display:flex;flex-direction:column;gap:6px}.param-ip[data-v-aec78188]{flex:1 1 220px;min-width:200px}.param-cidr[data-v-aec78188]{flex:3 1 320px;min-width:280px}.param-label[data-v-aec78188]{font-size:12px;color:var(--text-secondary)}.param-hint[data-v-aec78188]{color:var(--primary-color);font-weight:600}.block[data-v-aec78188]{border:1px solid var(--border-lighter);border-radius:12px;padding:16px}.block-head[data-v-aec78188]{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:6px;margin-bottom:12px}.block-title[data-v-aec78188]{font-size:14px;font-weight:600;color:var(--text-primary)}.block-sub[data-v-aec78188]{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.dot[data-v-aec78188]{display:inline-block;width:8px;height:8px;border-radius:50%;flex:none}.dot-blue[data-v-aec78188]{background:var(--el-color-primary)}.dot-gray[data-v-aec78188]{background:var(--border-lighter);border:1px solid var(--border-color)}.bits[data-v-aec78188]{display:flex;flex-wrap:wrap;gap:12px}.octet[data-v-aec78188]{display:flex;flex-direction:column;gap:6px}.bit-row[data-v-aec78188]{display:flex;gap:3px}.bit[data-v-aec78188]{width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex:none}.bit.is-network[data-v-aec78188]{background:var(--el-color-primary)}.bit.is-host[data-v-aec78188]{background:var(--border-lighter);border:1px solid var(--border-color);box-sizing:border-box}.bit-text[data-v-aec78188]{font-size:11px;line-height:1;color:var(--text-secondary)}.bit-text.is-on[data-v-aec78188]{color:#fff;font-weight:600}.octet-value[data-v-aec78188]{font-size:13px;color:var(--text-primary);font-weight:600;text-align:center}.mask[data-v-aec78188]{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;padding:8px 0}.mask-tag[data-v-aec78188]{font-size:22px;font-weight:600;padding:4px 12px;border-radius:8px}.mask-tag.is-solid[data-v-aec78188]{background:var(--el-color-primary-light-9);color:var(--text-primary)}.mask-tag.is-zero[data-v-aec78188]{background:var(--bg-color);color:var(--text-secondary)}.mask-dot[data-v-aec78188]{font-size:22px;color:var(--text-secondary)}.range[data-v-aec78188]{padding:4px 0 0}.range-bar[data-v-aec78188]{height:10px;border-radius:5px;background:linear-gradient(to right,#409eff,#67c23a,#f56c6c)}.range-markers[data-v-aec78188]{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-top:4px}.range-marker[data-v-aec78188]{display:flex;flex-direction:column;align-items:center}.range-marker-start[data-v-aec78188]{align-items:flex-start}.range-marker-end[data-v-aec78188]{align-items:flex-end}.range-arrow[data-v-aec78188]{font-size:10px;line-height:1;color:var(--el-color-primary)}.range-marker-end .range-arrow[data-v-aec78188]{color:#f56c6c}.range-arrow-hidden[data-v-aec78188]{visibility:hidden}.range-caption[data-v-aec78188]{margin-top:4px;text-align:center}.range-marker-start .range-caption[data-v-aec78188]{text-align:left}.range-marker-end .range-caption[data-v-aec78188]{text-align:right}.range-name[data-v-aec78188]{font-size:11px;color:var(--text-secondary)}.range-ip[data-v-aec78188]{font-size:12px;color:var(--text-primary);font-weight:600}.tiles[data-v-aec78188]{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.tile[data-v-aec78188]{background:var(--bg-color);border-radius:12px;padding:16px}.tile-label[data-v-aec78188]{font-size:12px;color:var(--text-secondary);margin-bottom:6px}.tile-value[data-v-aec78188]{font-size:26px;font-weight:700;color:var(--text-primary);line-height:1.2}.tile.is-primary .tile-value[data-v-aec78188]{color:var(--primary-color)}.tag-value[data-v-aec78188]{display:flex;align-items:center;height:32px}.detail[data-v-aec78188] .el-descriptions__label{width:140px}.detail-value[data-v-aec78188]{color:var(--text-primary)}.mono[data-v-aec78188]{font-family:SF Mono,Menlo,Consolas,Courier New,monospace}@media (max-width: 768px){.params[data-v-aec78188]{flex-direction:column}.bits[data-v-aec78188]{gap:8px}}