@charset "UTF-8";.card-header.svelte-1qqlfpk{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.card-header.svelte-1qqlfpk .left:where(.svelte-1qqlfpk){flex:1;min-width:200px}.card-header.svelte-1qqlfpk .right:where(.svelte-1qqlfpk){min-width:100px;text-align:right}.switch-button.svelte-1qqlfpk{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.switch-button.svelte-1qqlfpk:hover{background-color:var(--surface-hover);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.switch-button.svelte-1qqlfpk:active{transform:translateY(0);box-shadow:none}.switch-button.svelte-1qqlfpk:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.switch-button.svelte-1qqlfpk .icon{transition:transform var(--transition-fast)}.switch-button.svelte-1qqlfpk:hover .icon{transform:rotate(180deg)}.info-panel.svelte-1qqlfpk{margin-top:var(--spacing-xl)}.info-panel.svelte-1qqlfpk .info-metric:where(.svelte-1qqlfpk){text-align:center}.info-panel.svelte-1qqlfpk .info-metric:where(.svelte-1qqlfpk) .info-label:where(.svelte-1qqlfpk){display:block;font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.common-subnets-section.svelte-1qqlfpk{margin-top:var(--spacing-lg)}.common-subnets-section.svelte-1qqlfpk .subnets-grid:where(.svelte-1qqlfpk){display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-sm);margin-top:var(--spacing-md);justify-content:space-between}.common-subnets-section.svelte-1qqlfpk .subnet-card:where(.svelte-1qqlfpk){padding:var(--spacing-sm);text-align:left;border:1px solid var(--border-primary);border-radius:var(--radius-lg);background-color:var(--bg-secondary);transition:all var(--transition-fast);cursor:pointer;width:100%}.common-subnets-section.svelte-1qqlfpk .subnet-card:where(.svelte-1qqlfpk):hover{background-color:var(--surface-hover);border-color:var(--color-primary)}.common-subnets-section.svelte-1qqlfpk .subnet-card.active:where(.svelte-1qqlfpk){background-color:var(--surface-hover);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.common-subnets-section.svelte-1qqlfpk .subnet-info:where(.svelte-1qqlfpk){display:flex;justify-content:space-between;align-items:flex-start}.common-subnets-section.svelte-1qqlfpk .subnet-cidr:where(.svelte-1qqlfpk){display:flex;flex-direction:column;gap:var(--spacing-xs)}.common-subnets-section.svelte-1qqlfpk .cidr-notation:where(.svelte-1qqlfpk){font-family:var(--font-mono);font-weight:700;font-size:var(--font-size-sm);color:var(--text-primary)}.common-subnets-section.svelte-1qqlfpk .subnet-mask:where(.svelte-1qqlfpk){font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-secondary)}.common-subnets-section.svelte-1qqlfpk .host-count:where(.svelte-1qqlfpk){font-size:var(--font-size-xs);color:var(--text-secondary);text-align:right}.explainer-section.svelte-1qqlfpk{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border-radius:var(--radius-lg);border:1px solid var(--border-secondary)}.explainer-section.svelte-1qqlfpk h3:where(.svelte-1qqlfpk){margin-bottom:var(--spacing-lg);text-align:center;color:var(--color-primary)}.explainer-section.svelte-1qqlfpk .explainer-grid:where(.svelte-1qqlfpk){display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.explainer-section.svelte-1qqlfpk .explainer-card:where(.svelte-1qqlfpk){background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all var(--transition-fast);cursor:default}.explainer-section.svelte-1qqlfpk .conversion-examples:where(.svelte-1qqlfpk){margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.explainer-section.svelte-1qqlfpk .conversion-examples:where(.svelte-1qqlfpk) h4:where(.svelte-1qqlfpk){color:var(--color-info-light);margin-bottom:var(--spacing-md);text-align:center}.explainer-section.svelte-1qqlfpk .conversion-examples:where(.svelte-1qqlfpk) .examples-grid:where(.svelte-1qqlfpk){display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-sm)}.explainer-section.svelte-1qqlfpk .conversion-examples:where(.svelte-1qqlfpk) .example-item:where(.svelte-1qqlfpk){display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm);background-color:var(--bg-secondary);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-sm)}.explainer-section.svelte-1qqlfpk .conversion-examples:where(.svelte-1qqlfpk) .example-item:where(.svelte-1qqlfpk) .example-cidr:where(.svelte-1qqlfpk){color:var(--color-info-light);font-weight:700;min-width:2rem}.explainer-section.svelte-1qqlfpk .conversion-examples:where(.svelte-1qqlfpk) .example-item:where(.svelte-1qqlfpk) .example-arrow:where(.svelte-1qqlfpk){color:var(--text-secondary);margin:0 var(--spacing-xs)}.explainer-section.svelte-1qqlfpk .conversion-examples:where(.svelte-1qqlfpk) .example-item:where(.svelte-1qqlfpk) .example-mask:where(.svelte-1qqlfpk){color:var(--color-success-light);font-weight:600;flex:1;text-align:center}.explainer-section.svelte-1qqlfpk .conversion-examples:where(.svelte-1qqlfpk) .example-item:where(.svelte-1qqlfpk) .example-desc:where(.svelte-1qqlfpk){color:var(--text-secondary);font-size:var(--font-size-xs);min-width:4rem;text-align:right}.explainer-section.svelte-1qqlfpk .tips-box:where(.svelte-1qqlfpk){background-color:var(--bg-primary);border:1px solid var(--color-warning);border-radius:var(--radius-md);padding:var(--spacing-md)}.explainer-section.svelte-1qqlfpk .tips-box:where(.svelte-1qqlfpk) h4:where(.svelte-1qqlfpk){color:var(--color-warning);margin-bottom:var(--spacing-sm)}.explainer-section.svelte-1qqlfpk .tips-box:where(.svelte-1qqlfpk) ul:where(.svelte-1qqlfpk){list-style:none;margin:0;padding:0}.explainer-section.svelte-1qqlfpk .tips-box:where(.svelte-1qqlfpk) ul:where(.svelte-1qqlfpk) li:where(.svelte-1qqlfpk){margin-bottom:var(--spacing-xs);color:var(--text-primary);font-size:var(--font-size-sm)}.explainer-section.svelte-1qqlfpk .tips-box:where(.svelte-1qqlfpk) ul:where(.svelte-1qqlfpk) li:where(.svelte-1qqlfpk):before{content:"•";color:var(--color-warning);font-weight:700;display:inline-block;width:1em;margin-right:var(--spacing-xs)}@media (max-width: 768px){.common-subnets-section.svelte-1qqlfpk .subnet-info:where(.svelte-1qqlfpk){flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.common-subnets-section.svelte-1qqlfpk .host-count:where(.svelte-1qqlfpk){text-align:left}.explainer-section.svelte-1qqlfpk{padding:var(--spacing-md)}.explainer-section.svelte-1qqlfpk .explainer-grid:where(.svelte-1qqlfpk){grid-template-columns:1fr}.explainer-section.svelte-1qqlfpk .conversion-examples:where(.svelte-1qqlfpk) .examples-grid:where(.svelte-1qqlfpk){grid-template-columns:1fr}.explainer-section.svelte-1qqlfpk .conversion-examples:where(.svelte-1qqlfpk) .example-item:where(.svelte-1qqlfpk){flex-direction:column;gap:var(--spacing-xs);text-align:center}}