.content-wrapper.svelte-latis5{min-height:60vh;padding-top:200px}.header-section.svelte-latis5{padding-top:3rem}.gradient-text.svelte-latis5{color:#4361ee}.upload-area.svelte-latis5{border:2px dashed #dee2e6;border-radius:12px;transition:all .3s ease;background-color:#f8f9fa}.upload-area.drag-active.svelte-latis5{border-color:#4361ee;background-color:#f0f4ff}.upload-area.has-file.svelte-latis5{border-color:#198754;background-color:#f0fff4}.upload-label.svelte-latis5{display:block;padding:3rem 2rem;text-align:center;cursor:pointer;margin:0}.upload-content.svelte-latis5{display:flex;flex-direction:column;align-items:center}.upload-icon.svelte-latis5{font-size:3rem;color:#4361ee}.btn-calculate.svelte-latis5{background-color:#4361ee;color:#fff;border:none;font-weight:600;transition:all .3s ease}.btn-calculate.svelte-latis5:hover:not(:disabled){background-color:#3a56d4;transform:translateY(-2px);box-shadow:0 5px 15px #4361ee4d}.btn-calculate.svelte-latis5:disabled{opacity:.6;cursor:not-allowed}.stat-card.svelte-latis5{background-color:#f8f9fa;border-radius:8px;padding:1.5rem;text-align:center}.stat-label.svelte-latis5{font-size:.875rem;color:#6c757d;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.stat-value.svelte-latis5{font-size:1.75rem;font-weight:700;color:#212529}.info-box.svelte-latis5{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;padding:1rem;text-align:center}.info-label.svelte-latis5{font-size:.875rem;color:#6c757d;margin-bottom:.5rem}.info-value.svelte-latis5{font-size:1.5rem;font-weight:600;color:#4361ee}.recommendations-list.svelte-latis5{list-style:none;padding-left:0}.recommendations-list.svelte-latis5 li:where(.svelte-latis5){padding:10px 0 10px 32px;position:relative;border-bottom:1px solid #e9ecef}.recommendations-list.svelte-latis5 li:where(.svelte-latis5):last-child{border-bottom:none}.recommendations-list.svelte-latis5 li:where(.svelte-latis5):before{content:"→";position:absolute;left:8px;color:#4361ee;font-weight:700}.reference-card.svelte-latis5{background-color:#f8f9fa;border-radius:8px;padding:1.5rem;text-align:center;transition:all .3s ease}.reference-card.svelte-latis5:hover{background-color:#e9ecef;transform:translateY(-3px)}.reference-dpi.svelte-latis5{font-size:1.5rem;font-weight:700;color:#4361ee;margin-bottom:.5rem}.reference-label.svelte-latis5{font-size:.875rem;font-weight:600;color:#212529;margin-bottom:.25rem}.reference-desc.svelte-latis5{font-size:.75rem;color:#6c757d}.table.svelte-latis5 th:where(.svelte-latis5){background-color:#f8f9fa;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}.info-section.svelte-latis5 p:where(.svelte-latis5){color:#495057;line-height:1.7}.info-section.svelte-latis5 ul:where(.svelte-latis5){color:#495057;line-height:1.7}.info-section.svelte-latis5 ul:where(.svelte-latis5) li:where(.svelte-latis5){margin-bottom:.5rem}.requirement-box.svelte-latis5{background-color:#f8f9fa;border-radius:8px;padding:1.5rem;height:100%}.requirement-box.svelte-latis5 h4:where(.svelte-latis5){color:#4361ee}.requirement-box.svelte-latis5 ul:where(.svelte-latis5){list-style:none;padding-left:0}.requirement-box.svelte-latis5 ul:where(.svelte-latis5) li:where(.svelte-latis5){padding:8px 0;border-bottom:1px solid #e9ecef}.requirement-box.svelte-latis5 ul:where(.svelte-latis5) li:where(.svelte-latis5):last-child{border-bottom:none}.quality-guidelines.svelte-latis5{display:flex;flex-direction:column;gap:1rem}.guideline-item.svelte-latis5{background-color:#f8f9fa;border-radius:8px;padding:1rem 1.5rem;display:flex;align-items:flex-start;gap:1rem}.guideline-item.svelte-latis5 .badge:where(.svelte-latis5){min-width:120px;text-align:center;padding:8px 12px;font-size:.875rem}.guideline-item.svelte-latis5 p:where(.svelte-latis5){margin:0;flex:1;line-height:1.6}.use-case-card.svelte-latis5{background-color:#f8f9fa;border-radius:8px;padding:1.5rem;height:100%;transition:all .3s ease;border:2px solid transparent}.use-case-card.svelte-latis5:hover{background-color:#e9ecef;border-color:#4361ee;transform:translateY(-3px)}.use-case-card.svelte-latis5 h4:where(.svelte-latis5){color:#212529}@media (max-width: 768px){.header-section.svelte-latis5{padding-top:0}.display-4.svelte-latis5{font-size:2rem}.upload-label.svelte-latis5{padding:2rem 1rem}.stat-card.svelte-latis5,.info-box.svelte-latis5{padding:1rem}.stat-value.svelte-latis5{font-size:1.5rem}.guideline-item.svelte-latis5{flex-direction:column;gap:.5rem}.guideline-item.svelte-latis5 .badge:where(.svelte-latis5){min-width:auto;width:fit-content}.requirement-box.svelte-latis5{padding:1rem}}
