.svelte-hzjmzv{box-sizing:border-box}.tool.svelte-hzjmzv{--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:#38bdf8;--accent-hover:#0ea5e9;--success:#10b981;color:var(--text);max-width:100%;margin:0 auto;font-family:Inter,system-ui,-apple-system,sans-serif}.dropzone.svelte-hzjmzv{border:2px dashed var(--border);border-radius:calc(var(--radius) + 4px);background:color-mix(in srgb, var(--surface) 70%, transparent);color:var(--muted);cursor:pointer;text-align:center;backdrop-filter:blur(8px);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:4rem 2rem;transition:all .2s;display:flex}.dropzone.svelte-hzjmzv:hover,.dropzone.drag.svelte-hzjmzv{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface));color:var(--text);transform:scale(1.005)}.dropzone.svelte-hzjmzv svg:where(.svelte-hzjmzv){color:var(--muted)}.dropzone.svelte-hzjmzv:hover svg:where(.svelte-hzjmzv),.dropzone.drag.svelte-hzjmzv svg:where(.svelte-hzjmzv){color:var(--accent)}.drop-title.svelte-hzjmzv{color:var(--ink);margin:0;font-size:1.5rem;font-weight:700}.drop-sub.svelte-hzjmzv{max-width:450px;margin:0;font-size:.875rem}.main-layout.svelte-hzjmzv{grid-template-columns:300px 1fr 300px;align-items:start;gap:1.5rem;display:grid}@media (width<=1200px){.main-layout.svelte-hzjmzv{grid-template-columns:1fr}}.sidebar.svelte-hzjmzv{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 - 2rem);padding:1.25rem;display:flex;overflow-y:auto}.sidebar-header.svelte-hzjmzv{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.sidebar-header.svelte-hzjmzv h3:where(.svelte-hzjmzv){color:var(--ink);margin:0;font-size:.875rem;font-weight:700}.close-btn.svelte-hzjmzv{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}.close-btn.svelte-hzjmzv:hover{background:var(--sunken);color:var(--ink)}.file-card.svelte-hzjmzv{background:var(--sunken);border:1px solid var(--line);border-radius:var(--radius-sm);gap:.75rem;padding:.875rem;display:flex}.file-icon.svelte-hzjmzv{flex-shrink:0;font-size:2rem}.file-details.svelte-hzjmzv{flex:1;min-width:0}.file-name.svelte-hzjmzv{text-overflow:ellipsis;white-space:nowrap;margin-bottom:.25rem;font-size:.875rem;font-weight:600;overflow:hidden}.file-meta.svelte-hzjmzv{color:var(--ink-soft);font-size:.75rem}.section.svelte-hzjmzv{border-top:1px solid var(--line);padding-top:1rem}.section-title.svelte-hzjmzv{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);margin-bottom:.75rem;font-size:.7rem;font-weight:700}.range-options.svelte-hzjmzv{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.range-option.svelte-hzjmzv{background:var(--sunken);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.5rem;padding:.5rem .75rem;transition:all .15s;display:flex}.range-option.svelte-hzjmzv:hover{background:color-mix(in srgb, var(--accent) 5%, var(--surface));border-color:var(--accent)}.range-option.svelte-hzjmzv input[type=radio]:where(.svelte-hzjmzv){cursor:pointer}.range-option.svelte-hzjmzv span:where(.svelte-hzjmzv){font-size:.875rem;font-weight:500}.range-inputs.svelte-hzjmzv,.selection-actions.svelte-hzjmzv{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.selection-btn.svelte-hzjmzv{background:var(--sunken);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;padding:.5rem;font-size:.75rem;font-weight:600;transition:all .15s}.selection-btn.svelte-hzjmzv:hover{background:color-mix(in srgb, var(--accent) 10%, var(--surface));border-color:var(--accent)}.thumbnails-grid.svelte-hzjmzv{grid-template-columns:repeat(2,1fr);gap:.5rem;max-height:400px;display:grid;overflow-y:auto}.thumbnail-card.svelte-hzjmzv{aspect-ratio:8.5/11;border:2px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;background:#fff;transition:all .15s;position:relative;overflow:hidden}.thumbnail-card.svelte-hzjmzv:hover{border-color:var(--accent);transform:scale(1.02)}.thumbnail-card.selected.svelte-hzjmzv{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent)}.thumbnail-card.svelte-hzjmzv img:where(.svelte-hzjmzv){object-fit:contain;width:100%;height:100%}.thumbnail-loading.svelte-hzjmzv{width:100%;height:100%;color:var(--ink-soft);justify-content:center;align-items:center;font-size:.75rem;display:flex}.thumbnail-label.svelte-hzjmzv{color:#fff;background:#000000b3;justify-content:space-between;align-items:center;padding:.375rem .5rem;font-size:.75rem;font-weight:600;display:flex;position:absolute;bottom:0;left:0;right:0}.info-box.svelte-hzjmzv{background:color-mix(in srgb, var(--accent) 10%, transparent);border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--ink-soft);gap:.5rem;padding:.75rem;font-size:.75rem;line-height:1.5;display:flex}.info-box.svelte-hzjmzv svg:where(.svelte-hzjmzv){color:var(--accent);flex-shrink:0;margin-top:.125rem}.center-area.svelte-hzjmzv{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.center-header.svelte-hzjmzv{border-bottom:1px solid var(--line);padding:1.25rem}.center-header.svelte-hzjmzv h2:where(.svelte-hzjmzv){margin:0;font-size:1.125rem;font-weight:700}.settings-container.svelte-hzjmzv{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.setting-group.svelte-hzjmzv{background:var(--sunken);border-radius:var(--radius-sm);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.setting-label.svelte-hzjmzv{color:var(--ink);font-size:.875rem;font-weight:600}.format-selector.svelte-hzjmzv{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.format-btn.svelte-hzjmzv{background:var(--surface);border:2px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem;transition:all .15s;display:flex}.format-btn.svelte-hzjmzv:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 5%, var(--surface))}.format-btn.active.svelte-hzjmzv{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 10%, transparent)}.format-icon.svelte-hzjmzv{font-size:2rem}.format-content.svelte-hzjmzv{text-align:center}.format-name.svelte-hzjmzv{margin-bottom:.125rem;font-size:.875rem;font-weight:700}.format-desc.svelte-hzjmzv{color:var(--ink-soft);font-size:.7rem}.preset-grid.svelte-hzjmzv{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.preset-btn.svelte-hzjmzv{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;text-align:center;flex-direction:column;gap:.25rem;padding:.875rem;transition:all .15s;display:flex}.preset-btn.svelte-hzjmzv:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 5%, var(--surface))}.preset-name.svelte-hzjmzv{font-size:.875rem;font-weight:700}.preset-desc.svelte-hzjmzv{color:var(--ink-soft);margin-bottom:.25rem;font-size:.7rem}.preset-specs.svelte-hzjmzv{color:var(--accent);font-size:.7rem;font-weight:600}.quality-slider.svelte-hzjmzv{background:var(--line);-webkit-appearance:none;border-radius:3px;outline:none;width:100%;height:6px}.quality-slider.svelte-hzjmzv::-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-hzjmzv::-moz-range-thumb{background:var(--accent);cursor:pointer;width:18px;height:18px;box-shadow:var(--shadow);border:none;border-radius:50%}.slider-labels.svelte-hzjmzv{color:var(--ink-soft);justify-content:space-between;font-size:.7rem;display:flex}.color-picker-wrapper.svelte-hzjmzv{gap:.5rem;display:flex}.color-picker.svelte-hzjmzv{border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;width:60px;height:40px}.color-input.svelte-hzjmzv{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);flex:1;padding:.5rem .75rem;font-size:.875rem}.field.svelte-hzjmzv{flex-direction:column;gap:.4rem;display:flex}.field.svelte-hzjmzv span:where(.svelte-hzjmzv){color:var(--ink-soft);font-size:.75rem;font-weight:600}.field.svelte-hzjmzv input:where(.svelte-hzjmzv){border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);padding:.5rem .75rem;font-size:.875rem}.download-options.svelte-hzjmzv{flex-direction:column;gap:.5rem;display:flex}.radio-option.svelte-hzjmzv{cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.radio-option.svelte-hzjmzv input[type=radio]:where(.svelte-hzjmzv){cursor:pointer}.convert-btn.svelte-hzjmzv{background:linear-gradient(135deg, var(--accent) 0%, #0ea5e9 100%);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;box-shadow:0 4px 12px #38bdf84d}.convert-btn.svelte-hzjmzv:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #38bdf866}.convert-btn.svelte-hzjmzv:disabled{background:var(--sunken);cursor:not-allowed;opacity:.6;box-shadow:none}.spinner.svelte-hzjmzv{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite svelte-hzjmzv-spin}@keyframes svelte-hzjmzv-spin{to{transform:rotate(360deg)}}.progress-bar.svelte-hzjmzv{background:var(--line);border-radius:999px;width:100%;height:8px;overflow:hidden}.progress-fill.svelte-hzjmzv{background:linear-gradient(90deg, var(--accent), #0ea5e9);border-radius:999px;height:100%;transition:width .3s}.progress-text.svelte-hzjmzv{text-align:center;color:var(--accent);font-size:.875rem;font-weight:600}.stats-grid.svelte-hzjmzv{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.stat-card.svelte-hzjmzv{background:var(--sunken);border:1px solid var(--line);border-radius:var(--radius-sm);text-align:center;padding:.875rem}.stat-icon.svelte-hzjmzv{margin-bottom:.25rem;font-size:1.5rem}.stat-value.svelte-hzjmzv{color:var(--accent);margin-bottom:.125rem;font-size:1.25rem;font-weight:700}.stat-label.svelte-hzjmzv{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.format-comparison.svelte-hzjmzv{background:var(--sunken);border-radius:var(--radius-sm);border:1px solid var(--line);padding:.875rem}.comparison-title.svelte-hzjmzv{color:var(--ink);margin-bottom:.75rem;font-size:.75rem;font-weight:700}.comparison-table.svelte-hzjmzv{flex-direction:column;gap:.5rem;display:flex}.comparison-row.svelte-hzjmzv{grid-template-columns:50px 1fr 1fr;gap:.5rem;font-size:.7rem;display:grid}.format-name.svelte-hzjmzv{color:var(--ink);font-weight:700}.format-pros.svelte-hzjmzv{color:var(--success)}.format-cons.svelte-hzjmzv{color:var(--ink-soft)}.tips-panel.svelte-hzjmzv{background:var(--sunken);border-radius:var(--radius-sm);border:1px solid var(--line);padding:.875rem}.tips-title.svelte-hzjmzv{color:var(--ink);margin-bottom:.5rem;font-size:.75rem;font-weight:700}.tips-list.svelte-hzjmzv{flex-direction:column;gap:.4rem;margin:0;padding-left:1.25rem;display:flex}.tips-list.svelte-hzjmzv li:where(.svelte-hzjmzv){color:var(--ink-soft);font-size:.75rem;line-height:1.5}.use-cases-panel.svelte-hzjmzv{background:var(--sunken);border-radius:var(--radius-sm);border:1px solid var(--line);padding:.875rem}.use-cases-title.svelte-hzjmzv{color:var(--ink);margin-bottom:.5rem;font-size:.75rem;font-weight:700}.use-cases-list.svelte-hzjmzv{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.use-cases-list.svelte-hzjmzv li:where(.svelte-hzjmzv){color:var(--ink-soft);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.use-cases-list.svelte-hzjmzv svg:where(.svelte-hzjmzv){color:var(--success);flex-shrink:0}.error.svelte-hzjmzv{color:#ef4444;border-radius:var(--radius-sm);background:#ef44441a;border:1px solid #ef444433;margin:0;padding:.625rem .75rem;font-size:.8rem}.error.standalone.svelte-hzjmzv{margin-top:1rem}@media (width<=768px){.thumbnails-grid.svelte-hzjmzv,.format-selector.svelte-hzjmzv,.preset-grid.svelte-hzjmzv,.stats-grid.svelte-hzjmzv{grid-template-columns:1fr}}@media (width<=980px){.tool.svelte-hzjmzv .main-layout:where(.svelte-hzjmzv){grid-template-columns:minmax(0,1fr)}.tool.svelte-hzjmzv .sidebar:where(.svelte-hzjmzv){max-height:none!important;position:static!important;top:auto!important}.tool.svelte-hzjmzv .main-layout:where(.svelte-hzjmzv)>:where(.svelte-hzjmzv){min-width:0}}@media (width<=767px){.tool.svelte-hzjmzv{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:.75rem;overflow-x:clip}.dropzone.svelte-hzjmzv{width:100%;min-width:0;padding:2.25rem 1rem}.main-layout.svelte-hzjmzv{grid-template-columns:minmax(0,1fr);gap:1rem}.sidebar.svelte-hzjmzv,.center-area.svelte-hzjmzv{min-width:0;max-width:100%}.sidebar.svelte-hzjmzv{padding:1rem}.center-area.svelte-hzjmzv{min-height:0}.center-header.svelte-hzjmzv{flex-wrap:wrap;min-width:0}.tool.svelte-hzjmzv button:where(.svelte-hzjmzv){max-width:100%;min-height:42px}.tool.svelte-hzjmzv input:where(.svelte-hzjmzv):not([type=checkbox]):not([type=radio]):not([type=range]){width:100%;min-width:0;max-width:100%;min-height:42px}.tool.svelte-hzjmzv .field:where(.svelte-hzjmzv){min-width:0}.tool.svelte-hzjmzv .drop-title:where(.svelte-hzjmzv),.tool.svelte-hzjmzv .drop-sub:where(.svelte-hzjmzv),.tool.svelte-hzjmzv .file-name:where(.svelte-hzjmzv),.tool.svelte-hzjmzv .error:where(.svelte-hzjmzv){overflow-wrap:anywhere;word-break:break-word}.tool.svelte-hzjmzv .file-name:where(.svelte-hzjmzv){white-space:normal;max-width:100%}.tool.svelte-hzjmzv img:where(.svelte-hzjmzv){max-width:100%;height:auto;display:block}.comparison-row.svelte-hzjmzv{min-width:0}.format-selector.svelte-hzjmzv,.preset-grid.svelte-hzjmzv{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid.svelte-hzjmzv,.range-inputs.svelte-hzjmzv,.selection-actions.svelte-hzjmzv,.comparison-row.svelte-hzjmzv{grid-template-columns:minmax(0,1fr)}}@media (width<=420px){.tool.svelte-hzjmzv{padding:.5rem}.format-selector.svelte-hzjmzv,.preset-grid.svelte-hzjmzv{grid-template-columns:minmax(0,1fr)}.dropzone.svelte-hzjmzv{padding:1.75rem .75rem}}