.mechanisms-section.svelte-jtzall,.modifiers-section.svelte-jtzall{margin-bottom:var(--spacing-lg)}.section-header.svelte-jtzall{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.section-header.svelte-jtzall h3:where(.svelte-jtzall){display:flex;align-items:center;gap:var(--spacing-xs);margin:0;color:var(--color-text)}.section-header.svelte-jtzall .actions:where(.svelte-jtzall){display:flex;gap:var(--spacing-sm)}.add-btn.svelte-jtzall{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary);color:var(--bg-secondary);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);transition:background-color .2s ease}.add-btn.svelte-jtzall:hover{background:var(--color-primary-hover)}.mechanisms-list.svelte-jtzall,.modifiers-list.svelte-jtzall{display:flex;flex-direction:column;gap:var(--spacing-sm)}.mechanism-item.svelte-jtzall,.modifier-item.svelte-jtzall{padding:var(--spacing-sm);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-tertiary);opacity:.7;transition:all .2s ease}.mechanism-item.enabled.svelte-jtzall,.modifier-item.enabled.svelte-jtzall{opacity:1;border-style:solid;border-width:1px;filter:brightness(1.1);border-color:color-mix(in srgb,var(--color-primary) 30%,transparent)}.mechanism-header.svelte-jtzall{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}@media (max-width: 768px){.mechanism-header.svelte-jtzall{flex-direction:column;align-items:stretch;gap:var(--spacing-xs)}}.mechanism-toggle.svelte-jtzall{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;flex:1;min-width:0}.mechanism-toggle.svelte-jtzall input[type=checkbox]:where(.svelte-jtzall){width:16px;height:16px;accent-color:var(--color-primary);flex-shrink:0}.mechanism-toggle.svelte-jtzall .mechanism-type:where(.svelte-jtzall){font-weight:600;font-family:var(--font-mono);color:var(--color-primary);min-width:65px;flex-shrink:0}.mechanism-toggle.svelte-jtzall .mechanism-description:where(.svelte-jtzall){font-size:var(--font-size-xs);color:var(--color-text-secondary);font-style:italic;margin-left:var(--spacing-xs);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mechanism-controls.svelte-jtzall{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.qualifier-select.svelte-jtzall select:where(.svelte-jtzall){padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);font-family:var(--font-mono);font-size:var(--font-size-sm);cursor:pointer;min-width:100px;transition:all .2s ease}.qualifier-select.svelte-jtzall select:where(.svelte-jtzall):hover:not(:disabled){border-color:var(--color-primary)}.qualifier-select.svelte-jtzall select:where(.svelte-jtzall):focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-bg)}.qualifier-select.svelte-jtzall select:where(.svelte-jtzall):disabled{background:var(--color-surface-disabled);color:var(--color-text-disabled);cursor:not-allowed}.mechanism-input.svelte-jtzall{width:100%;padding:var(--spacing-xs);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-sm)}.mechanism-input.svelte-jtzall:disabled{background:var(--color-surface-disabled);color:var(--color-text-disabled)}.remove-btn.svelte-jtzall{padding:var(--spacing-xs);background:var(--color-error);color:var(--bg-secondary);border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.7;width:24px;height:24px}.remove-btn.svelte-jtzall:hover{background:var(--color-error-light);opacity:1;transform:scale(1.05)}.modifier-toggle.svelte-jtzall{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer}.modifier-toggle.svelte-jtzall input[type=checkbox]:where(.svelte-jtzall){width:16px;height:16px;accent-color:var(--color-primary)}.modifier-toggle.svelte-jtzall .modifier-type:where(.svelte-jtzall){font-family:var(--font-mono);font-weight:600;color:var(--color-primary);min-width:80px}.modifier-input.svelte-jtzall{flex:1;padding:var(--spacing-xs);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-sm)}.modifier-input.svelte-jtzall:disabled{background:var(--color-surface-disabled);color:var(--color-text-disabled)}.spf-record-section.svelte-jtzall,.validation-section.svelte-jtzall{margin-bottom:var(--spacing-lg)}.record-output.svelte-jtzall{margin-bottom:var(--spacing-md)}.zone-file-output.svelte-jtzall h4:where(.svelte-jtzall){margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.code-block.svelte-jtzall{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.code-block.svelte-jtzall:last-child{margin-bottom:0}.code-block.svelte-jtzall code:where(.svelte-jtzall){font-family:var(--font-mono);font-size:var(--font-size-sm);word-break:break-all;display:block}.stats-grid.svelte-jtzall{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}@media (max-width: 768px){.stats-grid.svelte-jtzall{grid-template-columns:1fr}}.stat-item.svelte-jtzall{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs);background:var(--color-surface);border-radius:var(--radius-sm)}.stat-label.svelte-jtzall{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.stat-value.svelte-jtzall{font-weight:600;font-family:var(--font-mono)}.stat-value.success.svelte-jtzall{color:var(--color-success)}.stat-value.warning.svelte-jtzall{color:var(--color-warning)}.stat-value.error.svelte-jtzall{color:var(--color-error)}.validation-messages.svelte-jtzall{display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.validation-messages.svelte-jtzall:last-child{margin-bottom:0}.validation-messages.success.svelte-jtzall{background:var(--color-success-bg);border:1px solid var(--color-success);color:var(--color-success)}.validation-messages.warning.svelte-jtzall{background:var(--color-warning-bg);border:1px solid var(--color-warning);color:var(--color-warning)}.validation-messages.error.svelte-jtzall{background:var(--color-error-bg);border:1px solid var(--color-error);color:var(--color-error)}.messages.svelte-jtzall{flex:1}.message.svelte-jtzall{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.message.svelte-jtzall:last-child{margin-bottom:0}.examples-section.svelte-jtzall{margin-top:var(--spacing-lg)}.examples-toggle.svelte-jtzall{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-sm)}.examples-toggle.svelte-jtzall summary:where(.svelte-jtzall){display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;border:1px solid var(--color-border)}.examples-toggle.svelte-jtzall summary:where(.svelte-jtzall):hover{background:var(--color-surface-variant)}.examples-grid.svelte-jtzall{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}@media (max-width: 768px){.examples-grid.svelte-jtzall{grid-template-columns:1fr}}.example-card.svelte-jtzall{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-surface);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-align:left}.example-card.svelte-jtzall:hover{background:var(--color-surface-variant);border-color:var(--color-primary)}.example-card.selected.svelte-jtzall{border-color:var(--color-primary);background:var(--color-primary-bg)}.example-card.svelte-jtzall .example-header:where(.svelte-jtzall){width:100%}.example-card.svelte-jtzall .example-header:where(.svelte-jtzall) strong:where(.svelte-jtzall){color:var(--color-primary);font-size:var(--font-size-sm)}.example-card.svelte-jtzall .example-description:where(.svelte-jtzall){margin:0;font-size:var(--font-size-xs);color:var(--color-text-secondary);width:100%}.example-card.svelte-jtzall .example-preview:where(.svelte-jtzall){font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-mono);width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copy-btn.svelte-jtzall,.export-btn.svelte-jtzall{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary);color:var(--bg-secondary);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);transition:all .3s ease;transform:scale(1)}.copy-btn.svelte-jtzall:hover,.export-btn.svelte-jtzall:hover{background:var(--color-primary-hover)}.copy-btn.success.svelte-jtzall,.export-btn.success.svelte-jtzall{background:var(--color-success)!important;color:var(--bg-secondary)!important;transform:scale(1.05)}.copy-btn.success.svelte-jtzall:hover,.export-btn.success.svelte-jtzall:hover{background:var(--color-success)!important}.export-btn.svelte-jtzall{background:var(--color-success)}.export-btn.svelte-jtzall:hover{background:var(--color-success-hover)}