.stats-section.svelte-dqbled h4:where(.svelte-dqbled),.input-section.svelte-dqbled h3:where(.svelte-dqbled),.input-section.svelte-dqbled h4:where(.svelte-dqbled),.mode-section.svelte-dqbled h3:where(.svelte-dqbled){color:var(--color-primary);margin-bottom:var(--spacing-md)}.stat-card.svelte-dqbled,.result-panel.svelte-dqbled{background-color:var(--bg-secondary)}label.svelte-dqbled .tooltip-trigger,.mode-section.svelte-dqbled .tabs:where(.svelte-dqbled) .tab:where(.svelte-dqbled) .tooltip-trigger{opacity:.7;transition:opacity var(--transition-fast)}.mode-section.svelte-dqbled{margin-bottom:var(--spacing-lg)}.mode-section.svelte-dqbled .tabs:where(.svelte-dqbled) .tab:where(.svelte-dqbled){display:flex;align-items:center;gap:var(--spacing-xs)}.input-section.svelte-dqbled{margin-bottom:var(--spacing-lg)}.input-section.svelte-dqbled .input-wrapper:where(.svelte-dqbled){position:relative}.input-section.svelte-dqbled .input-wrapper:where(.svelte-dqbled) .clear-btn:where(.svelte-dqbled){position:absolute;top:var(--spacing-sm);right:var(--spacing-sm)}.input-section.svelte-dqbled .input-textarea:where(.svelte-dqbled){width:100%;min-height:200px;font-family:var(--font-mono);font-size:var(--font-size-sm);resize:vertical;padding-right:4rem}.examples-section.svelte-dqbled{margin-top:var(--spacing-md)}.examples-section.svelte-dqbled .examples-grid:where(.svelte-dqbled){display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-sm)}.examples-section.svelte-dqbled .example-btn:where(.svelte-dqbled){padding:var(--spacing-sm);background-color:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);transition:all var(--transition-fast);position:relative}.examples-section.svelte-dqbled .example-btn:where(.svelte-dqbled):hover{background-color:var(--surface-hover);border-color:var(--color-primary);transform:translateY(-1px)}.examples-section.svelte-dqbled .example-btn.selected:where(.svelte-dqbled){background-color:color-mix(in srgb,var(--color-primary),transparent 90%);border-color:var(--color-primary);border-width:2px;color:var(--color-primary);font-weight:600}.examples-section.svelte-dqbled .example-btn.selected:where(.svelte-dqbled):after{content:"";position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);width:8px;height:8px;background-color:var(--color-primary);border-radius:50%}.results-section.svelte-dqbled{border-top:2px solid var(--border-secondary);padding-top:var(--spacing-lg)}.summary-header.svelte-dqbled{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.summary-header.svelte-dqbled h3:where(.svelte-dqbled){color:var(--color-primary);margin:0}.results-grid.svelte-dqbled{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.result-panel.svelte-dqbled{border-radius:var(--radius-lg);overflow:hidden}.result-panel.ipv4.svelte-dqbled{border:2px solid var(--color-info)}.result-panel.ipv6.svelte-dqbled{border:2px solid var(--color-success)}.result-panel.svelte-dqbled .panel-header:where(.svelte-dqbled){padding:var(--spacing-md);display:flex;justify-content:space-between;align-items:center}.result-panel.svelte-dqbled .panel-header:where(.svelte-dqbled) h4:where(.svelte-dqbled){margin:0;color:var(--bg-secondary);font-size:var(--font-size-md)}.result-panel.ipv4.svelte-dqbled .panel-header:where(.svelte-dqbled){background:linear-gradient(135deg,var(--color-info),var(--color-info-light))}.result-panel.ipv6.svelte-dqbled .panel-header:where(.svelte-dqbled){background:linear-gradient(135deg,var(--color-success),var(--color-success-light))}.cidr-list.svelte-dqbled{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.cidr-item.svelte-dqbled{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background-color:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-primary)}.cidr-block.svelte-dqbled{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-primary)}.stats-grid.svelte-dqbled{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.stat-card.svelte-dqbled{padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-primary);display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:space-between}.stat-label.svelte-dqbled{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.stat-value.svelte-dqbled{font-family:var(--font-mono);font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary)}.stat-value.large.svelte-dqbled{font-size:var(--font-size-xl)}.error-list.svelte-dqbled{margin:var(--spacing-sm) 0;padding-left:var(--spacing-md)}.error-list.svelte-dqbled li:where(.svelte-dqbled){color:var(--color-error);margin-bottom:var(--spacing-xs)}label.svelte-dqbled{display:flex;align-items:center;gap:var(--spacing-xs)}label.svelte-dqbled .tooltip-trigger{color:var(--text-secondary)}.btn.copied.svelte-dqbled{color:var(--color-success);background-color:color-mix(in srgb,var(--color-success),transparent 90%);border-color:var(--color-success);transform:scale(1.05)}.btn.copied.svelte-dqbled .icon{animation:svelte-dqbled-success-pulse .3s ease-out}.btn.svelte-dqbled .icon{width:1rem;height:1rem;transition:transform var(--transition-fast)}.btn.btn-xs.svelte-dqbled .icon{width:.75rem;height:.75rem}.btn.svelte-dqbled:hover:not(.copied) .icon{transform:scale(1.1)}@keyframes svelte-dqbled-success-pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width: 768px){.results-grid.svelte-dqbled{grid-template-columns:1fr}.stats-grid.svelte-dqbled{grid-template-columns:repeat(2,1fr)}.examples-grid.svelte-dqbled{grid-template-columns:1fr}.summary-header.svelte-dqbled{flex-direction:column;gap:var(--spacing-sm);align-items:stretch}}.explainer-section.svelte-cp3zw1{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-cp3zw1 h3:where(.svelte-cp3zw1){color:var(--text-primary);margin-bottom:var(--spacing-md)}@media (max-width: 768px){.explainer-section.svelte-cp3zw1{padding:var(--spacing-md)}}.benefits-grid.svelte-cp3zw1,.modes-grid.svelte-cp3zw1,.use-cases-grid.svelte-cp3zw1,.formats-grid.svelte-cp3zw1{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin:var(--spacing-lg) 0}.benefit-item.svelte-cp3zw1,.use-case-item.svelte-cp3zw1,.format-item.svelte-cp3zw1{padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-primary)}:is(.benefit-item.svelte-cp3zw1,.use-case-item.svelte-cp3zw1,.format-item.svelte-cp3zw1) h4:where(.svelte-cp3zw1),:is(.benefit-item.svelte-cp3zw1,.use-case-item.svelte-cp3zw1,.format-item.svelte-cp3zw1) h5:where(.svelte-cp3zw1){color:var(--color-primary);margin-bottom:var(--spacing-sm);font-size:var(--font-size-md)}:is(.benefit-item.svelte-cp3zw1,.use-case-item.svelte-cp3zw1,.format-item.svelte-cp3zw1) p:where(.svelte-cp3zw1){color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:0}.modes-section.svelte-cp3zw1,.use-cases-section.svelte-cp3zw1,.input-formats-section.svelte-cp3zw1{margin:var(--spacing-lg) 0}:is(.modes-section.svelte-cp3zw1,.use-cases-section.svelte-cp3zw1,.input-formats-section.svelte-cp3zw1) h4:where(.svelte-cp3zw1){color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:var(--font-size-lg);font-weight:600}.mode-item.svelte-cp3zw1{border:1px solid var(--border-primary);border-left:4px solid var(--color-info);padding:var(--spacing-md);background:var(--bg-secondary)}.mode-example.svelte-cp3zw1{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--bg-primary);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:var(--font-size-xs)}.mode-example.svelte-cp3zw1 .example-label:where(.svelte-cp3zw1){font-weight:600;color:var(--color-primary)}.mode-example.svelte-cp3zw1 code:where(.svelte-cp3zw1){font-family:var(--font-mono);background-color:var(--bg-tertiary);padding:2px var(--spacing-xs);border-radius:var(--radius-xs)}.mode-example.svelte-cp3zw1 code:where(.svelte-cp3zw1).example-input{color:var(--color-info)}.mode-example.svelte-cp3zw1 code:where(.svelte-cp3zw1).example-output{color:var(--color-success)}.mode-example.svelte-cp3zw1 .arrow:where(.svelte-cp3zw1){color:var(--text-secondary);text-align:center;font-weight:700}.format-examples.svelte-cp3zw1{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.format-examples.svelte-cp3zw1 code:where(.svelte-cp3zw1){font-family:var(--font-mono);background-color:var(--bg-tertiary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-xs);font-size:var(--font-size-xs);color:var(--color-primary)}.info-box.svelte-cp3zw1{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:linear-gradient(135deg,#0969da1a,#1f6feb0d);border:1px solid var(--color-info);border-radius:var(--radius-md)}.info-box.svelte-cp3zw1 h4:where(.svelte-cp3zw1){color:var(--color-info);margin-bottom:var(--spacing-sm);font-size:var(--font-size-md);font-weight:600;display:flex;align-items:center;gap:var(--spacing-sm)}.info-box.svelte-cp3zw1 h4:where(.svelte-cp3zw1) .icon{width:1.2rem;height:1.2rem}.info-box.svelte-cp3zw1 p:where(.svelte-cp3zw1){color:var(--text-primary);font-size:var(--font-size-sm);line-height:1.6;margin:0}@media (max-width: 768px){.benefits-grid.svelte-cp3zw1,.modes-grid.svelte-cp3zw1,.use-cases-grid.svelte-cp3zw1,.formats-grid.svelte-cp3zw1{grid-template-columns:1fr}.mode-example.svelte-cp3zw1 .arrow:where(.svelte-cp3zw1){transform:rotate(90deg)}}