.overview-section.svelte-13cpd0t,.methods-section.svelte-13cpd0t,.headers-section.svelte-13cpd0t{background:var(--bg-secondary)}.compression-grid.svelte-13cpd0t{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md)}.compression-card.svelte-13cpd0t{background:var(--color-surface-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:all var(--transition-normal)}.compression-card.best.svelte-13cpd0t{border-color:var(--color-success);background:color-mix(in srgb,var(--color-success),transparent 95%)}.compression-header.svelte-13cpd0t{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.compression-type.svelte-13cpd0t{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:600}.encoding-name.svelte-13cpd0t{text-transform:uppercase;font-size:var(--font-size-sm);letter-spacing:.5px}.compression-status.svelte-13cpd0t{display:flex;align-items:center;gap:var(--spacing-2xs);font-size:var(--font-size-xs);padding:var(--spacing-2xs) var(--spacing-xs);border-radius:var(--radius-sm)}.compression-status.success.svelte-13cpd0t{color:var(--color-success);background:color-mix(in srgb,var(--color-success),transparent 90%)}.compression-status.error.svelte-13cpd0t{color:var(--color-error);background:color-mix(in srgb,var(--color-error),transparent 90%)}.compression-stats.svelte-13cpd0t{display:flex;flex-direction:column;gap:var(--spacing-sm)}.size-comparison.svelte-13cpd0t{display:flex;flex-direction:column;gap:var(--spacing-xs)}.size-bar.svelte-13cpd0t{position:relative;height:8px;background:var(--bg-secondary);border-radius:var(--radius-sm);overflow:hidden}.original-bar.svelte-13cpd0t{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-warning);opacity:.3}.compressed-bar.svelte-13cpd0t{position:absolute;top:0;left:0;height:100%;background:var(--color-success);transition:width var(--transition-normal)}.size-labels.svelte-13cpd0t{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--text-secondary)}.compression-metrics.svelte-13cpd0t{display:flex;justify-content:space-between;font-size:var(--font-size-sm)}.metric.svelte-13cpd0t{display:flex;flex-direction:column;gap:var(--spacing-2xs)}.metric-label.svelte-13cpd0t{color:var(--text-secondary);font-size:var(--font-size-xs)}.metric-value.svelte-13cpd0t{font-weight:600;color:var(--text-primary)}.headers-grid.svelte-13cpd0t{display:grid;gap:var(--spacing-xs)}.header-item.svelte-13cpd0t{display:grid;grid-template-columns:200px 1fr;gap:var(--spacing-sm);padding:var(--spacing-xs);background:var(--color-surface-elevated);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.header-key.svelte-13cpd0t{font-weight:600;color:var(--text-secondary);word-break:break-word}.header-value.svelte-13cpd0t{background:var(--bg-primary);padding:var(--spacing-xs) var(--spacing-sm);font-family:var(--font-mono);border-radius:var(--radius-sm);word-break:break-all}@media (max-width: 768px){.compression-grid.svelte-13cpd0t{grid-template-columns:1fr}.header-item.svelte-13cpd0t{grid-template-columns:1fr;gap:var(--spacing-2xs)}}.results-card.svelte-13cpd0t .card-content:where(.svelte-13cpd0t){display:flex;flex-direction:column;gap:var(--spacing-md)}.results-card.svelte-13cpd0t .card-content:where(.svelte-13cpd0t) .card:where(.svelte-13cpd0t){width:100%}