.subnet-calculator-module__WJZKyq__tool{}.subnet-calculator-module__WJZKyq__banner{}.subnet-calculator-module__WJZKyq__bannerAction{color:var(--color-accent-fg);cursor:pointer;font-size:inherit;text-underline-offset:2px;min-block-size:var(--target-min);background:0 0;border:none;padding:0;text-decoration:underline}.subnet-calculator-module__WJZKyq__workspace{gap:var(--space-4);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@media (min-width:1024px){.subnet-calculator-module__WJZKyq__workspace{grid-template-columns:360px minmax(0,1fr)}}.subnet-calculator-module__WJZKyq__formPane{gap:var(--space-4);background:var(--color-bg-pane);border:1px solid var(--color-border-control);border-radius:var(--radius-md);padding:var(--space-4);flex-direction:column;display:flex}.subnet-calculator-module__WJZKyq__jumpLink{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-accent-fg);text-underline-offset:2px;text-decoration:underline;display:none}@media (max-width:767px){.subnet-calculator-module__WJZKyq__jumpLink{min-block-size:var(--target-touch);align-items:center;display:inline-flex}}.subnet-calculator-module__WJZKyq__field{gap:var(--space-2);flex-direction:column;display:flex}.subnet-calculator-module__WJZKyq__fieldLabel{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.subnet-calculator-module__WJZKyq__smartField{inline-size:100%;min-block-size:var(--control-height);padding-inline:var(--space-3);font-family:var(--font-mono);font-feature-settings:"zero";font-size:var(--text-code-size);line-height:var(--text-code-line);color:var(--color-text-primary);background:var(--color-bg-surface);border:1px solid var(--color-border-control);border-radius:var(--radius-sm)}.subnet-calculator-module__WJZKyq__smartField::placeholder{color:var(--color-text-muted)}.subnet-calculator-module__WJZKyq__smartField:focus-visible,.subnet-calculator-module__WJZKyq__numberField:focus-visible,.subnet-calculator-module__WJZKyq__select:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent-fg);outline-offset:var(--focus-ring-offset-inset)}.subnet-calculator-module__WJZKyq__fieldNote{min-block-size:calc(var(--text-ui-xs-line) * 2);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary)}.subnet-calculator-module__WJZKyq__fieldNoteError{color:var(--color-danger-fg)}.subnet-calculator-module__WJZKyq__prefixRow{align-items:center;gap:var(--space-3);display:flex}.subnet-calculator-module__WJZKyq__prefixSlider{min-inline-size:0;accent-color:var(--color-accent-fg);min-block-size:var(--target-min);cursor:pointer;flex:1}.subnet-calculator-module__WJZKyq__prefixSlider:disabled{cursor:default;opacity:var(--opacity-disabled)}.subnet-calculator-module__WJZKyq__prefixSlider:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent-fg);outline-offset:var(--focus-ring-offset)}.subnet-calculator-module__WJZKyq__numberField{inline-size:88px;font-family:var(--font-mono);font-feature-settings:"zero";font-size:var(--text-code-size);line-height:var(--text-code-line);font-variant-numeric:tabular-nums;}.subnet-calculator-module__WJZKyq__select{inline-size:100%;}.subnet-calculator-module__WJZKyq__errorBox{}.subnet-calculator-module__WJZKyq__noteBox{background:var(--color-info-bg);}.subnet-calculator-module__WJZKyq__errorMessage{color:var(--color-danger-fg);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line)}.subnet-calculator-module__WJZKyq__noteMessage{color:var(--color-info-fg);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line)}.subnet-calculator-module__WJZKyq__errorActions{gap:var(--space-4);display:inline-flex}.subnet-calculator-module__WJZKyq__outputPane{gap:var(--space-3);background:var(--color-bg-pane);border:1px solid var(--color-border-control);border-radius:var(--radius-md);padding:var(--space-4);flex-direction:column;scroll-margin-block-start:calc(var(--header-height) + var(--space-4));display:flex}.subnet-calculator-module__WJZKyq__outputHeader{align-items:center;gap:var(--space-3);min-block-size:var(--space-6);display:flex}.subnet-calculator-module__WJZKyq__paneBadge{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);padding:0 var(--space-2);min-block-size:var(--space-5);white-space:nowrap;align-items:center;display:inline-flex}.subnet-calculator-module__WJZKyq__staleBadge{color:var(--color-warning-fg);background:var(--color-warning-bg);border-radius:var(--radius-full);padding:0 var(--space-2);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line)}.subnet-calculator-module__WJZKyq__staleOutput{border-color:var(--color-warning-fg)}.subnet-calculator-module__WJZKyq__chips{gap:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.subnet-calculator-module__WJZKyq__chip{align-items:center;gap:var(--space-2);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-info-fg);background:var(--color-info-bg);border-radius:var(--radius-full);padding:var(--space-1) var(--space-2);display:inline-flex}.subnet-calculator-module__WJZKyq__resultsTable{border-collapse:collapse;inline-size:100%}.subnet-calculator-module__WJZKyq__resultRow{border-block-end:1px solid var(--color-border-subtle)}.subnet-calculator-module__WJZKyq__resultRow:last-child{border-block-end:none}.subnet-calculator-module__WJZKyq__resultLabel{text-align:start;vertical-align:middle;font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);font-weight:var(--weight-medium);color:var(--color-text-secondary);padding:var(--space-2) var(--space-3) var(--space-2) 0;white-space:nowrap}.subnet-calculator-module__WJZKyq__resultValue{vertical-align:middle;padding:var(--space-2) var(--space-3) var(--space-2) 0;font-size:var(--text-code-size);line-height:var(--text-code-line);color:var(--color-text-primary);word-break:break-word}.subnet-calculator-module__WJZKyq__mono{font-family:var(--font-mono);font-feature-settings:"zero";font-variant-numeric:tabular-nums}.subnet-calculator-module__WJZKyq__resultAction{vertical-align:middle;text-align:end;inline-size:72px;padding:var(--space-1) 0}.subnet-calculator-module__WJZKyq__rowCopy{min-block-size:28px;padding-inline:var(--space-2);border:1px solid var(--color-border-control);border-radius:var(--radius-sm);font-size:var(--text-ui-xs-size);color:var(--color-text-secondary);cursor:pointer;background:0 0}.subnet-calculator-module__WJZKyq__rowCopy:hover:not(:disabled){border-color:var(--color-accent-fg);color:var(--color-accent-fg)}.subnet-calculator-module__WJZKyq__rowCopy:disabled{opacity:var(--opacity-disabled);cursor:default}.subnet-calculator-module__WJZKyq__classBadge{align-items:center;gap:var(--space-2);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-primary);display:inline-flex}.subnet-calculator-module__WJZKyq__historical{font-style:normal;font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);padding:0 var(--space-2)}.subnet-calculator-module__WJZKyq__badgeGroup{gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.subnet-calculator-module__WJZKyq__classificationBadge{align-items:center;gap:var(--space-1);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-info-fg);background:var(--color-info-bg);border-radius:var(--radius-full);padding:var(--space-1) var(--space-2);display:inline-flex}.subnet-calculator-module__WJZKyq__badgeIcon{font-size:var(--text-ui-xs-size)}.subnet-calculator-module__WJZKyq__binaryRegion{gap:var(--space-2);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-3);flex-direction:column;display:flex}.subnet-calculator-module__WJZKyq__binaryHeading{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.subnet-calculator-module__WJZKyq__binaryToggle{border:1px solid var(--color-border-control);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--text-ui-sm-size);color:var(--color-text-primary);cursor:pointer;text-align:start;background:0 0;display:none}.subnet-calculator-module__WJZKyq__binaryToggle:after{content:" ▾";color:var(--color-text-secondary)}.subnet-calculator-module__WJZKyq__binaryToggle[aria-expanded=true]:after{content:" ▴"}.subnet-calculator-module__WJZKyq__binaryBody{gap:var(--space-2);flex-direction:column;display:flex}.subnet-calculator-module__WJZKyq__binaryBoundary{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-primary);font-weight:var(--weight-medium);min-block-size:var(--text-ui-sm-line)}.subnet-calculator-module__WJZKyq__binaryRows{gap:var(--space-1);flex-direction:column;display:flex;overflow-x:auto}.subnet-calculator-module__WJZKyq__binaryRow{align-items:baseline;gap:var(--space-3);min-block-size:var(--text-code-line);display:flex}.subnet-calculator-module__WJZKyq__binaryLabel{inline-size:72px;font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary);flex:none}.subnet-calculator-module__WJZKyq__binaryOctets{gap:var(--space-2);font-family:var(--font-mono);font-feature-settings:"zero";font-size:var(--text-code-size);line-height:var(--text-code-line);white-space:nowrap;display:inline-flex}.subnet-calculator-module__WJZKyq__binaryOctet{display:inline-flex}.subnet-calculator-module__WJZKyq__bitsNetwork{color:var(--color-accent-fg);background:var(--color-info-bg);border-radius:var(--radius-sm)}.subnet-calculator-module__WJZKyq__bitsHost{color:var(--color-text-secondary)}.subnet-calculator-module__WJZKyq__binaryStep{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary)}.subnet-calculator-module__WJZKyq__splitRegion{gap:var(--space-2);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);block-size:264px;padding:var(--space-3);flex-direction:column;display:flex;overflow:hidden auto}.subnet-calculator-module__WJZKyq__splitEmpty{text-align:center;font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-muted);padding:var(--space-4);flex:1;justify-content:center;align-items:center;display:flex}.subnet-calculator-module__WJZKyq__splitScroll{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-bg-pane);flex:none;block-size:216px;overflow:auto}.subnet-calculator-module__WJZKyq__splitTable{border-collapse:collapse;table-layout:fixed;inline-size:100%}.subnet-calculator-module__WJZKyq__splitHeaderCell{z-index:var(--z-sticky);text-align:start;font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);font-weight:var(--weight-medium);color:var(--color-text-secondary);background:var(--color-bg-pane);border-block-end:1px solid var(--color-border-subtle);padding:var(--space-1) var(--space-2);position:sticky;inset-block-start:0}.subnet-calculator-module__WJZKyq__splitRow{block-size:36px}.subnet-calculator-module__WJZKyq__splitCell{text-align:start;vertical-align:middle;font-weight:var(--weight-regular);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-primary);border-block-end:1px solid var(--color-border-subtle);padding:var(--space-1) var(--space-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.subnet-calculator-module__WJZKyq__splitCount{font-variant-numeric:tabular-nums}.subnet-calculator-module__WJZKyq__splitSpacer{border:none;padding:0}.subnet-calculator-module__WJZKyq__echoSlot{min-inline-size:var(--space-4);text-align:start;display:inline-block}.subnet-calculator-module__WJZKyq__actions{}.subnet-calculator-module__WJZKyq__actionButton{}.subnet-calculator-module__WJZKyq__actionPrimary{}.subnet-calculator-module__WJZKyq__shareNote,.subnet-calculator-module__WJZKyq__keyboardHint,.subnet-calculator-module__WJZKyq__dialogNote{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted)}.subnet-calculator-module__WJZKyq__optionCheck{align-items:center;gap:var(--space-2);font-size:var(--text-ui-md-size);line-height:var(--text-ui-md-line);min-block-size:var(--target-min);display:inline-flex}.subnet-calculator-module__WJZKyq__dialog{}.subnet-calculator-module__WJZKyq__dialogTitle{font-size:var(--text-h4-size);line-height:var(--text-h4-line);margin-block-end:var(--space-4)}.subnet-calculator-module__WJZKyq__shortcutList{gap:var(--space-2);flex-direction:column;margin-block-end:var(--space-4);padding:0;list-style:none;display:flex}.subnet-calculator-module__WJZKyq__shortcutItem{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line)}.subnet-calculator-module__WJZKyq__kbd{}@media (max-width:767px){.subnet-calculator-module__WJZKyq__binaryHeading{display:none}.subnet-calculator-module__WJZKyq__binaryToggle{display:block}.subnet-calculator-module__WJZKyq__binaryBodyCollapsed{display:none}}@media (pointer:coarse){.subnet-calculator-module__WJZKyq__smartField,.subnet-calculator-module__WJZKyq__numberField{font-size:max(var(--text-code-size), 16px)}.subnet-calculator-module__WJZKyq__select{font-size:max(var(--text-ui-md-size), 16px)}}@media (max-width:1023px){.subnet-calculator-module__WJZKyq__actionButton,.subnet-calculator-module__WJZKyq__smartField,.subnet-calculator-module__WJZKyq__numberField,.subnet-calculator-module__WJZKyq__select,.subnet-calculator-module__WJZKyq__binaryToggle{min-block-size:var(--target-touch)}.subnet-calculator-module__WJZKyq__rowCopy{min-block-size:var(--target-touch);min-inline-size:var(--target-touch)}.subnet-calculator-module__WJZKyq__bannerAction,.subnet-calculator-module__WJZKyq__jumpLink,.subnet-calculator-module__WJZKyq__optionCheck{min-block-size:var(--target-touch);align-items:center;display:inline-flex}.subnet-calculator-module__WJZKyq__prefixSlider{min-block-size:var(--target-touch)}.subnet-calculator-module__WJZKyq__resultAction{inline-size:84px}}@media (pointer:coarse){.subnet-calculator-module__WJZKyq__smartField,.subnet-calculator-module__WJZKyq__binaryToggle{min-block-size:var(--target-touch)}.subnet-calculator-module__WJZKyq__rowCopy{min-block-size:var(--target-touch);min-inline-size:var(--target-touch)}.subnet-calculator-module__WJZKyq__bannerAction,.subnet-calculator-module__WJZKyq__jumpLink,.subnet-calculator-module__WJZKyq__optionCheck{min-block-size:var(--target-touch);align-items:center;display:inline-flex}.subnet-calculator-module__WJZKyq__prefixSlider{min-block-size:var(--target-touch)}.subnet-calculator-module__WJZKyq__resultAction{inline-size:84px}}