.file-upload-section.svelte-n80k3k,.json-file-handler.svelte-n80k3k{margin-bottom:1rem}.upload-area.svelte-n80k3k{background:var(--neutral-50);border:2px dashed var(--neutral-300);border-radius:var(--radius-lg);cursor:pointer;padding:2rem;text-align:center;transition:all .3s ease}.upload-area.svelte-n80k3k:hover{background:var(--primary-50);border-color:var(--primary-400)}.upload-area.is-drag-over.svelte-n80k3k{background:var(--primary-100);border-color:var(--primary-600);transform:scale(1.02)}.upload-content.svelte-n80k3k{pointer-events:none}.upload-icon.svelte-n80k3k{font-size:3rem;margin-bottom:1rem}.file-info.svelte-n80k3k{color:var(--neutral-600);margin-top:1rem}.upload-progress.svelte-n80k3k{margin:0 auto;max-width:300px;width:100%}.file-actions.svelte-n80k3k{background:var(--neutral-50);border-radius:var(--radius-md);margin-top:1rem;padding:1rem}.educational-content.svelte-n80k3k{background:var(--educational-bg,#f8fafc);border-top:1px solid var(--border-color,#e5e7eb);box-shadow:0 2px 12px #00000012;margin-top:1.5rem;padding:2rem 1rem}.content-section.svelte-n80k3k{background:var(--content-bg,#fff);border:1.5px solid var(--border-color,#e5e7eb);border-radius:1.25rem;box-shadow:0 4px 24px #00000014;margin:0 auto;max-width:1100px;padding:2.5rem 2rem}.main-heading.svelte-n80k3k{background:linear-gradient(90deg,#e0e7ff 60%,transparent);border-radius:.5em;color:var(--primary-600,#2563eb);display:inline-block;font-size:2rem;font-weight:700;margin-bottom:1.25rem;padding:.25em .5em}.how-to-use-guide.svelte-n80k3k{background:var(--howto-bg,#f1f5f9);border:1.5px solid var(--border-color,#e5e7eb);border-radius:.75rem;box-shadow:0 2px 8px #0000000a;margin-bottom:2rem;padding:1.5rem 1.25rem 1.25rem}.how-to-use-guide.svelte-n80k3k h3:where(.svelte-n80k3k){color:var(--primary-700,#1d4ed8);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.how-to-use-guide.svelte-n80k3k ol:where(.svelte-n80k3k){color:var(--text-secondary,#374151);font-size:1.05rem;line-height:1.7;margin:0 0 1rem 1.25rem;padding:0}.how-to-use-guide.svelte-n80k3k li:where(.svelte-n80k3k){margin-bottom:.5rem}.how-to-tips.svelte-n80k3k{color:var(--primary-700,#1d4ed8);font-size:.98rem;list-style:none;margin:0 0 0 1.25rem;padding:0}.how-to-tips.svelte-n80k3k li:where(.svelte-n80k3k){margin-bottom:.25rem}.content-section.svelte-n80k3k h3:where(.svelte-n80k3k){color:var(--text-primary,#111827);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.content-section.svelte-n80k3k p:where(.svelte-n80k3k){color:var(--text-secondary,#6b7280);font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.content-section.svelte-n80k3k h4:where(.svelte-n80k3k){color:var(--text-primary,#111827);font-size:1.125rem;font-weight:600;margin-bottom:.75rem;margin-top:2rem}.content-section.svelte-n80k3k ul:where(.svelte-n80k3k){list-style:disc;margin-bottom:1.5rem;padding-left:1.5rem}.content-section.svelte-n80k3k li:where(.svelte-n80k3k){color:var(--text-secondary,#6b7280);font-size:1rem;line-height:1.7;margin-bottom:.5rem}.file-process.svelte-n80k3k{gap:.75rem;margin-bottom:1.5rem}.file-process.svelte-n80k3k,.file-process.svelte-n80k3k .step:where(.svelte-n80k3k){display:flex;flex-direction:column}.file-process.svelte-n80k3k .step:where(.svelte-n80k3k){background:var(--step-bg,#f0f9eb);border:1px solid var(--step-border,#e1f3d8);border-radius:.5rem;gap:.5rem;padding:1rem}.file-process.svelte-n80k3k .step:where(.svelte-n80k3k) h5:where(.svelte-n80k3k){color:var(--step-title,#67c23a);font-size:1rem;font-weight:600;margin-bottom:.5rem}.file-process.svelte-n80k3k .step:where(.svelte-n80k3k) p:where(.svelte-n80k3k){color:var(--step-text,#67c23a);font-size:.9rem;margin-bottom:0}.file-formats.svelte-n80k3k{gap:1rem;margin-bottom:1.5rem}.file-formats.svelte-n80k3k,.format.svelte-n80k3k{display:flex;flex-direction:column}.format.svelte-n80k3k{background:var(--format-bg,#fdf6ec);border:1px solid var(--format-border,#faecd8);border-radius:.5rem;gap:.75rem;padding:1rem}.format.svelte-n80k3k h5:where(.svelte-n80k3k){color:var(--format-title,#e6a23c);font-size:1rem;font-weight:600;margin-bottom:.5rem}.format.svelte-n80k3k p:where(.svelte-n80k3k){color:var(--format-text,#e6a23c);font-size:.9rem;margin-bottom:0}.format.svelte-n80k3k pre:where(.svelte-n80k3k){background:var(--code-bg,#f8fafc);border:1px solid var(--border-color,#d1d5db);border-radius:.375rem;color:var(--text-primary,#111827);font-family:JetBrains Mono,Fira Code,monospace;font-size:.875rem;overflow-x:auto;padding:.75rem}.processing-features.svelte-n80k3k{gap:1rem;margin-bottom:1.5rem}.feature.svelte-n80k3k,.processing-features.svelte-n80k3k{display:flex;flex-direction:column}.feature.svelte-n80k3k{background:var(--feature-bg,#f0f9eb);border:1px solid var(--feature-border,#e1f3d8);border-radius:.5rem;gap:.75rem;padding:1rem}.feature.svelte-n80k3k h5:where(.svelte-n80k3k){color:var(--feature-title,#67c23a);font-size:1rem;font-weight:600;margin-bottom:.5rem}.feature.svelte-n80k3k p:where(.svelte-n80k3k){color:var(--feature-text,#67c23a);font-size:.9rem;margin-bottom:0}.export-options.svelte-n80k3k{gap:1rem;margin-bottom:1.5rem}.export-option.svelte-n80k3k,.export-options.svelte-n80k3k{display:flex;flex-direction:column}.export-option.svelte-n80k3k{background:var(--export-bg,#f0f9eb);border:1px solid var(--export-border,#e1f3d8);border-radius:.5rem;gap:.75rem;padding:1rem}.export-option.svelte-n80k3k h5:where(.svelte-n80k3k){color:var(--export-title,#67c23a);font-size:1rem;font-weight:600;margin-bottom:.5rem}.export-option.svelte-n80k3k p:where(.svelte-n80k3k){color:var(--export-text,#67c23a);font-size:.9rem;margin-bottom:0}.export-option.svelte-n80k3k pre:where(.svelte-n80k3k){background:var(--code-bg,#f8fafc);border:1px solid var(--border-color,#d1d5db);border-radius:.375rem;color:var(--text-primary,#111827);font-family:JetBrains Mono,Fira Code,monospace;font-size:.875rem;overflow-x:auto;padding:.75rem}.use-cases.svelte-n80k3k{gap:1rem;margin-bottom:1.5rem}.use-case.svelte-n80k3k,.use-cases.svelte-n80k3k{display:flex;flex-direction:column}.use-case.svelte-n80k3k{background:var(--use-case-bg,#f0f9eb);border:1px solid var(--use-case-border,#e1f3d8);border-radius:.5rem;gap:.75rem;padding:1rem}.use-case.svelte-n80k3k h5:where(.svelte-n80k3k){color:var(--use-case-title,#67c23a);font-size:1rem;font-weight:600;margin-bottom:.5rem}.use-case.svelte-n80k3k p:where(.svelte-n80k3k){color:var(--use-case-text,#67c23a);font-size:.9rem;margin-bottom:0}.best-practices.svelte-n80k3k{gap:1rem;margin-bottom:1.5rem}.best-practices.svelte-n80k3k,.practice.svelte-n80k3k{display:flex;flex-direction:column}.practice.svelte-n80k3k{background:var(--practice-bg,#fdf6ec);border:1px solid var(--practice-border,#faecd8);border-radius:.5rem;gap:.75rem;padding:1rem}.practice.svelte-n80k3k h5:where(.svelte-n80k3k){color:var(--practice-title,#e6a23c);font-size:1rem;font-weight:600;margin-bottom:.5rem}.practice.svelte-n80k3k ul:where(.svelte-n80k3k){list-style:disc;margin-bottom:0;padding-left:1.5rem}.practice.svelte-n80k3k li:where(.svelte-n80k3k){color:var(--practice-text,#67c23a);font-size:.9rem;margin-bottom:.25rem}.security-features.svelte-n80k3k{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.security-feature.svelte-n80k3k{background:var(--security-bg,#f0f9eb);border:1px solid var(--security-border,#e1f3d8);border-radius:.5rem;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.security-feature.svelte-n80k3k h5:where(.svelte-n80k3k){color:var(--security-title,#67c23a);font-size:1rem;font-weight:600;margin-bottom:.5rem}.security-feature.svelte-n80k3k p:where(.svelte-n80k3k){color:var(--security-text,#67c23a);font-size:.9rem;margin-bottom:0}.integration-examples.svelte-n80k3k{gap:1rem;margin-bottom:1.5rem}.example.svelte-n80k3k,.integration-examples.svelte-n80k3k{display:flex;flex-direction:column}.example.svelte-n80k3k{background:var(--example-bg,#f0f9eb);border:1px solid var(--example-border,#e1f3d8);border-radius:.5rem;gap:.75rem;padding:1rem}.example.svelte-n80k3k h5:where(.svelte-n80k3k){color:var(--example-title,#67c23a);font-size:1rem;font-weight:600;margin-bottom:.5rem}.example.svelte-n80k3k p:where(.svelte-n80k3k){color:var(--example-text,#67c23a);font-size:.9rem;margin-bottom:0}.troubleshooting.svelte-n80k3k{gap:1rem;margin-bottom:1.5rem}.issue.svelte-n80k3k,.troubleshooting.svelte-n80k3k{display:flex;flex-direction:column}.issue.svelte-n80k3k{background:var(--issue-bg,#fef2f2);border:1px solid var(--issue-border,#fecaca);border-radius:.5rem;gap:.75rem;padding:1rem}.issue.svelte-n80k3k h5:where(.svelte-n80k3k){color:var(--issue-title,#dc2626);font-size:1rem;font-weight:600;margin-bottom:.5rem}.issue.svelte-n80k3k p:where(.svelte-n80k3k){color:var(--issue-text,#dc2626);font-size:.9rem;margin-bottom:0}@media (max-width:900px){.content-section.svelte-n80k3k{max-width:98vw;padding:1.25rem .5rem}}@media (max-width:600px){.content-section.svelte-n80k3k{padding:.5rem .25rem}.main-heading.svelte-n80k3k{font-size:1.25rem}.how-to-use-guide.svelte-n80k3k h3:where(.svelte-n80k3k){font-size:1.05rem}}
