.subnet-tool.svelte-1chxcfg{display:flex;flex-direction:column;gap:20px}.input-section.svelte-1chxcfg{display:flex;flex-direction:column;gap:14px}.input-row.svelte-1chxcfg{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.form-group.svelte-1chxcfg{display:flex;flex-direction:column;gap:5px}.form-group.svelte-1chxcfg label:where(.svelte-1chxcfg){font-size:.82rem;font-weight:600;color:var(--text-muted)}.ip-group.svelte-1chxcfg{flex:2;min-width:160px}.mode-group.svelte-1chxcfg{flex:1;min-width:130px}.cidr-group.svelte-1chxcfg{flex:1;min-width:100px}.mask-group.svelte-1chxcfg{flex:1.5;min-width:150px}.quick-examples.svelte-1chxcfg{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.quick-label.svelte-1chxcfg{font-size:.78rem;color:var(--text-dim);font-weight:600}.ex-btn.svelte-1chxcfg{background:var(--bg-input);border:1px solid var(--border);color:var(--text-muted);border-radius:6px;padding:4px 10px;font-size:.78rem;cursor:pointer;font-family:monospace;transition:all .15s}.ex-btn.svelte-1chxcfg:hover{color:var(--text);border-color:var(--accent)}.btn.svelte-1chxcfg{padding:10px 24px;border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .15s}.btn.svelte-1chxcfg:hover{opacity:.85}.btn-primary.svelte-1chxcfg{background:var(--accent);color:#fff}.btn-secondary.svelte-1chxcfg{background:var(--bg-card);border:1px solid var(--border);color:var(--accent-light)}.btn-secondary.svelte-1chxcfg:hover{border-color:var(--accent)}.error-box.svelte-1chxcfg{padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);color:#ef4444;font-size:.875rem}.results.svelte-1chxcfg{display:flex;flex-direction:column;gap:16px}.results-header.svelte-1chxcfg{display:flex;justify-content:space-between;align-items:center}.results-header.svelte-1chxcfg h3:where(.svelte-1chxcfg){font-size:1rem;font-weight:700;color:var(--text);margin:0}.btn-copy-all.svelte-1chxcfg{padding:6px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--accent-light);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-copy-all.svelte-1chxcfg:hover{border-color:var(--accent)}.res-grid.svelte-1chxcfg{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.res-row.svelte-1chxcfg{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid var(--border);gap:16px}.res-row.svelte-1chxcfg:last-child{border-bottom:none}.res-row.svelte-1chxcfg:nth-child(2n){background:var(--bg-input)}.res-key.svelte-1chxcfg{font-size:.82rem;color:var(--text-dim);flex-shrink:0}.res-right.svelte-1chxcfg{display:flex;align-items:center;gap:8px}.res-val.svelte-1chxcfg{font-size:.875rem;color:var(--text);font-variant-numeric:tabular-nums;text-align:right;font-family:monospace}.copy-inline.svelte-1chxcfg{background:transparent;border:none;color:var(--text-dim);font-size:.9rem;cursor:pointer;padding:2px 4px;line-height:1;transition:color .15s}.copy-inline.svelte-1chxcfg:hover{color:var(--accent-light)}.range-section.svelte-1chxcfg{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px}.section-title.svelte-1chxcfg{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;font-weight:600}.range-bar-container.svelte-1chxcfg{display:flex;flex-direction:column;gap:6px}.range-bar.svelte-1chxcfg{height:24px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;position:relative;overflow:hidden}.range-fill.svelte-1chxcfg{position:absolute;top:0;bottom:0;background:linear-gradient(90deg,var(--accent),var(--accent-light));border-radius:12px;min-width:4px;opacity:.7}.range-labels.svelte-1chxcfg{display:flex;justify-content:space-between}.range-label.svelte-1chxcfg{font-size:.75rem;color:var(--text-muted);font-family:monospace}.range-legend.svelte-1chxcfg{margin-top:8px;font-size:.82rem;color:var(--text-muted)}.range-legend.svelte-1chxcfg strong:where(.svelte-1chxcfg){color:var(--accent-light)}.binary-section.svelte-1chxcfg{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px}.bin-title.svelte-1chxcfg{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;display:flex;align-items:center;gap:12px;font-weight:600}.bin-legend.svelte-1chxcfg{display:flex;align-items:center;gap:8px;font-size:.72rem;color:var(--text-dim);margin-left:auto}.net-bit-sample.svelte-1chxcfg{color:var(--accent-light)}.host-bit-sample.svelte-1chxcfg{color:var(--text-dim)}.bin-row.svelte-1chxcfg{display:flex;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}.bin-row.svelte-1chxcfg:last-child{margin-bottom:0}.bin-label.svelte-1chxcfg{font-size:.75rem;color:var(--text-dim);width:90px;flex-shrink:0}.bin-bits.svelte-1chxcfg{font-size:.78rem;font-family:monospace;letter-spacing:.04em;word-break:break-all;line-height:1.8}.net-bit.svelte-1chxcfg{color:var(--accent-light);font-weight:700}.host-bit.svelte-1chxcfg{color:var(--text-dim)}.dot.svelte-1chxcfg{color:var(--text-dim);margin:0 1px}.splitter-section.svelte-1chxcfg{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px}.splitter-row.svelte-1chxcfg{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.splitter-label.svelte-1chxcfg{font-size:.85rem;color:var(--text-muted);white-space:nowrap}.split-input.svelte-1chxcfg{width:70px;text-align:center}.split-btn.svelte-1chxcfg{padding:8px 16px}.subnets-table.svelte-1chxcfg{margin-top:14px;overflow-x:auto}.subnets-header.svelte-1chxcfg,.subnet-row.svelte-1chxcfg{display:grid;grid-template-columns:30px 1fr 1fr 1fr 1fr 60px;gap:8px;padding:8px 10px;font-size:.78rem;font-family:monospace;border-bottom:1px solid var(--border);align-items:center}.subnets-header.svelte-1chxcfg{color:var(--text-dim);text-transform:uppercase;font-size:.68rem;letter-spacing:.04em;font-family:inherit;background:var(--bg-card)}.subnet-row.svelte-1chxcfg{color:var(--text-muted)}.subnet-row.svelte-1chxcfg:last-child{border-bottom:none}.subnet-row.svelte-1chxcfg:nth-child(2n){background:#ffffff05}.sn-idx.svelte-1chxcfg{color:var(--text-dim)}.sn-cidr.svelte-1chxcfg{color:var(--accent-light);font-weight:600}.ref-section.svelte-1chxcfg{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px}.ref-table.svelte-1chxcfg{overflow-x:auto}.ref-header.svelte-1chxcfg,.ref-row.svelte-1chxcfg{display:grid;grid-template-columns:50px 1fr 1fr 100px 50px;gap:8px;padding:8px 10px;font-size:.8rem;border-bottom:1px solid var(--border);align-items:center}.ref-header.svelte-1chxcfg{color:var(--text-dim);text-transform:uppercase;font-size:.7rem;letter-spacing:.04em;font-weight:700;background:var(--bg-card)}.ref-row.svelte-1chxcfg{color:var(--text-muted);font-family:monospace;font-size:.78rem}.ref-row.svelte-1chxcfg:last-child{border-bottom:none}.ref-row.svelte-1chxcfg:nth-child(2n){background:#ffffff05}.ref-active.svelte-1chxcfg{background:#5d00ff14!important;border-left:3px solid var(--accent)}.ref-active.svelte-1chxcfg .ref-cidr:where(.svelte-1chxcfg){color:var(--accent-light);font-weight:700}.ref-cidr.svelte-1chxcfg{color:var(--accent-light);font-weight:600}@media (max-width: 700px){.input-row.svelte-1chxcfg{flex-direction:column}.subnets-header.svelte-1chxcfg,.subnet-row.svelte-1chxcfg{grid-template-columns:24px 1fr 1fr;font-size:.72rem}.subnets-header.svelte-1chxcfg span:where(.svelte-1chxcfg):nth-child(n+4),.subnet-row.svelte-1chxcfg span:where(.svelte-1chxcfg):nth-child(n+4){display:none}.ref-header.svelte-1chxcfg,.ref-row.svelte-1chxcfg{grid-template-columns:50px 1fr 100px}.ref-header.svelte-1chxcfg span:where(.svelte-1chxcfg):nth-child(3),.ref-row.svelte-1chxcfg span:where(.svelte-1chxcfg):nth-child(3),.ref-header.svelte-1chxcfg span:where(.svelte-1chxcfg):nth-child(5),.ref-row.svelte-1chxcfg span:where(.svelte-1chxcfg):nth-child(5){display:none}}