.quick-examples.svelte-e4d0nt{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.ex-btn.svelte-e4d0nt{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-e4d0nt:hover{color:var(--text);border-color:var(--accent)}.error-box.svelte-e4d0nt{margin-top:12px;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-e4d0nt{margin-top:20px}.res-grid.svelte-e4d0nt{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:16px}.res-row.svelte-e4d0nt{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid var(--border);gap:16px}.res-row.svelte-e4d0nt:last-child{border-bottom:none}.res-row.svelte-e4d0nt:nth-child(2n){background:var(--bg-input)}.res-key.svelte-e4d0nt{font-size:.82rem;color:var(--text-dim);flex-shrink:0}.res-val.svelte-e4d0nt{font-size:.875rem;color:var(--text);font-variant-numeric:tabular-nums;text-align:right;font-family:monospace}.binary-section.svelte-e4d0nt{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;margin-bottom:16px}.bin-title.svelte-e4d0nt{font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;display:flex;align-items:center;gap:12px}.bin-legend.svelte-e4d0nt{display:flex;align-items:center;gap:8px;font-size:.72rem;color:var(--text-dim);margin-left:auto}.net-bit-sample.svelte-e4d0nt{color:var(--accent-light)}.host-bit-sample.svelte-e4d0nt{color:var(--text-dim)}.bin-row.svelte-e4d0nt{display:flex;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}.bin-row.svelte-e4d0nt:last-child{margin-bottom:0}.bin-label.svelte-e4d0nt{font-size:.75rem;color:var(--text-dim);width:90px;flex-shrink:0}.bin-bits.svelte-e4d0nt{font-size:.78rem;font-family:monospace;letter-spacing:.04em;word-break:break-all;line-height:1.8}.net-bit.svelte-e4d0nt{color:var(--accent-light);font-weight:700}.host-bit.svelte-e4d0nt{color:var(--text-dim)}.dot.svelte-e4d0nt{color:var(--text-dim);margin:0 1px}.splitter-section.svelte-e4d0nt{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px}.splitter-title.svelte-e4d0nt{font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}.splitter-row.svelte-e4d0nt{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.splitter-label.svelte-e4d0nt{font-size:.85rem;color:var(--text-muted);white-space:nowrap}.split-input.svelte-e4d0nt{width:70px;text-align:center}.split-btn.svelte-e4d0nt{padding:8px 16px}.subnets-table.svelte-e4d0nt{margin-top:14px;overflow-x:auto}.subnets-header.svelte-e4d0nt,.subnet-row.svelte-e4d0nt{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-e4d0nt{color:var(--text-dim);text-transform:uppercase;font-size:.68rem;letter-spacing:.04em;font-family:inherit;background:var(--bg-card)}.subnet-row.svelte-e4d0nt{color:var(--text-muted)}.subnet-row.svelte-e4d0nt:last-child{border-bottom:none}.subnet-row.svelte-e4d0nt:nth-child(2n){background:#ffffff05}.sn-idx.svelte-e4d0nt{color:var(--text-dim)}.sn-cidr.svelte-e4d0nt{color:var(--accent-light);font-weight:600}@media (max-width: 600px){.subnets-header.svelte-e4d0nt,.subnet-row.svelte-e4d0nt{grid-template-columns:24px 1fr 1fr;font-size:.72rem}.subnets-header.svelte-e4d0nt span:where(.svelte-e4d0nt):nth-child(n+4),.subnet-row.svelte-e4d0nt span:where(.svelte-e4d0nt):nth-child(n+4){display:none}}