.mode-section.svelte-mmfvcx{margin-bottom:var(--spacing-lg)}.mode-section.svelte-mmfvcx h3:where(.svelte-mmfvcx){color:var(--color-primary);margin-bottom:var(--spacing-md)}.mode-section.svelte-mmfvcx .tabs:where(.svelte-mmfvcx) .tab:where(.svelte-mmfvcx){display:flex;align-items:center;gap:var(--spacing-xs)}.mode-section.svelte-mmfvcx .tabs:where(.svelte-mmfvcx) .tab:where(.svelte-mmfvcx) .tooltip-trigger{opacity:.7;transition:opacity var(--transition-fast)}.mode-section.svelte-mmfvcx .tabs:where(.svelte-mmfvcx) .tab:where(.svelte-mmfvcx) .tooltip-trigger:hover{opacity:1}.input-section.svelte-mmfvcx{margin-bottom:var(--spacing-lg)}.input-section.svelte-mmfvcx h3:where(.svelte-mmfvcx){color:var(--color-primary);margin-bottom:var(--spacing-md)}.input-section.svelte-mmfvcx .input-wrapper:where(.svelte-mmfvcx){position:relative}.input-section.svelte-mmfvcx .input-wrapper:where(.svelte-mmfvcx) .clear-btn:where(.svelte-mmfvcx){position:absolute;top:50%;right:var(--spacing-sm);transform:translateY(-50%)}.input-section.svelte-mmfvcx .input-field:where(.svelte-mmfvcx){width:100%;padding-right:3rem}.results-section.svelte-mmfvcx{border-top:2px solid var(--border-secondary);padding-top:var(--spacing-lg)}.summary-header.svelte-mmfvcx{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.summary-header.svelte-mmfvcx h3:where(.svelte-mmfvcx){color:var(--color-primary);margin:0}.stats-section.svelte-mmfvcx{margin-bottom:var(--spacing-lg)}.stats-grid.svelte-mmfvcx{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.stat-card.svelte-mmfvcx{padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-primary);display:flex;flex-direction:column;align-items:center;text-align:center}.stat-label.svelte-mmfvcx{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.stat-value.svelte-mmfvcx{font-family:var(--font-mono);font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.visualization-section.svelte-mmfvcx{margin-bottom:var(--spacing-lg)}.visualization-section.svelte-mmfvcx h4:where(.svelte-mmfvcx){color:var(--color-primary);margin-bottom:var(--spacing-md)}.address-bar.svelte-mmfvcx{position:relative;height:40px;background-color:var(--bg-tertiary);border-radius:var(--radius-sm);border:2px solid var(--border-primary);overflow:hidden;margin-bottom:var(--spacing-sm)}.subnet-segment.svelte-mmfvcx{position:absolute;height:100%;background:linear-gradient(45deg,var(--color-primary),var(--color-primary-hover));border-right:3px solid var(--bg-primary);transition:all var(--transition-fast);opacity:.85;cursor:pointer}.subnet-segment.svelte-mmfvcx:hover{filter:brightness(1.1);opacity:1;z-index:2}.subnet-segment.svelte-mmfvcx:last-child{border-right:none}.subnets-section.svelte-mmfvcx h4:where(.svelte-mmfvcx){color:var(--color-primary);margin-bottom:var(--spacing-md)}.subnets-grid.svelte-mmfvcx{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md)}.subnet-card.svelte-mmfvcx{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-md)}.subnet-header.svelte-mmfvcx{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-secondary)}.subnet-cidr.svelte-mmfvcx{font-family:var(--font-mono);font-weight:600;color:var(--color-primary);font-size:var(--font-size-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;flex:1}.subnet-details.svelte-mmfvcx{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-row.svelte-mmfvcx{display:flex;justify-content:space-between;align-items:center}.detail-label.svelte-mmfvcx{font-size:var(--font-size-sm);color:var(--text-secondary);min-width:80px}.detail-value.svelte-mmfvcx{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;flex:1;text-align:right}label.svelte-mmfvcx{display:flex;align-items:center;gap:var(--spacing-xs)}label.svelte-mmfvcx .tooltip-trigger{color:var(--text-secondary);opacity:.7;transition:opacity var(--transition-fast)}label.svelte-mmfvcx .tooltip-trigger:hover{opacity:1;color:var(--color-info)}.btn.svelte-mmfvcx.copied{color:var(--color-success);background-color:#2386361a;border-color:var(--color-success)}.btn.svelte-mmfvcx .icon{width:1rem;height:1rem}.btn.svelte-mmfvcx.btn-xs .icon{width:.75rem;height:.75rem}@media (max-width: 768px){.stats-grid.svelte-mmfvcx{grid-template-columns:repeat(2,1fr)}.subnets-grid.svelte-mmfvcx,.examples-grid.svelte-mmfvcx{grid-template-columns:1fr}.summary-header.svelte-mmfvcx{flex-direction:column;gap:var(--spacing-sm);align-items:stretch}.detail-row.svelte-mmfvcx{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}.explainer-section.svelte-1qdnuw{margin-top:var(--spacing-xl);padding:var(--spacing-xl);background-color:var(--bg-secondary);border-radius:var(--radius-lg)}.explainer-section.svelte-1qdnuw h3:where(.svelte-1qdnuw){color:var(--color-primary);margin-bottom:var(--spacing-md);font-size:var(--font-size-lg);font-weight:600}.explainer-section.svelte-1qdnuw h4:where(.svelte-1qdnuw){color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:var(--font-size-md);font-weight:600;display:flex;align-items:center;gap:var(--spacing-sm)}.explainer-section.svelte-1qdnuw h5:where(.svelte-1qdnuw){color:var(--color-primary);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:600}.split-modes.svelte-1qdnuw{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-lg);margin:var(--spacing-lg) 0}.mode-item.svelte-1qdnuw{border:1px solid var(--border-primary);border-left:4px solid var(--color-info);padding:var(--spacing-md);background:var(--bg-primary);border-radius:var(--radius-md)}.mode-example.svelte-1qdnuw{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--bg-tertiary);border-radius:var(--radius-sm);display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.mode-example.svelte-1qdnuw .arrow:where(.svelte-1qdnuw){font-size:var(--font-size-lg);color:var(--color-primary);font-weight:700}.mode-example.svelte-1qdnuw code:where(.svelte-1qdnuw){background-color:var(--bg-secondary);padding:2px var(--spacing-xs);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:var(--font-size-sm)}.mode-example.svelte-1qdnuw .more:where(.svelte-1qdnuw){color:var(--text-secondary);font-style:italic;font-size:var(--font-size-sm)}.key-concepts.svelte-1qdnuw{margin:var(--spacing-xl) 0}.concepts-grid.svelte-1qdnuw{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.concept.svelte-1qdnuw{padding:var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-md)}.concept.svelte-1qdnuw h5:where(.svelte-1qdnuw){margin-bottom:var(--spacing-sm)}.concept.svelte-1qdnuw p:where(.svelte-1qdnuw){color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.use-cases-box.svelte-1qdnuw{margin:var(--spacing-xl) 0;background-color:var(--bg-primary);border:1px solid var(--color-info);border-radius:var(--radius-md);padding:var(--spacing-md)}.use-cases-box.svelte-1qdnuw h4:where(.svelte-1qdnuw){color:var(--color-info);margin:0 0 var(--spacing-sm) 0}.use-cases-box.svelte-1qdnuw ul:where(.svelte-1qdnuw){list-style:none;margin:0;padding:0}.use-cases-box.svelte-1qdnuw ul:where(.svelte-1qdnuw) li:where(.svelte-1qdnuw){margin-bottom:var(--spacing-xs);color:var(--text-primary);font-size:var(--font-size-sm)}.use-cases-box.svelte-1qdnuw ul:where(.svelte-1qdnuw) li:where(.svelte-1qdnuw):before{content:"•";color:var(--color-info);font-weight:700;display:inline-block;width:1em;margin-right:var(--spacing-xs)}.use-cases-box.svelte-1qdnuw ul:where(.svelte-1qdnuw) li:where(.svelte-1qdnuw) strong:where(.svelte-1qdnuw){color:var(--color-info)}.technical-notes.svelte-1qdnuw{margin:var(--spacing-xl) 0}.notes-grid.svelte-1qdnuw{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md)}.note.svelte-1qdnuw{padding:var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border-secondary);border-left:4px solid var(--color-warning);border-radius:var(--radius-md)}.note.svelte-1qdnuw h5:where(.svelte-1qdnuw){margin-bottom:var(--spacing-sm)}.note.svelte-1qdnuw p:where(.svelte-1qdnuw){color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}@media (max-width: 768px){.split-modes.svelte-1qdnuw{grid-template-columns:1fr}.mode-example.svelte-1qdnuw .arrow:where(.svelte-1qdnuw){transform:rotate(90deg)}.concepts-grid.svelte-1qdnuw,.notes-grid.svelte-1qdnuw{grid-template-columns:1fr}}