.result-panel.svelte-68yy59{gap:var(--space-4);padding:var(--space-5);border:var(--rim-width) solid var(--rim);border-radius:var(--radius-lg);background-color:var(--surface);flex-direction:column;display:flex}.headline.svelte-68yy59{font:var(--type-h2)}.preview.svelte-68yy59{border-radius:var(--radius-sm);background-color:var(--surface-sunken);place-items:center;min-height:12.5rem;display:grid;overflow:hidden}.preview.svelte-68yy59 img,.preview.svelte-68yy59 canvas,.preview.svelte-68yy59 video{object-fit:contain;max-height:12.5rem}.sizes.svelte-68yy59{align-items:baseline;gap:var(--space-3);font-variant-numeric:tabular-nums;flex-wrap:wrap;display:flex}.before.svelte-68yy59{color:var(--text-muted);text-decoration-line:line-through}.after.svelte-68yy59{font:var(--type-stat);font-variant-numeric:tabular-nums}.saving.svelte-68yy59{align-items:center;gap:var(--space-1);color:var(--success-text);font-weight:600;display:flex}.saving.none.svelte-68yy59{color:var(--text-muted)}.result-panel.svelte-68yy59 .saving-icon{width:var(--icon-sm);height:var(--icon-sm)}.buttons.svelte-68yy59{align-items:stretch;gap:var(--space-3);flex-direction:column;display:flex}.outputs.svelte-68yy59{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.outputs.svelte-68yy59 li:where(.svelte-68yy59){align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.output-name.svelte-68yy59{overflow-wrap:anywhere;flex:1;min-width:0}.output-size.svelte-68yy59{color:var(--text-muted);font:var(--type-small)}@media (width>=600px){.buttons.svelte-68yy59{flex-flow:wrap;align-items:center}}@media (width>=1024px){.result-panel.svelte-68yy59{padding:var(--space-8)}.preview.svelte-68yy59{min-height:17.5rem}.preview.svelte-68yy59 img,.preview.svelte-68yy59 canvas,.preview.svelte-68yy59 video{max-height:17.5rem}}