.webp-workbench[data-astro-cid-ufxsj37q]{gap:var(--space-6);flex-direction:column;display:flex}.support-warning[data-astro-cid-ufxsj37q]{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);color:var(--color-text-primary);background:#ef44441a;border:1px solid #ef44444d;display:flex}.warning-icon[data-astro-cid-ufxsj37q]{font-size:1.5rem;line-height:1}.warning-body[data-astro-cid-ufxsj37q] strong[data-astro-cid-ufxsj37q]{color:#ef4444;margin-bottom:var(--space-1);display:block}.warning-body[data-astro-cid-ufxsj37q] p[data-astro-cid-ufxsj37q]{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.drop-zone[data-astro-cid-ufxsj37q]{border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);padding:var(--space-10) var(--space-6);text-align:center;cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast)}.drop-zone[data-astro-cid-ufxsj37q]:hover,.drop-zone[data-astro-cid-ufxsj37q].drag-over{border-color:var(--color-brand);background:#38bdf80a}.drop-zone-content[data-astro-cid-ufxsj37q]{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.drop-icon[data-astro-cid-ufxsj37q]{color:var(--color-brand)}.drop-copy[data-astro-cid-ufxsj37q] strong[data-astro-cid-ufxsj37q]{font-size:var(--font-size-base);color:var(--color-text-primary);display:block}.btn-link[data-astro-cid-ufxsj37q]{color:var(--color-brand);font-weight:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.drop-hint[data-astro-cid-ufxsj37q]{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-muted)}.format-badges[data-astro-cid-ufxsj37q]{gap:var(--space-2);margin-top:var(--space-2);display:flex}.badge[data-astro-cid-ufxsj37q]{border-radius:var(--radius-sm);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;background:var(--color-bg-subtle);border:1px solid var(--color-border);color:var(--color-text-secondary);align-items:center;padding:.2rem .5rem;font-weight:700;display:inline-flex}.source-info-bar[data-astro-cid-ufxsj37q]{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.info-item[data-astro-cid-ufxsj37q]{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);display:flex}.info-label[data-astro-cid-ufxsj37q]{color:var(--color-text-muted)}.info-value[data-astro-cid-ufxsj37q]{color:var(--color-text-primary)}.info-badge[data-astro-cid-ufxsj37q]{color:var(--color-brand);background:#38bdf81a;border-color:#38bdf84d}.workbench-grid[data-astro-cid-ufxsj37q]{gap:var(--space-6);margin-top:var(--space-4);display:grid}@media (width>=960px){.workbench-grid[data-astro-cid-ufxsj37q]{grid-template-columns:minmax(320px,380px) minmax(0,1fr)}}.controls-column[data-astro-cid-ufxsj37q]{gap:var(--space-5);flex-direction:column;display:flex}.control-fieldset[data-astro-cid-ufxsj37q]{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface);gap:var(--space-3);flex-direction:column;display:flex}.fieldset-legend[data-astro-cid-ufxsj37q]{font-weight:700;font-size:var(--font-size-sm);color:var(--color-text-primary);padding:0 var(--space-2)}.slider-header[data-astro-cid-ufxsj37q]{justify-content:space-between;align-items:center;display:flex}.field-label[data-astro-cid-ufxsj37q]{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:600}.slider-readout[data-astro-cid-ufxsj37q]{font-size:var(--font-size-sm);color:var(--color-brand);font-weight:700;font-family:var(--font-mono)}.range-slider[data-astro-cid-ufxsj37q]{cursor:pointer;width:100%;accent-color:var(--color-brand)}.slider-bounds[data-astro-cid-ufxsj37q]{font-size:var(--font-size-xs);color:var(--color-text-muted);justify-content:space-between;display:flex}.preset-row[data-astro-cid-ufxsj37q]{align-items:center;gap:var(--space-2);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.preset-label[data-astro-cid-ufxsj37q]{font-size:var(--font-size-xs);color:var(--color-text-muted)}.btn-preset[data-astro-cid-ufxsj37q]{font-size:var(--font-size-xs);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-subtle);color:var(--color-text-secondary);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);padding:.25rem .5rem;font-weight:600}.btn-preset[data-astro-cid-ufxsj37q]:hover{border-color:var(--color-brand);color:var(--color-text-primary)}.control-note[data-astro-cid-ufxsj37q]{font-size:var(--font-size-xs);line-height:var(--line-height-relaxed);color:var(--color-text-muted);border-top:1px solid var(--color-border);padding-top:var(--space-3);margin-top:var(--space-1)}.actions-group[data-astro-cid-ufxsj37q]{gap:var(--space-3);flex-direction:column;display:flex}.btn[data-astro-cid-ufxsj37q]{border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), opacity var(--transition-fast);font-weight:650;font-size:var(--font-size-sm);border:1px solid #0000;justify-content:center;align-items:center;padding:.6rem 1rem;display:inline-flex}.btn-lg[data-astro-cid-ufxsj37q]{font-size:var(--font-size-base);padding:.8rem 1.25rem}.btn-sm[data-astro-cid-ufxsj37q]{font-size:var(--font-size-xs);padding:.35rem .65rem}.btn-primary[data-astro-cid-ufxsj37q]{background:var(--color-brand);color:#fff}.btn-primary[data-astro-cid-ufxsj37q]:hover:not(:disabled){background:var(--color-brand-hover,#0284c7)}.btn-success[data-astro-cid-ufxsj37q]{background:var(--color-success,#10b981);color:#fff}.btn-success[data-astro-cid-ufxsj37q]:hover:not(:disabled){background:#059669}.btn-subtle[data-astro-cid-ufxsj37q]{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-secondary)}.btn-subtle[data-astro-cid-ufxsj37q]:hover:not(:disabled){color:var(--color-text-primary);border-color:var(--color-text-muted)}.btn[data-astro-cid-ufxsj37q]:disabled{opacity:.45;cursor:not-allowed}.status-banner[data-astro-cid-ufxsj37q]{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.status-banner[data-astro-cid-ufxsj37q][data-state=success]{color:var(--color-success,#10b981);background:#10b98114;border-color:#10b9814d}.status-banner[data-astro-cid-ufxsj37q][data-state=error]{color:#ef4444;background:#ef444414;border-color:#ef44444d}.shortcut-caption[data-astro-cid-ufxsj37q]{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;margin:0}.preview-column[data-astro-cid-ufxsj37q]{gap:var(--space-4);flex-direction:column;display:flex}.metrics-summary[data-astro-cid-ufxsj37q]{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:1fr auto 1fr 1.2fr;display:grid}@media (width<=640px){.metrics-summary[data-astro-cid-ufxsj37q]{text-align:center;grid-template-columns:1fr}.metric-arrow[data-astro-cid-ufxsj37q]{display:none}}.metric-card[data-astro-cid-ufxsj37q]{flex-direction:column;gap:.15rem;display:flex}.metric-label[data-astro-cid-ufxsj37q]{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.metric-value[data-astro-cid-ufxsj37q]{font-size:var(--font-size-sm);color:var(--color-text-primary);font-family:var(--font-mono)}.metric-card-savings[data-astro-cid-ufxsj37q] .metric-value[data-astro-cid-ufxsj37q]{color:var(--color-brand)}.metric-arrow[data-astro-cid-ufxsj37q]{color:var(--color-text-muted);font-weight:700}.previews-grid[data-astro-cid-ufxsj37q]{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=640px){.previews-grid[data-astro-cid-ufxsj37q]{grid-template-columns:1fr 1fr}}.preview-card[data-astro-cid-ufxsj37q]{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;display:flex;overflow:hidden}.preview-card-header[data-astro-cid-ufxsj37q]{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);font-size:var(--font-size-xs);justify-content:space-between;align-items:center;display:flex}.preview-stage[data-astro-cid-ufxsj37q]{min-height:240px;max-height:380px;padding:var(--space-3);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.preview-checkered[data-astro-cid-ufxsj37q]{background-color:#1a1a24;background-image:linear-gradient(45deg,#242434 25%,#0000 25%),linear-gradient(-45deg,#242434 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#242434 75%),linear-gradient(-45deg,#0000 75%,#242434 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.preview-stage[data-astro-cid-ufxsj37q] img[data-astro-cid-ufxsj37q]{object-fit:contain;border-radius:var(--radius-xs);max-width:100%;max-height:340px;box-shadow:0 4px 12px #00000040}.converted-placeholder[data-astro-cid-ufxsj37q]{color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center;padding:var(--space-6)}.guide-faq-container[data-astro-cid-ufxsj37q]{margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.faq-grid[data-astro-cid-ufxsj37q]{gap:var(--space-4);margin-top:var(--space-4);display:grid}@media (width>=760px){.faq-grid[data-astro-cid-ufxsj37q]{grid-template-columns:repeat(2,minmax(0,1fr))}}.faq-card[data-astro-cid-ufxsj37q]{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5)}.faq-card[data-astro-cid-ufxsj37q] h3[data-astro-cid-ufxsj37q]{font-size:var(--font-size-base);color:var(--color-text-primary)}.faq-card[data-astro-cid-ufxsj37q] p[data-astro-cid-ufxsj37q]{margin-top:var(--space-2);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);font-size:var(--font-size-sm)}.visually-hidden[data-astro-cid-ufxsj37q]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}