section.svelte-1novvv6{margin-bottom:var(--spacing-xl)}h2.svelte-1novvv6{color:var(--text-primary);margin-bottom:var(--spacing-lg);font-size:var(--font-size-xl);font-weight:600}.intro-card.svelte-1novvv6{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.intro-card.svelte-1novvv6 p:where(.svelte-1novvv6){color:var(--text-secondary);line-height:1.6;margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-md)}.intro-card.svelte-1novvv6 p:where(.svelte-1novvv6):last-child{margin-bottom:0}.intro-card.svelte-1novvv6 .tools-intro:where(.svelte-1novvv6){color:var(--text-tertiary);font-size:var(--font-size-sm)}.masks-section.svelte-1novvv6{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid var(--border-primary)}.masks-table-wrapper.svelte-1novvv6{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-primary)}.masks-table.svelte-1novvv6{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.masks-table.svelte-1novvv6 th:where(.svelte-1novvv6){background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--bg-primary);padding:var(--spacing-md);text-align:left;font-weight:600;border:none}.masks-table.svelte-1novvv6 td:where(.svelte-1novvv6){padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-primary);background-color:var(--bg-primary);transition:all ease-in .2s}.masks-table.svelte-1novvv6 tr:where(.svelte-1novvv6):hover td:where(.svelte-1novvv6){background-color:var(--bg-secondary)}.masks-table.svelte-1novvv6 tr:where(.svelte-1novvv6):last-child td:where(.svelte-1novvv6){border-bottom:none}.masks-table.svelte-1novvv6 .cidr-cell:where(.svelte-1novvv6){font-family:var(--font-mono);font-weight:600;color:var(--color-primary)}.masks-table.svelte-1novvv6 .mask-cell:where(.svelte-1novvv6){font-family:var(--font-mono);color:var(--text-primary)}.masks-table.svelte-1novvv6 .hosts-cell:where(.svelte-1novvv6){text-align:right;font-family:var(--font-mono);color:var(--text-secondary)}.tips-grid.svelte-1novvv6{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.tips-card.svelte-1novvv6,.mistakes-card.svelte-1novvv6{border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid var(--border-primary)}:is(.tips-card.svelte-1novvv6,.mistakes-card.svelte-1novvv6) h2:where(.svelte-1novvv6){font-size:var(--font-size-lg)}:is(.tips-card.svelte-1novvv6,.mistakes-card.svelte-1novvv6) ul:where(.svelte-1novvv6){list-style:none;padding:0;margin:0}:is(.tips-card.svelte-1novvv6,.mistakes-card.svelte-1novvv6) ul:where(.svelte-1novvv6) li:where(.svelte-1novvv6){padding:var(--spacing-2xs) 0;color:var(--text-secondary);line-height:1.6;position:relative;padding-left:var(--spacing-lg)}:is(.tips-card.svelte-1novvv6,.mistakes-card.svelte-1novvv6) ul:where(.svelte-1novvv6) li:where(.svelte-1novvv6):before{content:"•";position:absolute;left:0;font-weight:700;font-size:1.2em}.tips-card.svelte-1novvv6{background:linear-gradient(135deg,color-mix(in srgb,var(--color-success),transparent 90%),color-mix(in srgb,var(--color-success),transparent 95%))}.tips-card.svelte-1novvv6 li:where(.svelte-1novvv6):before{color:var(--color-success)}.mistakes-card.svelte-1novvv6{background:linear-gradient(135deg,color-mix(in srgb,var(--color-warning),transparent 90%),color-mix(in srgb,var(--color-warning),transparent 95%))}.mistakes-card.svelte-1novvv6 li:where(.svelte-1novvv6):before{color:var(--color-warning)}@media(max-width:768px){.tips-grid.svelte-1novvv6{grid-template-columns:1fr}.masks-section.svelte-1novvv6,.intro-card.svelte-1novvv6{padding:var(--spacing-md)}}