.svelte-o5wppm,.svelte-o5wppm:before,.svelte-o5wppm:after{box-sizing:border-box}.tool.svelte-o5wppm{--ink:var(--text);--ink-soft:var(--muted);--ink-lighter:color-mix(in srgb, var(--muted) 70%, transparent);--line:var(--border);--surface:var(--surface);--sunken:color-mix(in srgb, var(--surface-strong) 40%, transparent);--accent:var(--primary);--accent-soft:color-mix(in srgb, var(--primary) 15%, transparent);--accent-hover:var(--primary2);--success:#16a34a;--success-soft:#16a34a26;--warning:#f59e0b;--warning-soft:#f59e0b26;--danger:#dc2626;--danger-soft:#dc262626;color:var(--text);max-width:100%;margin:0 auto;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}.hero-section.svelte-o5wppm{max-width:900px;margin:0 auto;padding:2rem}.hero-content.svelte-o5wppm{text-align:center}.hero-icon.svelte-o5wppm{margin-bottom:1rem;font-size:5rem;animation:3s ease-in-out infinite svelte-o5wppm-rotate}@keyframes svelte-o5wppm-rotate{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}.hero-title.svelte-o5wppm{color:var(--ink);background:linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:2.5rem;font-weight:800}.hero-subtitle.svelte-o5wppm{color:var(--ink-soft);margin:0 0 2rem;font-size:1.1rem;line-height:1.6}.dropzone.svelte-o5wppm{border:2px dashed var(--line);border-radius:calc(var(--radius) + 4px);background:var(--sunken);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;padding:3rem 2rem;transition:all .3s;display:flex}.dropzone.svelte-o5wppm:hover,.dropzone.drag.svelte-o5wppm{border-color:var(--accent);background:var(--accent-soft);transform:scale(1.01)}.dropzone.svelte-o5wppm svg:where(.svelte-o5wppm){color:var(--ink-soft);transition:all .3s}.dropzone.svelte-o5wppm:hover svg:where(.svelte-o5wppm),.dropzone.drag.svelte-o5wppm svg:where(.svelte-o5wppm){color:var(--accent);transform:translateY(-4px)}.drop-content.svelte-o5wppm{text-align:center}.drop-title.svelte-o5wppm{color:var(--ink);margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.drop-sub.svelte-o5wppm{color:var(--ink-soft);margin:0;font-size:.875rem}.quick-presets.svelte-o5wppm{margin:2rem 0}.preset-title.svelte-o5wppm{color:var(--ink);text-align:center;margin-bottom:1rem;font-size:.875rem;font-weight:700}.preset-grid.svelte-o5wppm{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.preset-card.svelte-o5wppm{background:var(--surface);border:2px solid var(--line);border-radius:var(--radius);cursor:pointer;align-items:center;gap:1rem;padding:1.25rem;transition:all .2s;display:flex}.preset-card.svelte-o5wppm:hover{border-color:var(--preset-color);background:color-mix(in srgb, var(--preset-color) 8%, var(--surface));box-shadow:var(--shadow);transform:translateY(-2px)}.preset-icon.svelte-o5wppm{flex-shrink:0;font-size:2rem}.preset-content.svelte-o5wppm{text-align:left;flex:1}.preset-name.svelte-o5wppm{color:var(--ink);margin-bottom:.25rem;font-size:1rem;font-weight:700}.preset-desc.svelte-o5wppm{color:var(--ink-soft);font-size:.75rem}.support-info.svelte-o5wppm{background:var(--sunken);border:1px solid var(--line);border-radius:var(--radius);margin-top:2rem;padding:1.5rem}.support-title.svelte-o5wppm{color:var(--ink);text-align:center;margin-bottom:1rem;font-size:.875rem;font-weight:700}.format-badges.svelte-o5wppm{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.format-badge.svelte-o5wppm{background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent);border-radius:999px;padding:.375rem .875rem;font-size:.75rem;font-weight:600}.main-layout.svelte-o5wppm{grid-template-columns:320px 1fr 320px;align-items:start;gap:1.5rem;display:grid}@media (width<=1400px){.main-layout.svelte-o5wppm{grid-template-columns:280px 1fr 280px}}@media (width<=1100px){.main-layout.svelte-o5wppm{grid-template-columns:1fr}}.sidebar.svelte-o5wppm{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:1.25rem;max-height:calc(100vh - 3rem);padding:1.25rem;display:flex;position:sticky;top:1.5rem;overflow-y:auto}.sidebar-header.svelte-o5wppm{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.sidebar-header.svelte-o5wppm h3:where(.svelte-o5wppm){color:var(--ink);margin:0;font-size:.875rem;font-weight:700}.clear-btn.svelte-o5wppm{border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;color:var(--ink-soft);background:0 0;justify-content:center;align-items:center;padding:.4rem;transition:all .15s;display:flex}.clear-btn.svelte-o5wppm:hover{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.section.svelte-o5wppm{border-top:1px solid var(--line);padding-top:1rem}.section.svelte-o5wppm:first-of-type{border-top:none;padding-top:0}.section-title.svelte-o5wppm{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);margin-bottom:.75rem;font-size:.7rem;font-weight:700}.preset-list.svelte-o5wppm{flex-direction:column;gap:.5rem;display:flex}.preset-btn.svelte-o5wppm{background:var(--sunken);border:2px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.75rem;padding:.875rem;transition:all .15s;display:flex}.preset-btn.svelte-o5wppm:hover{border-color:var(--preset-color);background:color-mix(in srgb, var(--preset-color) 10%, var(--surface))}.preset-btn.active.svelte-o5wppm{border-color:var(--preset-color);background:color-mix(in srgb, var(--preset-color) 15%, var(--surface));box-shadow:0 0 0 3px color-mix(in srgb, var(--preset-color) 10%, transparent)}.preset-btn-icon.svelte-o5wppm{flex-shrink:0;font-size:1.5rem}.preset-btn-content.svelte-o5wppm{text-align:left;flex:1}.preset-btn-name.svelte-o5wppm{color:var(--ink);margin-bottom:.125rem;font-size:.8rem;font-weight:700}.preset-btn-desc.svelte-o5wppm{color:var(--ink-soft);font-size:.7rem}.format-grid.svelte-o5wppm{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.format-btn.svelte-o5wppm{background:var(--sunken);border:2px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;align-items:center;gap:.4rem;padding:.875rem .5rem;transition:all .15s;display:flex}.format-btn.svelte-o5wppm:hover{border-color:var(--accent);background:var(--accent-soft)}.format-btn.active.svelte-o5wppm{border-color:var(--accent);background:var(--accent);color:#fff}.format-btn-icon.svelte-o5wppm{font-size:1.5rem}.format-btn-label.svelte-o5wppm{font-size:.8rem;font-weight:700}.format-btn-desc.svelte-o5wppm{opacity:.8;text-align:center;font-size:.65rem;line-height:1.3}.field.svelte-o5wppm{flex-direction:column;gap:.4rem;display:flex}.field.svelte-o5wppm span:where(.svelte-o5wppm){color:var(--ink-soft);font-size:.75rem;font-weight:600}.field.svelte-o5wppm input[type=number]:where(.svelte-o5wppm){border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);padding:.5rem .75rem;font-size:.875rem}.quality-slider.svelte-o5wppm{background:var(--line);-webkit-appearance:none;border-radius:3px;outline:none;width:100%;height:6px}.quality-slider.svelte-o5wppm::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent);cursor:pointer;width:18px;height:18px;box-shadow:var(--shadow);border-radius:50%}.quality-slider.svelte-o5wppm::-moz-range-thumb{background:var(--accent);cursor:pointer;width:18px;height:18px;box-shadow:var(--shadow);border:none;border-radius:50%}.slider-labels.svelte-o5wppm{color:var(--ink-soft);justify-content:space-between;margin-top:.25rem;font-size:.7rem;display:flex}.checkbox-label.svelte-o5wppm{color:var(--ink);cursor:pointer;user-select:none;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.checkbox-label.small.svelte-o5wppm{font-size:.75rem}.checkbox-label.svelte-o5wppm input[type=checkbox]:where(.svelte-o5wppm){cursor:pointer;width:16px;height:16px}.resize-controls.svelte-o5wppm{background:var(--sunken);border-radius:var(--radius-sm);flex-direction:column;gap:.75rem;margin-top:.75rem;padding:.75rem;display:flex}.resize-inputs.svelte-o5wppm{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.convert-btn.svelte-o5wppm{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.875rem 1rem;font-size:.9rem;font-weight:700;transition:all .15s;display:flex}.convert-btn.svelte-o5wppm:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow);transform:translateY(-1px)}.convert-btn.svelte-o5wppm:disabled{cursor:not-allowed;opacity:.6;background:#b6c3e6}.tips-panel.svelte-o5wppm{background:var(--sunken);border-radius:var(--radius-sm);border:1px solid var(--line);padding:.875rem}.tips-title.svelte-o5wppm{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);margin-bottom:.5rem;font-size:.7rem;font-weight:700}.tips-list.svelte-o5wppm{flex-direction:column;gap:.4rem;margin:0;padding-left:1.25rem;display:flex}.tips-list.svelte-o5wppm li:where(.svelte-o5wppm){color:var(--ink-soft);font-size:.75rem;line-height:1.5}.center-area.svelte-o5wppm{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-height:600px;box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.center-header.svelte-o5wppm{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.header-info.svelte-o5wppm h2:where(.svelte-o5wppm){color:var(--ink);margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.conversion-stats.svelte-o5wppm{align-items:center;gap:.75rem;font-size:.875rem;display:flex}.stat-item.svelte-o5wppm{align-items:center;gap:.375rem;display:flex}.stat-item.success.svelte-o5wppm{color:var(--success)}.stat-item.error.svelte-o5wppm{color:var(--danger)}.stat-divider.svelte-o5wppm{color:var(--line)}.header-actions.svelte-o5wppm{align-items:center;gap:.75rem;display:flex}.view-toggle.svelte-o5wppm{background:var(--sunken);border-radius:var(--radius-sm);gap:.25rem;padding:.25rem;display:flex}.view-btn.svelte-o5wppm{border-radius:var(--radius-sm);cursor:pointer;color:var(--ink-soft);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:all .15s;display:flex}.view-btn.svelte-o5wppm:hover{background:var(--surface);color:var(--ink)}.view-btn.active.svelte-o5wppm{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm)}.add-more-btn.svelte-o5wppm{background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--accent);cursor:pointer;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .15s;display:flex}.add-more-btn.svelte-o5wppm:hover{background:var(--accent);color:#fff}.images-grid.svelte-o5wppm{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;padding:1.25rem;display:grid}.image-card.svelte-o5wppm{background:var(--sunken);border:2px solid var(--line);border-radius:var(--radius);transition:all .2s;position:relative;overflow:hidden}.image-card.svelte-o5wppm:hover{border-color:var(--accent);box-shadow:var(--shadow)}.image-card.complete.svelte-o5wppm{border-color:var(--success)}.image-card.error.svelte-o5wppm{border-color:var(--danger)}.remove-btn.svelte-o5wppm{z-index:2;border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;color:var(--danger);box-shadow:var(--shadow-sm);background:#fffffff2;padding:.375rem;transition:all .15s;position:absolute;top:.5rem;right:.5rem}.remove-btn.svelte-o5wppm:hover{background:var(--danger);color:#fff;transform:scale(1.1)}.image-preview.svelte-o5wppm{background:#fff;align-items:center;gap:.5rem;padding:1rem;display:flex}.preview-before.svelte-o5wppm,.preview-after.svelte-o5wppm{flex-direction:column;flex:1;align-items:center;gap:.5rem;display:flex}.preview-before.svelte-o5wppm img:where(.svelte-o5wppm),.preview-after.svelte-o5wppm img:where(.svelte-o5wppm){object-fit:contain;border-radius:var(--radius-sm);width:100%;height:120px}.preview-placeholder.svelte-o5wppm{background:var(--sunken);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:100%;height:120px;display:flex}.placeholder-icon.svelte-o5wppm{opacity:.3;font-size:2.5rem}.preview-label.svelte-o5wppm{align-items:center;gap:.25rem;display:flex}.format-tag.svelte-o5wppm{background:var(--sunken);color:var(--ink-soft);text-transform:uppercase;border-radius:999px;padding:.25rem .5rem;font-size:.7rem;font-weight:700}.format-tag.converted.svelte-o5wppm{background:var(--accent-soft);color:var(--accent)}.format-tag.small.svelte-o5wppm{padding:.2rem .4rem;font-size:.65rem}.preview-arrow.svelte-o5wppm{color:var(--accent);flex-shrink:0;font-size:1.5rem;font-weight:700}.image-info.svelte-o5wppm{border-top:1px solid var(--line);padding:.875rem}.info-name.svelte-o5wppm{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin-bottom:.5rem;font-size:.8rem;font-weight:600;overflow:hidden}.info-sizes.svelte-o5wppm{align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.75rem;display:flex}.size-original.svelte-o5wppm{color:var(--ink-soft)}.info-sizes.svelte-o5wppm svg:where(.svelte-o5wppm){color:var(--ink-lighter)}.size-converted.svelte-o5wppm{font-weight:600}.size-converted.smaller.svelte-o5wppm{color:var(--success)}.size-converted.larger.svelte-o5wppm{color:var(--warning)}.size-converted.similar.svelte-o5wppm{color:var(--ink-soft)}.status-badge.svelte-o5wppm{border-radius:var(--radius-sm);align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.7rem;font-weight:600;display:inline-flex}.status-badge.pending.svelte-o5wppm{background:var(--sunken);color:var(--ink-soft)}.status-badge.processing.svelte-o5wppm{background:var(--accent-soft);color:var(--accent)}.status-badge.complete.svelte-o5wppm{background:var(--success-soft);color:var(--success)}.status-badge.error.svelte-o5wppm{background:var(--danger-soft);color:var(--danger)}.status-spinner.svelte-o5wppm{border:2px solid;border-top-color:#0000;border-radius:50%;width:12px;height:12px;animation:.6s linear infinite svelte-o5wppm-spin}@keyframes svelte-o5wppm-spin{to{transform:rotate(360deg)}}.images-list.svelte-o5wppm{flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.list-item.svelte-o5wppm{background:var(--sunken);border:2px solid var(--line);border-radius:var(--radius);align-items:center;gap:1rem;padding:.875rem;transition:all .2s;display:flex}.list-item.svelte-o5wppm:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.list-item.complete.svelte-o5wppm{border-color:var(--success)}.list-thumbnail.svelte-o5wppm{border-radius:var(--radius-sm);background:#fff;flex-shrink:0;width:60px;height:60px;overflow:hidden}.list-thumbnail.svelte-o5wppm img:where(.svelte-o5wppm){object-fit:cover;width:100%;height:100%}.thumbnail-placeholder.svelte-o5wppm{background:var(--sunken);justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5rem;display:flex}.list-info.svelte-o5wppm{flex:1;min-width:0}.list-name.svelte-o5wppm{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin-bottom:.25rem;font-size:.875rem;font-weight:600;overflow:hidden}.list-meta.svelte-o5wppm{color:var(--ink-soft);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.list-status.svelte-o5wppm{flex-shrink:0}.list-actions.svelte-o5wppm{flex-shrink:0;gap:.5rem;display:flex}.action-btn.svelte-o5wppm{background:var(--sunken);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;color:var(--ink);justify-content:center;align-items:center;padding:.5rem;transition:all .15s;display:flex}.action-btn.danger.svelte-o5wppm:hover{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.summary-cards.svelte-o5wppm{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.summary-card.svelte-o5wppm{background:var(--sunken);border:1px solid var(--line);border-radius:var(--radius-sm);align-items:center;gap:.75rem;padding:.875rem;display:flex}.summary-card.success.svelte-o5wppm{background:var(--success-soft);border-color:var(--success)}.summary-card.error.svelte-o5wppm{background:var(--danger-soft);border-color:var(--danger)}.summary-card.accent.svelte-o5wppm{background:var(--accent-soft);border-color:var(--accent)}.summary-icon.svelte-o5wppm{flex-shrink:0;font-size:1.75rem}.summary-content.svelte-o5wppm{flex:1;min-width:0}.summary-value.svelte-o5wppm{color:var(--ink);margin-bottom:.125rem;font-size:1.25rem;font-weight:700}.summary-card.success.svelte-o5wppm .summary-value:where(.svelte-o5wppm){color:var(--success)}.summary-card.error.svelte-o5wppm .summary-value:where(.svelte-o5wppm){color:var(--danger)}.summary-card.accent.svelte-o5wppm .summary-value:where(.svelte-o5wppm){color:var(--accent)}.summary-label.svelte-o5wppm{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.output-info.svelte-o5wppm{background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius-sm);padding:.875rem}.output-title.svelte-o5wppm{color:var(--accent);margin-bottom:.5rem;font-size:.75rem;font-weight:700}.output-format-display.svelte-o5wppm{color:var(--ink);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.25rem;font-weight:700;display:flex}.output-desc.svelte-o5wppm{color:var(--ink-soft);margin:0;font-size:.75rem;line-height:1.5}.use-cases.svelte-o5wppm{background:var(--sunken);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.875rem}.use-cases-title.svelte-o5wppm{color:var(--ink);margin-bottom:.5rem;font-size:.75rem;font-weight:700}.use-cases-list.svelte-o5wppm{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.use-cases-list.svelte-o5wppm li:where(.svelte-o5wppm){color:var(--ink-soft);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.use-cases-list.svelte-o5wppm svg:where(.svelte-o5wppm){color:var(--success);flex-shrink:0}.privacy-notice.svelte-o5wppm{background:color-mix(in srgb, var(--success) 8%, transparent);border:1px solid color-mix(in srgb, var(--success) 20%, transparent);border-radius:var(--radius-sm);align-items:center;gap:.75rem;padding:.875rem;display:flex}.privacy-icon.svelte-o5wppm{flex-shrink:0;font-size:1.75rem}.privacy-content.svelte-o5wppm{flex:1}.privacy-title.svelte-o5wppm{color:var(--success);margin-bottom:.25rem;font-size:.8rem;font-weight:700}.privacy-text.svelte-o5wppm{color:var(--ink-soft);margin:0;font-size:.7rem;line-height:1.5}.compatibility-info.svelte-o5wppm{background:var(--sunken);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.875rem}.compatibility-title.svelte-o5wppm{color:var(--ink);margin-bottom:.75rem;font-size:.75rem;font-weight:700}.compatibility-list.svelte-o5wppm{flex-direction:column;gap:.5rem;display:flex}.compat-item.svelte-o5wppm{grid-template-columns:60px 1fr auto;align-items:center;gap:.5rem;font-size:.75rem;display:grid}.compat-format.svelte-o5wppm{color:var(--ink);font-weight:700}.compat-stars.svelte-o5wppm{font-size:.7rem}.compat-desc.svelte-o5wppm{color:var(--ink-soft)}.error.svelte-o5wppm{color:var(--danger);background:var(--danger-soft);border-radius:var(--radius-sm);border:1px solid #fecaca;margin:1rem 0 0;padding:.625rem .75rem;font-size:.8rem}.error.standalone.svelte-o5wppm{margin-top:1rem}.spinner.svelte-o5wppm{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite svelte-o5wppm-spin}@media (width<=768px){.main-layout.svelte-o5wppm{gap:1rem}.images-grid.svelte-o5wppm,.summary-cards.svelte-o5wppm,.format-grid.svelte-o5wppm,.preset-grid.svelte-o5wppm{grid-template-columns:1fr}.hero-title.svelte-o5wppm{font-size:2rem}.hero-subtitle.svelte-o5wppm{font-size:1rem}}