.cidr-root{--cidr-c0:#7c9cff;--cidr-c1:#2fb67c;--cidr-c2:#e0a03a;--cidr-c3:#c46fe0;--cidr-c4:#3fb8c9;--cidr-c5:#e2716b;--cidr-c6:#9aa14a;--cidr-c7:#8a8fa3}html.dark .cidr-root{--cidr-c0:#8fa9ff;--cidr-c1:#3fd08f;--cidr-c2:#f0b44c;--cidr-c3:#d18cf0;--cidr-c4:#5fd0e0;--cidr-c5:#f08a84;--cidr-c6:#b8c060;--cidr-c7:#9aa0b6}.cidr-root .cidr-c0{--c:var(--cidr-c0)}.cidr-root .cidr-c1{--c:var(--cidr-c1)}.cidr-root .cidr-c2{--c:var(--cidr-c2)}.cidr-root .cidr-c3{--c:var(--cidr-c3)}.cidr-root .cidr-c4{--c:var(--cidr-c4)}.cidr-root .cidr-c5{--c:var(--cidr-c5)}.cidr-root .cidr-c6{--c:var(--cidr-c6)}.cidr-root .cidr-c7{--c:var(--cidr-c7)}.cidr-root .cidr-restored{margin:-.4rem 0 .8rem}.cidr-root .cidr-hero{border:1px solid var(--line);background:var(--card);border-radius:1.1rem;gap:1.1rem;margin-bottom:1rem;padding:1rem;display:grid}@media (min-width:640px){.cidr-root .cidr-hero{padding:1.25rem 1.4rem}}.cidr-root .cidr-input{letter-spacing:.01em;padding:.65rem .85rem;font-size:clamp(17px,4.6vw,22px)}.cidr-root .cidr-err{gap:.3rem;display:grid}.cidr-root .cidr-echo{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;font-weight:400}.cidr-root .cidr-echo mark{background:color-mix(in srgb, var(--tk-warn) 25%, transparent);color:var(--ink);border-bottom:2px solid var(--tk-warn);border-radius:2px;padding:0 1px}.cidr-root .cidr-prefix{gap:.45rem;min-width:0;display:grid}.cidr-root .cidr-prefix-out{text-align:center;background:var(--primary);min-width:3.2rem;color:var(--on-primary);border-radius:999px;padding:.15rem .5rem;font-size:15px;font-weight:600}.cidr-root .cidr-range{--cidr-fill:50%;appearance:none;cursor:pointer;background:0 0;width:100%;height:1.6rem}.cidr-root .cidr-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--primary) var(--cidr-fill), color-mix(in srgb, var(--ink) 12%, transparent) var(--cidr-fill));height:8px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 14%, transparent);border-radius:999px}.cidr-root .cidr-range::-moz-range-track{background:linear-gradient(to right, var(--primary) var(--cidr-fill), color-mix(in srgb, var(--ink) 12%, transparent) var(--cidr-fill));border-radius:999px;height:8px}.cidr-root .cidr-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--background);border:2px solid var(--ink);border-radius:999px;width:22px;height:22px;margin-top:-7px;transition:transform .15s}.cidr-root .cidr-range::-moz-range-thumb{background:var(--background);border:2px solid var(--ink);border-radius:999px;width:18px;height:18px}.cidr-root .cidr-range:active::-webkit-slider-thumb{transform:scale(1.12)}.cidr-root .cidr-range:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:6px}.cidr-root .cidr-bits{touch-action:none;-webkit-user-select:none;user-select:none;cursor:col-resize;flex-wrap:wrap;gap:.55rem .7rem;min-width:0;display:flex}.cidr-root .cidr-bits-group{justify-items:center;gap:.2rem;display:grid}.cidr-root .cidr-bits-row{gap:2px;display:flex}.cidr-root .cidr-bit{border:1px solid var(--line);width:1.15rem;height:1.6rem;font-family:var(--font-mono-base), ui-monospace, monospace;color:var(--muted);background:var(--background);border-radius:.3rem;justify-content:center;align-items:center;font-size:12px;transition:background-color .18s,color .18s,border-color .18s;display:inline-flex}.cidr-root .cidr-bit.is-net{background:var(--primary);border-color:color-mix(in srgb, var(--ink) 22%, var(--primary));color:var(--on-primary);font-weight:600}.cidr-root .cidr-bit.is-edge{box-shadow:3px 0 0 -1px var(--ink)}.cidr-root .cidr-bits[data-family="6"] .cidr-bit{border-radius:.22rem;width:.8rem;height:1.35rem;font-size:10px}.cidr-root .cidr-bits[data-family="6"] .cidr-bits-row{gap:1px}.cidr-root .cidr-bits-val{color:var(--muted);font-size:11.5px}.cidr-root .cidr-legend{flex-wrap:wrap;gap:.4rem 1.1rem;display:flex}.cidr-root .cidr-sw{border:1px solid var(--line);vertical-align:-1px;background:var(--background);border-radius:.2rem;width:.8rem;height:.8rem;display:inline-block}.cidr-root .cidr-sw--net{background:var(--primary);border-color:color-mix(in srgb, var(--ink) 22%, var(--primary))}.cidr-root .cidr-stats{margin-bottom:1.2rem}.cidr-root .cidr-stat-mono{font-family:var(--font-mono-base), ui-monospace, monospace;white-space:nowrap;font-size:.66em}.cidr-root .cidr-stat-type{font-size:.72em;line-height:1.25;display:inline-block}.cidr-root .cidr-info th{width:34%;color:var(--muted);font-weight:500}.cidr-root .cidr-info td.cidr-val{font-size:13.5px}.cidr-root .cidr-copy-cell{text-align:right;width:2.6rem}.cidr-root .cidr-copy{width:1.9rem;height:1.9rem}.cidr-root .cidr-zones{gap:.2rem;font-size:12.5px;display:grid}.cidr-root .cidr-strip{border-radius:6px;gap:2px;height:14px;display:flex;overflow:hidden}.cidr-root .cidr-strip-seg{background:var(--c);opacity:.85;flex:1 1 0;animation:.35s both cidr-grow}.cidr-root .cidr-tablewrap{max-height:26rem;overflow:auto}.cidr-root .cidr-reqs{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.cidr-root .cidr-req{flex-wrap:wrap;align-items:center;gap:.45rem;min-width:0;display:flex}.cidr-root .cidr-req-name{flex:10rem;min-width:0}.cidr-root .cidr-req-hosts{flex:0 9rem;align-items:center;gap:.35rem;display:flex}.cidr-root .cidr-req-hosts input{width:6rem}.cidr-root .cidr-dot{background:var(--c);border-radius:999px;flex-shrink:0;width:.7rem;height:.7rem}.cidr-root .cidr-alloc{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--ink) 6%, transparent) 0 6px, transparent 6px 12px);border:1px solid var(--line);border-radius:8px;height:26px;position:relative;overflow:hidden}.cidr-root .cidr-alloc-seg{background:linear-gradient(to right, var(--c) var(--used), color-mix(in srgb, var(--c) 35%, transparent) var(--used));border-right:1px solid var(--background);transform-origin:0;min-width:2px;animation:.35s both cidr-grow;position:absolute;top:0;bottom:0}.cidr-root .cidr-free{margin-top:.3rem;font-size:12.5px}.cidr-root tr[data-fits=no] td{color:var(--tk-warn)}.cidr-root .cidr-map{min-width:0;margin:0}.cidr-root .cidr-map-lanes{border:1px solid var(--line);background:var(--background);border-radius:.8rem;margin-top:.5rem;position:relative;overflow:hidden}.cidr-root .cidr-map-bar{background:color-mix(in srgb, var(--c) 30%, var(--card));border:1.5px solid var(--c);border-radius:.4rem;align-items:center;height:1.6rem;animation:.3s both cidr-fade;display:flex;position:absolute;overflow:hidden}.cidr-root .cidr-map-bar.is-flag{border-style:dashed;border-color:var(--tk-warn)}.cidr-root .cidr-map-bar:focus-visible{outline:2px solid var(--ink);outline-offset:1px;z-index:2}.cidr-root .cidr-map-label{font-family:var(--font-mono-base), monospace;white-space:nowrap;color:var(--ink);padding:0 .35rem;font-size:11px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.cidr-root .cidr-map-axis{height:1.1rem;color:var(--muted);margin-top:.3rem;font-size:11px;position:relative}.cidr-root .cidr-map-tick{white-space:nowrap;text-overflow:ellipsis;border-left:1px solid var(--line);padding-left:.25rem;position:absolute;top:0;overflow:hidden}.cidr-root .cidr-map-gap{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--ink) 10%, transparent) 0 3px, transparent 3px 7px);border-inline:1px dashed var(--line);position:absolute;top:0;bottom:0}.cidr-root .cidr-rels,.cidr-root .cidr-checks{gap:.35rem;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.cidr-root .cidr-merged{max-height:16rem}.cidr-root .cidr-verdict{border:1px solid var(--line);border-radius:.8rem;padding:.55rem .8rem;font-weight:600}.cidr-root .cidr-verdict.is-in{border-color:color-mix(in srgb, var(--tk-ok) 55%, var(--line));background:color-mix(in srgb, var(--tk-ok) 9%, var(--card))}.cidr-root .cidr-check{flex-wrap:wrap;align-items:center;gap:.4rem;min-width:0;display:inline-flex}.cidr-root .cidr-check.is-out{opacity:.75}@keyframes cidr-grow{0%{opacity:0;transform:scaleX(.6)}to{opacity:1;transform:none}}@keyframes cidr-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.cidr-root .cidr-bit{transition:none}.cidr-root .cidr-range::-webkit-slider-thumb{transition:none}.cidr-root .cidr-strip-seg,.cidr-root .cidr-alloc-seg,.cidr-root .cidr-map-bar{animation:none}}