.ip-subnet[data-v-808b5dac]{width:100%;padding:10px 0;box-sizing:border-box}.input-row[data-v-808b5dac]{display:flex;gap:16px;margin:12px 0}.field[data-v-808b5dac]{display:flex;flex-direction:column;gap:6px;flex:1}.field-prefix[data-v-808b5dac]{flex:0 0 180px}.field label[data-v-808b5dac]{font-size:12px;color:var(--text-muted)}.text-input[data-v-808b5dac],.prefix-input[data-v-808b5dac]{padding:10px 14px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--bg-color);color:var(--text-color);outline:none;transition:border-color .2s;width:100%;box-sizing:border-box}.text-input[data-v-808b5dac]:focus,.prefix-input[data-v-808b5dac]:focus{border-color:#2c8cf0}.prefix-box[data-v-808b5dac]{display:flex;align-items:center;gap:4px;border:1px solid var(--border-color);border-radius:8px;padding-left:10px;background:var(--bg-color)}.prefix-box[data-v-808b5dac]:focus-within{border-color:#2c8cf0}.prefix-slash[data-v-808b5dac]{color:var(--text-muted);font-size:15px}.prefix-box .prefix-input[data-v-808b5dac]{border:none;padding-left:0;background:transparent}.presets[data-v-808b5dac]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.presets-label[data-v-808b5dac]{font-size:12px;color:var(--text-muted)}.preset-btn[data-v-808b5dac]{padding:4px 12px;border:1px solid var(--border-color);border-radius:20px;background:var(--bg-color);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s}.preset-btn[data-v-808b5dac]:hover{border-color:#2c8cf0;color:#2c8cf0}.state-box[data-v-808b5dac]{padding:20px;border-radius:8px;border:1px solid var(--border-color);color:var(--text-secondary);font-size:14px}.state-box.error[data-v-808b5dac]{color:#ef4444;border-color:#ef444466;background:rgba(239,68,68,.06)}.result-grid[data-v-808b5dac]{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--border-color);border-radius:10px;overflow:hidden}.result-item[data-v-808b5dac]{display:flex;flex-direction:column;gap:4px;padding:12px 16px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .15s}.result-item[data-v-808b5dac]:nth-child(odd){border-right:1px solid var(--border-color)}.result-item[data-v-808b5dac]:hover{background:var(--bg-secondary)}.result-item.highlight .item-value[data-v-808b5dac]{font-family:Consolas,Monaco,monospace;font-weight:600}.item-label[data-v-808b5dac]{font-size:12px;color:var(--text-muted)}.item-value[data-v-808b5dac]{font-size:14px;color:var(--text-color);word-break:break-all}.binary-box[data-v-808b5dac]{margin-top:14px;border:1px solid var(--border-color);border-radius:10px;padding:12px 16px;background:var(--bg-secondary)}.binary-line[data-v-808b5dac]{display:flex;align-items:center;gap:12px;padding:4px 0}.binary-label[data-v-808b5dac]{font-size:12px;color:var(--text-muted);flex:0 0 72px}.binary-box code[data-v-808b5dac]{font-family:Consolas,Monaco,monospace;font-size:13px;color:var(--text-color);word-break:break-all}.section-title-row[data-v-808b5dac]{display:flex;align-items:baseline;gap:10px;margin:24px 0 12px}.section-title-row h2[data-v-808b5dac]{font-size:16px;color:var(--text-color)}.section-title-row .hint[data-v-808b5dac]{font-size:12px;color:var(--text-muted)}.split-row[data-v-808b5dac]{display:flex;align-items:flex-end;gap:16px;margin-bottom:16px}.subnet-table-wrap[data-v-808b5dac]{border:1px solid var(--border-color);border-radius:10px;overflow:hidden}.subnet-summary[data-v-808b5dac]{padding:10px 16px;font-size:13px;color:var(--text-secondary);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.subnet-table[data-v-808b5dac]{width:100%;border-collapse:collapse;font-size:13px}.subnet-table th[data-v-808b5dac],.subnet-table td[data-v-808b5dac]{padding:8px 14px;text-align:left;border-bottom:1px solid var(--border-color)}.subnet-table th[data-v-808b5dac]{font-weight:600;color:var(--text-secondary);background:var(--bg-secondary)}.subnet-table td[data-v-808b5dac]{color:var(--text-color)}.subnet-table code[data-v-808b5dac]{font-family:Consolas,Monaco,monospace}.subnet-table .idx[data-v-808b5dac]{color:var(--text-muted);width:48px}.subnet-table .range[data-v-808b5dac]{font-family:Consolas,Monaco,monospace}@media (max-width: 768px){.input-row[data-v-808b5dac],.split-row[data-v-808b5dac]{flex-wrap:wrap}.field-prefix[data-v-808b5dac]{flex:1 1 100%}.result-grid[data-v-808b5dac]{grid-template-columns:1fr}.result-item[data-v-808b5dac]:nth-child(odd){border-right:none}}