.iptool__input-row{display:flex;gap:8px;margin-bottom:16px}.iptool__input{flex:1;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:15px;font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace)}.iptool__input:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px;border-color:var(--color-primary)}.iptool__input[aria-invalid=true]{border-color:var(--color-danger, #dc2626)}.iptool__presets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}.iptool__preset{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;text-align:left;line-height:1.3}.iptool__preset span{font-size:13px;font-weight:500}.iptool__preset code{font-size:11.5px;color:var(--color-text-soft);font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace)}.iptool__section-title{margin:20px 0 10px;font-size:15px;font-weight:600;color:var(--color-text)}.iptool__table{list-style:none;margin:0;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.iptool__row{display:grid;grid-template-columns:140px 1fr auto;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--color-border);font-size:13px}.iptool__row:last-child{border-bottom:none}.iptool__row-label{color:var(--color-text-soft);font-weight:500;white-space:nowrap}.iptool__row-value{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--color-text);word-break:break-all;line-height:1.5}.iptool__table--binary .iptool__row--binary{grid-template-columns:100px 1fr auto}.iptool__binary{font-size:12px;letter-spacing:.5px;color:var(--color-text-soft)}.iptool__badges{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 4px}.iptool__badge{display:inline-block;padding:3px 10px;font-size:12px;border-radius:999px;font-weight:500;background:var(--color-bg-soft, rgba(0, 0, 0, .04));color:var(--color-text-soft);border:1px solid var(--color-border)}.badge--private{background:#1aaa551f;color:var(--color-success, #1aa555);border-color:transparent}.badge--loopback{background:#2b6cff1f;color:var(--color-primary, #2b6cff);border-color:transparent}.badge--multicast{background:#ff9f1c26;color:#b45309;border-color:transparent}.badge--linklocal{background:#7a4cff1f;color:#7a4cff;border-color:transparent}.badge--reserved{background:#dc26261f;color:var(--color-danger, #dc2626);border-color:transparent}.badge--unspecified{background:#64748b26;color:#64748b;border-color:transparent}.badge--class{background:#2b6cff14;color:var(--color-primary, #2b6cff);border-color:transparent}.iptool__divide-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:12px 14px;background:var(--color-bg-soft, rgba(0, 0, 0, .03));border-radius:var(--radius-md);border:1px solid var(--color-border)}.iptool__divide-label{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-soft)}.iptool__divide-label select{padding:4px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-size:13px;font-family:inherit}.iptool__divide-hint{font-size:12px;color:var(--color-text-muted)}.iptool__divide-summary{margin:0 0 10px;font-size:13px;color:var(--color-text-soft)}.iptool__subnets-table{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;overflow-x:auto}.iptool__subnets-row{display:grid;grid-template-columns:40px minmax(140px,1fr) minmax(140px,1fr) minmax(200px,1.5fr) 80px;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--color-border);font-size:12.5px}.iptool__subnets-row:last-child{border-bottom:none}.iptool__subnets-row--head{background:var(--color-bg-soft, rgba(0, 0, 0, .04));font-weight:600;color:var(--color-text-soft);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.iptool__subnets-idx{color:var(--color-text-muted);font-weight:600}.iptool__subnets-net,.iptool__subnets-bcast,.iptool__subnets-range{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);word-break:break-all;line-height:1.5}.iptool__subnets-net{color:var(--color-primary, #2b6cff);font-weight:500}.iptool__subnets-usable{text-align:right;font-variant-numeric:tabular-nums;color:var(--color-text-soft)}@media(prefers-color-scheme:dark){.badge--multicast{color:#fbbf24}.badge--linklocal{color:#a78bfa}.badge--reserved{color:#f87171}.badge--unspecified{color:#94a3b8}}@media(max-width:768px){.iptool__presets{grid-template-columns:repeat(3,1fr)}.iptool__row{grid-template-columns:1fr auto;grid-template-areas:"label copy" "value value";row-gap:6px}.iptool__row-label{grid-area:label}.iptool__row-value{grid-area:value}.iptool__row>button{grid-area:copy}.iptool__table--binary .iptool__row--binary{grid-template-columns:1fr auto;grid-template-areas:"label copy" "value value"}.iptool__binary{font-size:11px;letter-spacing:0}.iptool__subnets-row{grid-template-columns:30px 1fr 70px;grid-template-areas:"idx net usable" "bcast bcast bcast" "range range range";row-gap:4px}.iptool__subnets-idx{grid-area:idx}.iptool__subnets-net{grid-area:net}.iptool__subnets-bcast{grid-area:bcast}.iptool__subnets-range{grid-area:range}.iptool__subnets-usable{grid-area:usable}.iptool__subnets-row--head{grid-template-columns:30px 1fr 70px;grid-template-areas:"idx net usable"}.iptool__subnets-row--head .iptool__subnets-bcast,.iptool__subnets-row--head .iptool__subnets-range{display:none}}@media(max-width:414px){.iptool__presets{grid-template-columns:repeat(2,1fr)}.iptool__input{font-size:13px}}