.heading-icon[data-v-470c3e5b]{--tool-color:#10b981}.upload-zone[data-v-470c3e5b]{border:2px dashed color-mix(in srgb, var(--text-secondary) 40%, transparent);background:var(--bg-elevated);text-align:center;cursor:pointer;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;gap:.375rem;min-height:7rem;padding:1.25rem 1rem;transition:border-color .2s;display:flex}.upload-zone input[data-v-470c3e5b]{display:none}.upload-zone strong[data-v-470c3e5b]{color:var(--text-primary);font-size:.875rem}.upload-zone.drag-over[data-v-470c3e5b],.upload-zone[data-v-470c3e5b]:hover{border-color:var(--brand-500)}.upload-zone.has-image[data-v-470c3e5b]{border-style:solid;border-color:#06b6d4}.format-bar[data-v-470c3e5b]{align-items:center;gap:.5rem;display:flex}.format-label[data-v-470c3e5b]{color:var(--text-secondary);white-space:nowrap;font-size:.875rem}.quality-bar[data-v-470c3e5b]{flex-direction:column;gap:.25rem;display:flex}.quality-bar label[data-v-470c3e5b]{color:var(--text-secondary);font-size:.875rem}.quality-bar input[data-v-470c3e5b]{width:100%;accent-color:var(--brand-500)}.size-badge[data-v-470c3e5b]{background:var(--bg-elevated);color:var(--text-secondary);border-radius:.375rem;padding:.375rem .625rem;font-size:.8125rem}.preview-area[data-v-470c3e5b]{background:#fff;border-radius:.375rem;flex:1;justify-content:center;align-items:center;min-height:14rem;display:flex;overflow:hidden}.preview-area.empty[data-v-470c3e5b]{background:var(--bg-elevated)}.preview-area img[data-v-470c3e5b]{object-fit:contain;max-width:100%;max-height:300px}.preview-empty[data-v-470c3e5b]{color:var(--text-secondary);flex-direction:column;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.compare-bar[data-v-470c3e5b]{background:var(--bg-elevated);border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .625rem;display:flex}.cmp-item[data-v-470c3e5b]{flex-direction:column;gap:.125rem;display:flex}.cmp-label[data-v-470c3e5b]{color:var(--text-secondary);font-size:.625rem}.cmp-item strong[data-v-470c3e5b]{font-size:.8125rem}.cmp-item.converted strong[data-v-470c3e5b]{color:#06b6d4}.cmp-arrow[data-v-470c3e5b]{color:var(--text-secondary);flex-shrink:0}.cmp-ratio[data-v-470c3e5b]{border-radius:.25rem;margin-left:auto;padding:.125rem .375rem;font-size:.8125rem;font-weight:700}.cmp-ratio.smaller[data-v-470c3e5b]{color:#047857;background:#10b98124}.cmp-ratio.larger[data-v-470c3e5b]{color:#b45309;background:#f59e0b24}