.overview-section.svelte-19u89n8{margin-bottom:var(--spacing-lg)}.overview-section.svelte-19u89n8 .overview-cards:where(.svelte-19u89n8){display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.overview-section.svelte-19u89n8 .overview-cards:where(.svelte-19u89n8) .overview-card:where(.svelte-19u89n8){background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;align-items:flex-start;gap:var(--spacing-sm)}.overview-section.svelte-19u89n8 .overview-cards:where(.svelte-19u89n8) .overview-card:where(.svelte-19u89n8) div:where(.svelte-19u89n8){display:flex;flex-direction:column;gap:var(--spacing-xs)}.overview-section.svelte-19u89n8 .overview-cards:where(.svelte-19u89n8) .overview-card:where(.svelte-19u89n8) strong:where(.svelte-19u89n8){color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600}.overview-section.svelte-19u89n8 .overview-cards:where(.svelte-19u89n8) .overview-card:where(.svelte-19u89n8) span:where(.svelte-19u89n8){color:var(--text-secondary);font-size:var(--font-size-xs);line-height:1.4}.examples-section.svelte-19u89n8{background-color:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);padding:0}.examples-details.svelte-19u89n8{border:none;background:none}.examples-details[open].svelte-19u89n8 .examples-summary:where(.svelte-19u89n8) .icon{transform:rotate(90deg)}.examples-summary.svelte-19u89n8{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast);border-radius:var(--radius-md)}.examples-summary.svelte-19u89n8:hover{background-color:var(--surface-hover)}.examples-summary.svelte-19u89n8::-webkit-details-marker{display:none}.examples-summary.svelte-19u89n8 .icon{transition:transform var(--transition-fast)}.examples-summary.svelte-19u89n8 h3:where(.svelte-19u89n8){margin:0;font-size:var(--font-size-md);color:var(--text-primary)}.examples-inner.svelte-19u89n8{border-radius:var(--radius-md);margin:var(--spacing-md);margin-top:0}.examples-grid.svelte-19u89n8{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-sm);padding:var(--spacing-md)}.example-item.svelte-19u89n8{padding:var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;display:flex;flex-direction:column;gap:var(--spacing-xs)}.example-item.svelte-19u89n8:hover{background-color:var(--surface-hover);transform:translateY(-1px)}.example-item.active.svelte-19u89n8{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary),transparent 80%)}.example-header.svelte-19u89n8{display:flex;align-items:center;gap:var(--spacing-sm)}.example-label.svelte-19u89n8{font-size:var(--font-size-xs);font-weight:600;padding:2px var(--spacing-xs);background-color:var(--color-primary);color:var(--bg-primary);border-radius:var(--radius-sm)}.example-value.svelte-19u89n8{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-primary);background-color:var(--bg-tertiary);padding:var(--spacing-xs);border-radius:var(--radius-sm);word-break:break-all;white-space:pre-line;border:1px solid var(--border-secondary)}.example-description.svelte-19u89n8{font-size:var(--font-size-xs);color:var(--text-secondary)}.input-section.svelte-19u89n8{background-color:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.input-section.svelte-19u89n8 h3:where(.svelte-19u89n8){margin-top:0;margin-bottom:var(--spacing-md);color:var(--text-primary)}.form-group.svelte-19u89n8 label:where(.svelte-19u89n8){display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);font-weight:600;color:var(--text-primary);font-size:var(--font-size-xs);text-transform:uppercase;-webkit-user-select:none;user-select:none;cursor:help;opacity:.6}.label-input.svelte-19u89n8{width:100%;padding:var(--spacing-md);font-size:var(--font-size-md);font-family:var(--font-mono);border:2px solid var(--border-primary);border-radius:var(--radius-md);background-color:var(--bg-secondary);color:var(--text-primary);resize:vertical;min-height:120px;transition:all var(--transition-fast)}.label-input.svelte-19u89n8:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.results-section.svelte-19u89n8{background-color:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.results-section.svelte-19u89n8 h3:where(.svelte-19u89n8){margin-top:0;margin-bottom:var(--spacing-md);color:var(--text-primary)}.result-item.svelte-19u89n8{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all var(--transition-fast);margin-bottom:var(--spacing-md)}.result-item.svelte-19u89n8:last-child{margin-bottom:0}.result-header.svelte-19u89n8{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.result-header.svelte-19u89n8 h4:where(.svelte-19u89n8){margin:0;color:var(--text-primary);font-size:var(--font-size-md)}@media (max-width: 768px){.result-header.svelte-19u89n8{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}.badges.svelte-19u89n8{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.badge.svelte-19u89n8{padding:.25rem var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.badge.info.svelte-19u89n8{color:var(--color-info);background-color:color-mix(in srgb,var(--color-info),transparent 85%);border:1px solid color-mix(in srgb,var(--color-info),transparent 50%)}.badge.warning.svelte-19u89n8{color:var(--color-warning);background-color:color-mix(in srgb,var(--color-warning),transparent 85%);border:1px solid color-mix(in srgb,var(--color-warning),transparent 50%)}.badge.error.svelte-19u89n8{color:var(--color-error);background-color:color-mix(in srgb,var(--color-error),transparent 85%);border:1px solid color-mix(in srgb,var(--color-error),transparent 50%)}.label-comparison.svelte-19u89n8{margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-sm)}.label-row.svelte-19u89n8{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);flex-wrap:wrap}.label-row.svelte-19u89n8:last-child{margin-bottom:0}@media (max-width: 768px){.label-row.svelte-19u89n8{flex-direction:column;align-items:flex-start}}.label-type.svelte-19u89n8{font-weight:600;color:var(--text-primary);min-width:90px;font-size:var(--font-size-sm)}.label-value.svelte-19u89n8{font-family:var(--font-mono);font-size:var(--font-size-sm);background-color:var(--bg-primary);color:var(--text-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--border-secondary);flex:1}.label-value.normalized.svelte-19u89n8{color:var(--color-success);font-weight:600}.copy-button.svelte-19u89n8{display:flex;align-items:center;background:none;border:1px solid var(--border-primary);color:var(--text-primary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.copy-button.svelte-19u89n8:hover{background-color:var(--surface-hover)}.copy-button.copied.svelte-19u89n8{color:var(--color-success);border-color:var(--color-success)}.change-indicator.svelte-19u89n8{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:500;margin-top:var(--spacing-xs)}.change-indicator.success.svelte-19u89n8{color:var(--color-success)}.change-indicator.neutral.svelte-19u89n8{color:var(--text-secondary)}.scripts-section.svelte-19u89n8{margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-secondary)}.scripts-section.svelte-19u89n8 h5:where(.svelte-19u89n8){display:flex;align-items:center;gap:var(--spacing-xs);margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:var(--font-size-sm)}.script-badges.svelte-19u89n8{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.script-badge.svelte-19u89n8{display:inline-block;background-color:color-mix(in srgb,var(--color-info),transparent 85%);color:var(--color-info);padding:.25rem var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;border:1px solid rgba(var(--color-info-rgb),.2)}.validation-section.svelte-19u89n8{margin-bottom:var(--spacing-md)}.validation-section.svelte-19u89n8:last-child{margin-bottom:0}.validation-section.svelte-19u89n8 h5:where(.svelte-19u89n8){display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm)}.validation-section.warnings.svelte-19u89n8 h5:where(.svelte-19u89n8){color:var(--color-warning)}.validation-section.errors.svelte-19u89n8 h5:where(.svelte-19u89n8){color:var(--color-error)}.validation-list.svelte-19u89n8{list-style:none;padding:0;margin:0}.error-item.svelte-19u89n8,.warning-item.svelte-19u89n8{padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-xs);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.error-item.svelte-19u89n8:last-child,.warning-item.svelte-19u89n8:last-child{margin-bottom:0}.error-item.svelte-19u89n8{background-color:color-mix(in srgb,var(--color-error),transparent 95%);border-left:3px solid var(--color-error);color:var(--color-error-light)}.warning-item.svelte-19u89n8{background-color:color-mix(in srgb,var(--color-warning),transparent 95%);border-left:3px solid var(--color-warning);color:var(--color-warning-light)}.education-section.svelte-19u89n8{background-color:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--spacing-lg)}.education-section.svelte-19u89n8 h3:where(.svelte-19u89n8){margin-top:0;margin-bottom:var(--spacing-md)}.education-grid.svelte-19u89n8{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.education-item.svelte-19u89n8{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all var(--transition-fast)}.education-item.svelte-19u89n8 h4:where(.svelte-19u89n8){margin-top:0;margin-bottom:var(--spacing-sm);font-size:var(--font-size-md);color:var(--color-primary)}.education-item.svelte-19u89n8 p:where(.svelte-19u89n8){color:var(--text-secondary);line-height:1.5;margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm)}.code-example.svelte-19u89n8{background-color:var(--bg-tertiary);padding:var(--spacing-xs);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-primary);border:1px solid var(--border-secondary)}@media (max-width: 768px){.overview-cards.svelte-19u89n8,.examples-grid.svelte-19u89n8,.education-grid.svelte-19u89n8{grid-template-columns:1fr}.badges.svelte-19u89n8{justify-content:flex-start}.examples-inner.svelte-19u89n8,.input-inner.svelte-19u89n8{margin:var(--spacing-sm);margin-top:0}}