.sc{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-6)}.sc-form{display:grid;gap:var(--sp-3)}.sc-form__row{display:grid;gap:var(--sp-2);grid-template-columns:minmax(0,1fr)}@media(min-width:40em){.sc-form__row{grid-template-columns:minmax(0,1fr) auto auto;align-items:stretch}.sc-form__row .select{width:6.5rem;height:3rem}.sc-form__row .btn{min-height:3rem}}.sc-msg,.sc-msg--fail{color:var(--c-fail)}.sc-result{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-5)}.sc-head{display:grid;gap:var(--sp-3);align-items:start}@media(min-width:48em){.sc-head{grid-template-columns:minmax(0,1fr) auto}.sc-head__actions{grid-column:2;grid-row:1 / span 2;justify-self:end}}.sc-head__main{min-width:0;display:grid;gap:var(--sp-1)}.sc-cidr{font-size:clamp(1.375rem,1rem + 1.6vw,2rem);font-weight:500;letter-spacing:var(--ls-tight);line-height:var(--lh-tight);overflow-wrap:anywhere;margin:0}.sc-head__tags,.sc-head__actions{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.sc-grid{display:grid;gap:0;margin:0;border:var(--border-w) solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface);overflow:hidden}@media(min-width:48em){.sc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.sc-row{display:grid;grid-template-columns:minmax(0,1fr);gap:.15rem;padding:var(--sp-3) var(--sp-4);border-top:var(--border-w) solid var(--c-border);min-width:0}.sc-row:first-child{border-top:0}@media(min-width:48em){.sc-row:nth-child(2){border-top:0}.sc-row:nth-child(odd){border-inline-end:var(--border-w) solid var(--c-border)}}.sc-row dt{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--c-text-3);margin:0}.sc-row dd{margin:0;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);font-weight:var(--fw-medium);min-width:0;flex-wrap:wrap}.sc-row dd>span:first-child{overflow-wrap:anywhere;font-size:var(--fs-md)}.sc-row dd .mono{font-size:.95rem}.sc-row__sub{flex-basis:100%;font-size:var(--fs-xs);color:var(--c-text-3);font-weight:var(--fw-regular)}.sc-copy{margin-inline-start:auto;color:var(--c-text-3)}.sc-copy:hover{color:var(--c-text)}.sc-section{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-3);min-width:0}.sc-section__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-3)}.sc-section__title{font-size:var(--fs-lg)}.sc-section__desc{font-size:var(--fs-sm);max-width:64ch;margin-top:calc(-1 * var(--sp-1))}.sc-inline{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--c-text-2)}.sc-inline .select{width:7rem}.sc-tools{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-6);padding-top:var(--sp-5);border-top:var(--border-w) solid var(--c-border)}@media(min-width:64em){.sc-tools{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--sp-8)}}.sc-bits{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--sp-1) 0;font-family:var(--font-mono)}.sc-octet{display:grid;gap:.2rem;justify-items:center}.sc-octet__bits{display:flex}.sc-bit{display:inline-grid;place-items:center;width:clamp(.72rem,2.5vw,1.35rem);height:1.6rem;font-size:clamp(.6rem,2vw,.8rem);border:var(--border-w) solid var(--c-border);margin-inline-end:-1px}.sc-bit.is-net{background:var(--c-accent-soft);color:var(--c-accent);border-color:var(--c-accent-border);position:relative;z-index:1}.sc-bit.is-host{background:var(--c-surface-2);color:var(--c-text-2)}.sc-octet__dec{font-size:var(--fs-xs);color:var(--c-text-3)}.sc-dot{align-self:center;padding:0 .25rem 1.1rem;color:var(--c-text-3);font-weight:500}.sc-bits--v6{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-2)}@media(min-width:40em){.sc-bits--v6{grid-template-columns:repeat(8,minmax(0,1fr))}}.sc-group{display:grid;gap:.3rem;min-width:0}.sc-group__hex{font-size:var(--fs-sm);text-align:center;letter-spacing:.04em}.sc-group__bar{display:block;height:.6rem;border-radius:var(--r-xs);background:linear-gradient(90deg,var(--c-accent) 0 var(--net),var(--c-surface-3) var(--net) 100%);border:var(--border-w) solid var(--c-border)}.sc-legend{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4);font-size:var(--fs-xs);color:var(--c-text-2)}.sc-legend span{display:inline-flex;align-items:center;gap:.4rem}.sc-swatch{width:.75rem;height:.75rem;border-radius:2px;border:var(--border-w) solid var(--c-border);display:inline-block}.sc-swatch.is-net{background:var(--c-accent-soft);border-color:var(--c-accent-border)}.sc-bits--v6~.sc-legend .sc-swatch.is-net{background:var(--c-accent)}.sc-swatch.is-host{background:var(--c-surface-3)}.sc .table__foot{justify-content:flex-start}.sc .table td.mono span{overflow-wrap:anywhere}