.tool-page.svelte-19zhvk6{padding:2rem 0;max-width:900px}.tool-hero.svelte-19zhvk6{text-align:center;margin-bottom:2rem}.tool-hero.svelte-19zhvk6 h1:where(.svelte-19zhvk6){font-size:2.5rem;margin-bottom:.5rem}.subtitle.svelte-19zhvk6{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.file-section.svelte-19zhvk6{margin:2rem 0}.file-info-card.svelte-19zhvk6{display:flex;gap:1.5rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-secondary);align-items:center}.file-preview.svelte-19zhvk6{width:120px;height:120px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}.file-preview.svelte-19zhvk6 img:where(.svelte-19zhvk6){width:100%;height:100%;object-fit:contain}.file-details.svelte-19zhvk6{display:flex;flex-direction:column;gap:.375rem;flex:1}.file-name.svelte-19zhvk6{font-size:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size.svelte-19zhvk6{font-size:.8125rem;color:var(--text-muted)}.btn-sm.svelte-19zhvk6{padding:.375rem .75rem;font-size:.8125rem}.options-panel.svelte-19zhvk6{margin:1.5rem 0;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg)}.options-panel.svelte-19zhvk6 h3:where(.svelte-19zhvk6){margin:0 0 1rem;font-size:1.125rem}.options-grid.svelte-19zhvk6{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1rem}@media(max-width:640px){.options-grid.svelte-19zhvk6{grid-template-columns:1fr}.file-info-card.svelte-19zhvk6{flex-direction:column;align-items:flex-start}}.option.svelte-19zhvk6 label:where(.svelte-19zhvk6){display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--text)}.option.svelte-19zhvk6 input[type=range]:where(.svelte-19zhvk6){width:100%;accent-color:var(--primary)}.scale-toggle.svelte-19zhvk6{display:flex;gap:0;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;width:fit-content}.toggle-btn.svelte-19zhvk6{padding:.5rem 1.5rem;background:var(--bg);border:none;cursor:pointer;font-size:.9375rem;font-weight:600;font-family:var(--font-sans);color:var(--text-secondary);transition:all .15s ease}.toggle-btn.active.svelte-19zhvk6{background:var(--primary);color:#fff}.toggle-btn.svelte-19zhvk6:not(.active):hover{background:var(--bg-tertiary)}.dimension-preview.svelte-19zhvk6{display:block;font-size:.8125rem;color:var(--text-muted);margin-top:.375rem;font-family:var(--font-mono)}.select-input.svelte-19zhvk6{width:100%;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.875rem;font-family:var(--font-sans);background:var(--bg)}.mode-notice.svelte-19zhvk6{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;background:var(--primary-light);border:1px solid var(--primary);border-radius:var(--radius-md);font-size:.8125rem;color:var(--primary-dark);margin-bottom:1rem;line-height:1.5}.mode-icon.svelte-19zhvk6{font-size:1.125rem;flex-shrink:0}.process-btn.svelte-19zhvk6{width:100%;padding:.875rem 1.5rem;font-size:1rem}.spinner.svelte-19zhvk6{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:svelte-19zhvk6-spin .6s linear infinite}@keyframes svelte-19zhvk6-spin{to{transform:rotate(360deg)}}.results-section.svelte-19zhvk6{margin:2rem 0}.results-section.svelte-19zhvk6 h3:where(.svelte-19zhvk6){margin-bottom:1rem;font-size:1.125rem}.result-stats.svelte-19zhvk6{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem;flex-wrap:wrap}.stat.svelte-19zhvk6{text-align:center;padding:.5rem 1rem;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border)}.stat-label.svelte-19zhvk6{display:block;font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.stat-value.svelte-19zhvk6{display:block;font-size:.9375rem;font-weight:600;font-family:var(--font-mono)}.stat-arrow.svelte-19zhvk6{font-size:1.5rem;color:var(--text-muted);font-weight:300}.download-btn.svelte-19zhvk6{width:100%;margin-top:1.5rem;padding:.875rem 1.5rem;font-size:1rem}@media(max-width:640px){.tool-hero.svelte-19zhvk6 h1:where(.svelte-19zhvk6){font-size:1.75rem}.subtitle.svelte-19zhvk6{font-size:1rem}}