:root{--bg-dark: #1a1a2e;--bg-card: #16213e;--accent: #e94560;--accent-hover: #ff6b6b;--text: #eaeaea;--text-dim: #a0a0a0;--border: #0f3460;--success: #4ecca3}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-dark);color:var(--text)}#app{min-height:100%;display:flex;flex-direction:column}.dropzone.svelte-16lc5j4{width:100%;max-width:500px;padding:4rem 2rem;border:3px dashed var(--border);border-radius:16px;background:var(--bg-card);text-align:center;cursor:pointer;transition:all .2s ease}.dropzone.svelte-16lc5j4:hover,.dropzone.dragging.svelte-16lc5j4{border-color:var(--accent);background:#e945600d;transform:scale(1.01)}.dropzone.dragging.svelte-16lc5j4{border-style:solid}input[type=file].svelte-16lc5j4{display:none}.icon.svelte-16lc5j4{font-size:4rem;margin-bottom:1rem}h2.svelte-16lc5j4{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}p.svelte-16lc5j4{color:var(--text-dim);margin-bottom:1.5rem}.formats.svelte-16lc5j4{display:inline-block;padding:.5rem 1rem;background:#ffffff0d;border-radius:20px;font-size:.85rem;color:var(--text-dim)}.preview-container.svelte-1eitqp4{width:100%;max-width:900px}.toolbar.svelte-1eitqp4{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.warning-banner.svelte-1eitqp4{width:100%;background:#ffab0026;border:1px solid #ffab00;color:#ffab00;padding:.75rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem;display:flex;align-items:center;gap:.5rem}h2.svelte-1eitqp4{font-size:1.3rem;font-weight:600}.clear-btn.svelte-1eitqp4{background:var(--bg-card);border:1px solid var(--border);color:var(--text);padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s}.clear-btn.svelte-1eitqp4:hover{background:var(--accent);border-color:var(--accent)}.options-panel.svelte-1eitqp4{background:var(--bg-card);padding:1.5rem;border-radius:12px;border:1px solid var(--border);margin-bottom:1.5rem;display:flex;gap:2rem;align-items:center;flex-wrap:wrap}.option.svelte-1eitqp4{display:flex;flex-direction:column;gap:.5rem}.option.svelte-1eitqp4 label:where(.svelte-1eitqp4){font-size:.9rem;color:var(--text-dim)}.format-option.svelte-1eitqp4{min-width:240px}.format-buttons.svelte-1eitqp4{display:flex;gap:.5rem}.format-btn.svelte-1eitqp4{padding:.5rem 1rem;background:var(--bg-dark);border:1px solid var(--border);color:var(--text-dim);border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s}.format-btn.svelte-1eitqp4:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.format-btn.active.svelte-1eitqp4{background:var(--accent);border-color:var(--accent);color:#fff}.format-btn.svelte-1eitqp4:disabled{opacity:.6;cursor:not-allowed}.quality-option.svelte-1eitqp4{flex:1;min-width:200px}.quality-option.svelte-1eitqp4 input[type=range]:where(.svelte-1eitqp4){width:100%;accent-color:var(--accent)}.buttons.svelte-1eitqp4{display:flex;gap:.75rem;flex-wrap:wrap}.convert-btn.svelte-1eitqp4,.download-btn.svelte-1eitqp4{background:var(--accent);border:none;color:#fff;padding:.8rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s}.convert-btn.svelte-1eitqp4:hover:not(:disabled),.download-btn.svelte-1eitqp4:hover{background:var(--accent-hover);transform:translateY(-1px)}.convert-btn.svelte-1eitqp4:disabled{opacity:.7;cursor:not-allowed}.convert-btn.secondary.svelte-1eitqp4{background:transparent;border:1px solid var(--border);color:var(--text)}.convert-btn.secondary.svelte-1eitqp4:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:#e945601a;transform:translateY(-1px)}.download-btn.svelte-1eitqp4{background:var(--success)}.image-grid.svelte-1eitqp4{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.image-card.svelte-1eitqp4{background:var(--bg-card);border-radius:12px;overflow:hidden;border:1px solid var(--border);transition:border-color .2s}.image-card.converted.svelte-1eitqp4{border-color:var(--success)}.image-wrapper.svelte-1eitqp4{aspect-ratio:1;overflow:hidden;background:#0a0a0a;position:relative}.image-wrapper.svelte-1eitqp4 img:where(.svelte-1eitqp4){width:100%;height:100%;object-fit:cover}.loading-overlay.svelte-1eitqp4{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;font-size:2rem}.image-info.svelte-1eitqp4{padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.name.svelte-1eitqp4{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.size-row.svelte-1eitqp4{display:flex;gap:.5rem;align-items:center}.size.svelte-1eitqp4{font-size:.75rem;color:var(--text-dim)}.savings.svelte-1eitqp4{font-size:.75rem;font-weight:600;color:var(--accent)}.savings.positive.svelte-1eitqp4{color:var(--success)}.small-btn.svelte-1eitqp4{margin-top:.5rem;padding:.4rem .8rem;background:var(--success);border:none;border-radius:6px;color:#fff;font-size:.8rem;cursor:pointer;transition:opacity .2s}.small-btn.svelte-1eitqp4:hover{opacity:.9}.compact-list.svelte-1eitqp4{display:flex;flex-direction:column;gap:.25rem;background:var(--bg-card);border-radius:12px;border:1px solid var(--border);padding:1rem;max-height:400px;overflow-y:auto}.compact-header.svelte-1eitqp4{padding-bottom:.75rem;border-bottom:1px solid var(--border);margin-bottom:.5rem}.compact-note.svelte-1eitqp4{font-size:.85rem;color:var(--text-dim)}.compact-item.svelte-1eitqp4{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:6px;background:var(--bg-dark);transition:all .2s}.compact-item.converting.svelte-1eitqp4{background:#e945601a}.compact-item.converted.svelte-1eitqp4{background:#2ed5731a;border-left:3px solid var(--success)}.compact-index.svelte-1eitqp4{font-size:.75rem;color:var(--text-dim);min-width:2rem;text-align:right}.compact-name.svelte-1eitqp4{flex:1;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-size.svelte-1eitqp4{font-size:.75rem;color:var(--text-dim);min-width:5rem;text-align:right}.compact-savings.svelte-1eitqp4{font-size:.75rem;font-weight:600;color:var(--accent);min-width:4rem;text-align:right}.compact-savings.positive.svelte-1eitqp4{color:var(--success)}.compact-status.svelte-1eitqp4{min-width:2rem;text-align:center}main.svelte-1n46o8q{flex:1;display:flex;flex-direction:column;padding:2rem;max-width:1200px;margin:0 auto;width:100%}header.svelte-1n46o8q{text-align:center;margin-bottom:3rem}h1.svelte-1n46o8q{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.lite.svelte-1n46o8q{color:var(--accent);font-weight:400}header.svelte-1n46o8q p:where(.svelte-1n46o8q){color:var(--text-dim);font-size:1.1rem}.container.svelte-1n46o8q{flex:1;display:flex;justify-content:center;align-items:flex-start}.top-actions.svelte-1n46o8q{position:absolute;top:1rem;right:1rem}.clear-disk-btn.svelte-1n46o8q{background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:.5rem .8rem;font-size:.8rem;border-radius:6px;cursor:pointer}.clear-disk-btn.svelte-1n46o8q:hover{color:var(--error);border-color:var(--error)}.recovery-banner.svelte-1n46o8q{background:var(--bg-card);border:1px solid var(--accent);border-radius:8px;padding:1rem;margin-bottom:2rem;max-width:800px;margin-left:auto;margin-right:auto;width:100%;animation:svelte-1n46o8q-slideDown .3s ease-out}.recovery-content.svelte-1n46o8q{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.recovery-actions.svelte-1n46o8q{display:flex;gap:.5rem}.restore-btn.svelte-1n46o8q{background:var(--accent);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:600}.discard-btn.svelte-1n46o8q{background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:.5rem 1rem;border-radius:4px;cursor:pointer}@keyframes svelte-1n46o8q-slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.toggle-label.svelte-1n46o8q{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-dim);margin-right:1rem;cursor:pointer}.toggle-label.svelte-1n46o8q input:where(.svelte-1n46o8q){accent-color:var(--accent)}