.tool-page.svelte-yfpu2n{padding:2rem 0;max-width:900px}.tool-hero.svelte-yfpu2n{text-align:center;margin-bottom:2rem}.tool-hero.svelte-yfpu2n h1:where(.svelte-yfpu2n){font-size:2.5rem;margin-bottom:.5rem}.subtitle.svelte-yfpu2n{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.file-list-section.svelte-yfpu2n{margin:2rem 0}.file-list-header.svelte-yfpu2n{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.file-list-header.svelte-yfpu2n h3:where(.svelte-yfpu2n){margin:0;font-size:1.125rem}.btn-sm.svelte-yfpu2n{padding:.375rem .75rem;font-size:.8125rem}.file-item.svelte-yfpu2n{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md)}.file-name.svelte-yfpu2n{flex:1;font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size.svelte-yfpu2n{font-size:.8125rem;color:var(--text-muted);white-space:nowrap}.options-panel.svelte-yfpu2n{margin:1.5rem 0;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg)}.options-panel.svelte-yfpu2n h3:where(.svelte-yfpu2n){margin:0 0 1rem;font-size:1.125rem}.options-grid.svelte-yfpu2n{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.5rem}@media(max-width:640px){.options-grid.svelte-yfpu2n{grid-template-columns:1fr}}.option.svelte-yfpu2n label:where(.svelte-yfpu2n){display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--text)}.option.svelte-yfpu2n input[type=range]:where(.svelte-yfpu2n){width:100%;accent-color:var(--primary)}.select-input.svelte-yfpu2n{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)}.text-input.svelte-yfpu2n{flex:1;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.875rem;font-family:var(--font-sans)}.page-selection.svelte-yfpu2n{margin-bottom:1.5rem;padding:1rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md)}.page-selection-header.svelte-yfpu2n{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.page-selection-header.svelte-yfpu2n h4:where(.svelte-yfpu2n){margin:0;font-size:.9375rem}.page-range-row.svelte-yfpu2n{display:flex;gap:.5rem;margin-bottom:1rem}.page-thumbnail-grid.svelte-yfpu2n{display:flex;flex-wrap:wrap;gap:.375rem;max-height:200px;overflow-y:auto;margin-bottom:.5rem}.page-thumbnail.svelte-yfpu2n{width:42px;height:52px;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-size:.75rem;font-weight:600;color:var(--text-secondary);transition:all .15s ease;padding:0}.page-thumbnail.svelte-yfpu2n:hover{border-color:var(--primary)}.page-thumbnail.selected.svelte-yfpu2n{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.selected-count.svelte-yfpu2n{font-size:.8125rem;color:var(--text-muted);margin:0}.process-btn.svelte-yfpu2n{width:100%;padding:.875rem 1.5rem;font-size:1rem}.spinner.svelte-yfpu2n{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:svelte-yfpu2n-spin .6s linear infinite}@keyframes svelte-yfpu2n-spin{to{transform:rotate(360deg)}}.results-section.svelte-yfpu2n{margin:2rem 0}.results-header.svelte-yfpu2n{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.results-header.svelte-yfpu2n h3:where(.svelte-yfpu2n){margin:0;font-size:1.125rem}.results-grid.svelte-yfpu2n{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.result-card.svelte-yfpu2n{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--bg)}.result-card.error.svelte-yfpu2n{border-color:var(--error);background:var(--error-light)}.result-preview.svelte-yfpu2n{aspect-ratio:4/3;background:var(--bg-tertiary);overflow:hidden;display:flex;align-items:center;justify-content:center}.result-preview.svelte-yfpu2n img:where(.svelte-yfpu2n){width:100%;height:100%;object-fit:contain}.result-info.svelte-yfpu2n{padding:.625rem;display:flex;flex-direction:column;gap:.25rem}.result-name.svelte-yfpu2n{font-size:.75rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-size.svelte-yfpu2n{font-size:.6875rem;color:var(--text-muted)}.result-info.svelte-yfpu2n .btn-sm:where(.svelte-yfpu2n){margin-top:.25rem;font-size:.75rem;text-decoration:none;display:inline-block;text-align:center}.error-info.svelte-yfpu2n{padding:1rem;display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--error)}.error-icon.svelte-yfpu2n{font-size:1.125rem}@media(max-width:640px){.tool-hero.svelte-yfpu2n h1:where(.svelte-yfpu2n){font-size:1.75rem}.subtitle.svelte-yfpu2n{font-size:1rem}.results-grid.svelte-yfpu2n{grid-template-columns:1fr 1fr}}