.mechanisms-section.svelte-49im18,.modifiers-section.svelte-49im18{margin-bottom:var(--spacing-lg)}.section-header.svelte-49im18{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.section-header.svelte-49im18 h3:where(.svelte-49im18){display:flex;align-items:center;gap:var(--spacing-xs);margin:0;color:var(--color-text)}.section-header.svelte-49im18 .actions:where(.svelte-49im18){display:flex;gap:var(--spacing-sm)}.add-btn.svelte-49im18{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-49im18:hover{background:var(--color-primary-hover)}.mechanisms-list.svelte-49im18,.modifiers-list.svelte-49im18{display:flex;flex-direction:column;gap:var(--spacing-sm)}.mechanism-item.svelte-49im18,.modifier-item.svelte-49im18{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-49im18,.modifier-item.enabled.svelte-49im18{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-49im18{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-49im18{flex-direction:column;align-items:stretch;gap:var(--spacing-xs)}}.mechanism-toggle.svelte-49im18{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;flex:1;min-width:0}.mechanism-toggle.svelte-49im18 input[type=checkbox]:where(.svelte-49im18){width:16px;height:16px;accent-color:var(--color-primary);flex-shrink:0}.mechanism-toggle.svelte-49im18 .mechanism-type:where(.svelte-49im18){font-weight:600;font-family:var(--font-mono);color:var(--color-primary);min-width:65px;flex-shrink:0}.mechanism-toggle.svelte-49im18 .mechanism-description:where(.svelte-49im18){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-49im18{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.qualifier-select.svelte-49im18 select:where(.svelte-49im18){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-49im18 select:where(.svelte-49im18):hover:not(:disabled){border-color:var(--color-primary)}.qualifier-select.svelte-49im18 select:where(.svelte-49im18):focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-bg)}.qualifier-select.svelte-49im18 select:where(.svelte-49im18):disabled{background:var(--color-surface-disabled);color:var(--color-text-disabled);cursor:not-allowed}.mechanism-input.svelte-49im18{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-49im18:disabled{background:var(--color-surface-disabled);color:var(--color-text-disabled)}.remove-btn.svelte-49im18{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-49im18:hover{background:var(--color-error-light);opacity:1;transform:scale(1.05)}.modifier-toggle.svelte-49im18{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer}.modifier-toggle.svelte-49im18 input[type=checkbox]:where(.svelte-49im18){width:16px;height:16px;accent-color:var(--color-primary)}.modifier-toggle.svelte-49im18 .modifier-type:where(.svelte-49im18){font-family:var(--font-mono);font-weight:600;color:var(--color-primary);min-width:80px}.modifier-input.svelte-49im18{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-49im18:disabled{background:var(--color-surface-disabled);color:var(--color-text-disabled)}.spf-record-section.svelte-49im18,.validation-section.svelte-49im18{margin-bottom:var(--spacing-lg)}.record-output.svelte-49im18{margin-bottom:var(--spacing-md)}.zone-file-output.svelte-49im18 h4:where(.svelte-49im18){margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.code-block.svelte-49im18{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-49im18:last-child{margin-bottom:0}.code-block.svelte-49im18 code:where(.svelte-49im18){font-family:var(--font-mono);font-size:var(--font-size-sm);word-break:break-all;display:block}.stats-grid.svelte-49im18{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-49im18{grid-template-columns:1fr}}.stat-item.svelte-49im18{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-49im18{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.stat-value.svelte-49im18{font-weight:600;font-family:var(--font-mono)}.stat-value.success.svelte-49im18{color:var(--color-success)}.stat-value.warning.svelte-49im18{color:var(--color-warning)}.stat-value.error.svelte-49im18{color:var(--color-error)}.validation-messages.svelte-49im18{display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.validation-messages.svelte-49im18:last-child{margin-bottom:0}.validation-messages.success.svelte-49im18{background:var(--color-success-bg);border:1px solid var(--color-success);color:var(--color-success)}.validation-messages.warning.svelte-49im18{background:var(--color-warning-bg);border:1px solid var(--color-warning);color:var(--color-warning)}.validation-messages.error.svelte-49im18{background:var(--color-error-bg);border:1px solid var(--color-error);color:var(--color-error)}.messages.svelte-49im18{flex:1}.message.svelte-49im18{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.message.svelte-49im18:last-child{margin-bottom:0}.examples-section.svelte-49im18{margin-top:var(--spacing-lg)}.examples-toggle.svelte-49im18{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-sm)}.examples-toggle.svelte-49im18 summary:where(.svelte-49im18){display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;border:1px solid var(--color-border)}.examples-toggle.svelte-49im18 summary:where(.svelte-49im18):hover{background:var(--color-surface-variant)}.examples-grid.svelte-49im18{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-49im18{grid-template-columns:1fr}}.example-card.svelte-49im18{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-49im18:hover{background:var(--color-surface-variant);border-color:var(--color-primary)}.example-card.selected.svelte-49im18{border-color:var(--color-primary);background:var(--color-primary-bg)}.example-card.svelte-49im18 .example-header:where(.svelte-49im18){width:100%}.example-card.svelte-49im18 .example-header:where(.svelte-49im18) strong:where(.svelte-49im18){color:var(--color-primary);font-size:var(--font-size-sm)}.example-card.svelte-49im18 .example-description:where(.svelte-49im18){margin:0;font-size:var(--font-size-xs);color:var(--color-text-secondary);width:100%}.example-card.svelte-49im18 .example-preview:where(.svelte-49im18){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-49im18,.export-btn.svelte-49im18{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-49im18:hover,.export-btn.svelte-49im18:hover{background:var(--color-primary-hover)}.copy-btn.success.svelte-49im18,.export-btn.success.svelte-49im18{background:var(--color-success)!important;color:var(--bg-secondary)!important;transform:scale(1.05)}.copy-btn.success.svelte-49im18:hover,.export-btn.success.svelte-49im18:hover{background:var(--color-success)!important}.export-btn.svelte-49im18{background:var(--color-success)}.export-btn.svelte-49im18:hover{background:var(--color-success-hover)}