body{color:#333;line-height:1.6}.page-wrapper.svelte-8vzhq5{display:flex;flex-direction:column;min-height:100vh}main.svelte-8vzhq5{flex:1}.container.svelte-8vzhq5{max-width:1200px;margin:0 auto;padding:0 15px}.hero-section.svelte-8vzhq5{background-color:#f8f9fa;padding:80px 0 40px;text-align:center;border-bottom:1px solid #e9ecef}.hero-section.svelte-8vzhq5 h1:where(.svelte-8vzhq5){font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#212529}.hero-section.svelte-8vzhq5 .lead:where(.svelte-8vzhq5){font-size:1.2rem;color:#6c757d;max-width:700px;margin:0 auto}.tool-section.svelte-8vzhq5{padding:30px 0 60px}.tool-card.svelte-8vzhq5{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000000d;margin-bottom:30px;overflow:hidden}.card-header-clean.svelte-8vzhq5{padding:20px 25px 15px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.card-header-clean.svelte-8vzhq5 h2:where(.svelte-8vzhq5){font-size:1.4rem;font-weight:600;color:#212529;margin:0}.card-header-clean.centered.svelte-8vzhq5{justify-content:center}.btn-clear.svelte-8vzhq5{background:transparent;border:1px solid #dee2e6;color:#6c757d;padding:8px 16px;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:6px}.btn-clear.svelte-8vzhq5:hover{border-color:#4361ee;color:#4361ee;background-color:#f8f9ff}.btn-action.svelte-8vzhq5{background:transparent;border:2px solid #4361ee;color:#4361ee;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn-action.svelte-8vzhq5:hover{background-color:#f8f9ff}.btn-action.btn-primary.svelte-8vzhq5{background-color:#4361ee;color:#fff}.btn-action.btn-primary.svelte-8vzhq5:hover{background-color:#3a56d4}.upload-area.svelte-8vzhq5{padding:20px;border:2px dashed #dee2e6;border-radius:8px;transition:all .3s ease;cursor:pointer;margin-top:0}.upload-area.svelte-8vzhq5:hover,.upload-area.dragging.svelte-8vzhq5{border-color:#4361ee;background-color:#f8f9ff}.upload-label.svelte-8vzhq5{display:block;padding:2rem;text-align:center;cursor:pointer;margin:0}.upload-placeholder.svelte-8vzhq5{color:#6c757d}.upload-placeholder.svelte-8vzhq5 i:where(.svelte-8vzhq5){font-size:3rem;color:#4361ee;display:block;margin-bottom:1rem}.upload-placeholder.svelte-8vzhq5 h3:where(.svelte-8vzhq5){font-size:1.2rem;margin-bottom:.5rem;color:#212529}.upload-placeholder.svelte-8vzhq5 p:where(.svelte-8vzhq5){margin:0;color:#6c757d}.preview-container.svelte-8vzhq5{position:relative;max-width:400px;margin:0 auto}.preview-image.svelte-8vzhq5{max-width:100%;max-height:250px;object-fit:contain;border-radius:8px}.preview-overlay.svelte-8vzhq5{position:absolute;top:0;left:0;right:0;bottom:0;background:#4361eee6;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;opacity:0;transition:opacity .3s ease}.preview-container.svelte-8vzhq5:hover .preview-overlay:where(.svelte-8vzhq5){opacity:1}.preview-overlay.svelte-8vzhq5 i:where(.svelte-8vzhq5){font-size:2.5rem;margin-bottom:.5rem}.preview-overlay.svelte-8vzhq5 p:where(.svelte-8vzhq5){margin:0;font-size:.95rem}.file-info.svelte-8vzhq5{text-align:center;margin-top:1rem;padding:12px;background-color:#f8f9fa;border-radius:6px;color:#6c757d;font-size:.9rem}.file-info.svelte-8vzhq5 i:where(.svelte-8vzhq5){margin-right:6px}.dpi-badge.svelte-8vzhq5{background-color:#4361ee;color:#fff;padding:2px 8px;border-radius:4px;font-weight:500}.divider.svelte-8vzhq5{margin:0 8px;color:#dee2e6}.settings-container.svelte-8vzhq5{padding:25px;display:flex;flex-direction:column;gap:25px}.section-label.svelte-8vzhq5{font-weight:600;color:#212529;display:block;margin-bottom:12px}.mode-options.svelte-8vzhq5{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.mode-btn.svelte-8vzhq5{background:#fff;border:2px solid #dee2e6;border-radius:8px;padding:15px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:12px;text-align:left}.mode-btn.svelte-8vzhq5 i:where(.svelte-8vzhq5){font-size:1.5rem;color:#6c757d}.mode-btn.svelte-8vzhq5 strong:where(.svelte-8vzhq5){display:block;color:#212529;margin-bottom:4px}.mode-btn.svelte-8vzhq5 small:where(.svelte-8vzhq5){display:block;color:#6c757d;font-size:.85rem}.mode-btn.svelte-8vzhq5:hover,.mode-btn.active.svelte-8vzhq5{border-color:#4361ee;background-color:#f8f9ff}.mode-btn.active.svelte-8vzhq5 i:where(.svelte-8vzhq5){color:#4361ee}.preset-buttons.svelte-8vzhq5{display:flex;flex-wrap:wrap;gap:10px}.preset-btn.svelte-8vzhq5{background:#fff;border:2px solid #dee2e6;color:#6c757d;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease}.preset-btn.svelte-8vzhq5:hover{border-color:#4361ee;color:#4361ee;background-color:#f8f9ff}.preset-btn.active.svelte-8vzhq5{background-color:#4361ee;border-color:#4361ee;color:#fff}.dpi-slider-group.svelte-8vzhq5 label:where(.svelte-8vzhq5){font-weight:600;color:#212529;display:block;margin-bottom:12px}.range-slider.svelte-8vzhq5{width:100%;height:6px;border-radius:3px;background:#dee2e6;outline:none;-webkit-appearance:none}.range-slider.svelte-8vzhq5::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#4361ee;cursor:pointer;transition:all .3s ease}.range-slider.svelte-8vzhq5::-webkit-slider-thumb:hover{background:#3a56d4;transform:scale(1.1)}.range-slider.svelte-8vzhq5::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#4361ee;cursor:pointer;border:none;transition:all .3s ease}.range-slider.svelte-8vzhq5::-moz-range-thumb:hover{background:#3a56d4;transform:scale(1.1)}.range-labels.svelte-8vzhq5{display:flex;justify-content:space-between;font-size:.85rem;color:#6c757d;margin-top:8px}.manual-input-group.svelte-8vzhq5 label:where(.svelte-8vzhq5),.format-group.svelte-8vzhq5 label:where(.svelte-8vzhq5){font-weight:600;color:#212529;display:block;margin-bottom:8px}.form-control.svelte-8vzhq5{padding:10px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:1rem;transition:all .3s ease;width:100%}.form-control.svelte-8vzhq5:focus{outline:none;border-color:#4361ee;box-shadow:0 0 0 3px #4361ee1a}.dimension-preview.svelte-8vzhq5{display:flex;align-items:center;justify-content:center;gap:20px;padding:20px;background-color:#f8f9fa;border-radius:8px}.preview-card.svelte-8vzhq5{flex:1;text-align:center;padding:15px;background:#fff;border-radius:8px;border:2px solid #dee2e6}.preview-card.highlight.svelte-8vzhq5{border-color:#4361ee;background-color:#f8f9ff}.preview-card.svelte-8vzhq5 h4:where(.svelte-8vzhq5){font-size:.9rem;color:#6c757d;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.preview-card.svelte-8vzhq5 .dimensions:where(.svelte-8vzhq5){font-size:1.2rem;font-weight:600;color:#212529;margin:8px 0}.preview-card.svelte-8vzhq5 .dpi:where(.svelte-8vzhq5){font-size:.95rem;color:#4361ee;font-weight:500}.arrow.svelte-8vzhq5{font-size:1.5rem;color:#4361ee}.convert-section.svelte-8vzhq5{text-align:center}.btn-convert.svelte-8vzhq5{background-color:#4361ee;color:#fff;border:none;padding:14px 40px;border-radius:6px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px}.btn-convert.svelte-8vzhq5:hover:not(:disabled){background-color:#3a56d4;transform:translateY(-2px);box-shadow:0 4px 12px #4361ee4d}.btn-convert.svelte-8vzhq5:disabled{opacity:.6;cursor:not-allowed}.spinner-small.svelte-8vzhq5{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:svelte-8vzhq5-spin 1s linear infinite}.loading-card.svelte-8vzhq5{text-align:center}.loading-content.svelte-8vzhq5{padding:60px 25px}.spinner.svelte-8vzhq5{width:50px;height:50px;border:4px solid #f8f9fa;border-top:4px solid #4361ee;border-radius:50%;animation:svelte-8vzhq5-spin 1s linear infinite;margin:0 auto 20px}@keyframes svelte-8vzhq5-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-content.svelte-8vzhq5 h3:where(.svelte-8vzhq5){font-size:1.2rem;margin-bottom:8px;color:#212529}.loading-content.svelte-8vzhq5 p:where(.svelte-8vzhq5){margin:0;color:#6c757d}.result-container.svelte-8vzhq5{padding:25px}.result-image.svelte-8vzhq5{text-align:center;margin-bottom:25px}.result-image.svelte-8vzhq5 img:where(.svelte-8vzhq5){max-width:100%;max-height:400px;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px #0000001a}.result-info.svelte-8vzhq5{background-color:#f8f9fa;padding:20px;border-radius:8px}.info-row.svelte-8vzhq5{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e9ecef}.info-row.svelte-8vzhq5:last-child{border-bottom:none}.info-row.svelte-8vzhq5 .label:where(.svelte-8vzhq5){font-weight:600;color:#6c757d}.info-row.svelte-8vzhq5 .value:where(.svelte-8vzhq5){color:#212529;font-weight:500}.info-content.svelte-8vzhq5{padding:25px}.info-section.svelte-8vzhq5{margin-bottom:25px}.info-section.svelte-8vzhq5:last-child{margin-bottom:0}.info-section.svelte-8vzhq5 h3:where(.svelte-8vzhq5){font-size:1.1rem;font-weight:600;color:#212529;margin-bottom:12px;display:flex;align-items:center;gap:8px}.info-section.svelte-8vzhq5 h3:where(.svelte-8vzhq5) i:where(.svelte-8vzhq5){color:#4361ee}.info-section.svelte-8vzhq5 p:where(.svelte-8vzhq5){color:#6c757d;line-height:1.6;margin-bottom:12px}.info-section.svelte-8vzhq5 ul:where(.svelte-8vzhq5){list-style:none;padding:0;margin:0}.info-section.svelte-8vzhq5 li:where(.svelte-8vzhq5){padding:8px 0;color:#6c757d;line-height:1.6}.info-section.svelte-8vzhq5 li:where(.svelte-8vzhq5) strong:where(.svelte-8vzhq5){color:#4361ee}.faq-item.svelte-8vzhq5{margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #e9ecef}.faq-item.svelte-8vzhq5:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.faq-item.svelte-8vzhq5 h3:where(.svelte-8vzhq5){font-size:1.05rem;font-weight:600;color:#212529;margin-bottom:12px;display:flex;align-items:center;gap:8px}.faq-item.svelte-8vzhq5 h3:where(.svelte-8vzhq5) i:where(.svelte-8vzhq5){color:#4361ee;font-size:1.1rem}.faq-item.svelte-8vzhq5 p:where(.svelte-8vzhq5){color:#6c757d;line-height:1.6;margin:0}@media (max-width: 768px){.hero-section.svelte-8vzhq5{padding:60px 0 40px}.hero-section.svelte-8vzhq5 h1:where(.svelte-8vzhq5){font-size:2rem}.hero-section.svelte-8vzhq5 .lead:where(.svelte-8vzhq5){font-size:1.1rem}.tool-section.svelte-8vzhq5{padding:40px 0}.card-header-clean.svelte-8vzhq5{flex-direction:column;gap:15px;align-items:flex-start}.mode-options.svelte-8vzhq5{grid-template-columns:1fr}.dimension-preview.svelte-8vzhq5{flex-direction:column}.arrow.svelte-8vzhq5{transform:rotate(90deg)}}