.tree-node.svelte-50durj{border-radius:4px;margin:0;outline:none;transition:all .2s ease}.tree-node.svelte-50durj:focus{outline:2px solid var(--primary-500,#3273dc);outline-offset:1px}.tree-node.focused.svelte-50durj{background-color:var(--primary-50,#f0f8ff)}.tree-node.selected.svelte-50durj{background-color:var(--primary-100,#e3f2fd)}.node-content.svelte-50durj{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:.5rem;min-height:2rem;padding:.375rem .5rem;transition:background-color .2s ease}.node-content.svelte-50durj:hover{background-color:var(--neutral-100,#f5f5f5)}.toggle-button.svelte-50durj{align-items:center;background:none;border:none;border-radius:3px;cursor:pointer;display:flex;height:1.5rem;justify-content:center;padding:.25rem;transition:background-color .2s ease;width:1.5rem}.toggle-button.svelte-50durj:hover{background-color:var(--neutral-200,rgba(0,0,0,.1))}.toggle-button.svelte-50durj:focus{outline:2px solid var(--primary-500,#3273dc);outline-offset:1px}.type-icon.svelte-50durj{align-items:center;display:flex;font-size:.875rem;height:1.5rem;justify-content:center;width:1.5rem}.node-key.svelte-50durj{color:var(--primary-600,#3273dc);flex-shrink:0;font-size:.875rem;font-weight:600}.node-key.svelte-50durj,.node-preview.svelte-50durj{font-family:JetBrains Mono,Courier New,monospace;min-width:0}.node-preview.svelte-50durj{color:var(--neutral-600,#666);flex:1;font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-actions.svelte-50durj{display:flex;flex-shrink:0;gap:.25rem;opacity:0;transition:opacity .2s ease}.node-content.svelte-50durj:hover .node-actions:where(.svelte-50durj),.tree-node.focused.svelte-50durj .node-actions:where(.svelte-50durj),.tree-node.selected.svelte-50durj .node-actions:where(.svelte-50durj){opacity:1}.action-button.svelte-50durj{height:auto;min-width:auto;padding:.25rem}.action-button.svelte-50durj:focus{outline:2px solid var(--primary-500,#3273dc);outline-offset:1px}.tree-node-children.svelte-50durj{border-left:2px solid var(--neutral-200,#e0e0e0);margin-left:1rem;padding-left:.5rem}@media (prefers-contrast:high){.tree-node.svelte-50durj:focus{outline:3px solid}.action-button.svelte-50durj:focus,.toggle-button.svelte-50durj:focus{outline:2px solid}}@media (prefers-reduced-motion:reduce){.node-actions.svelte-50durj,.node-content.svelte-50durj,.toggle-button.svelte-50durj,.tree-node.svelte-50durj{transition:none}}.educational-content.svelte-16krr5v,.json-structure-visualizer.svelte-16krr5v{margin-bottom:1rem}.content-section.svelte-16krr5v{margin-bottom:1.5rem}.content-section.svelte-16krr5v h3:where(.svelte-16krr5v){margin-bottom:.5rem}.content-section.svelte-16krr5v h4:where(.svelte-16krr5v){margin-bottom:.5rem;margin-top:1rem}.advanced-features.svelte-16krr5v,.best-practices.svelte-16krr5v,.integration-examples.svelte-16krr5v,.navigation-features.svelte-16krr5v,.tree-components.svelte-16krr5v,.use-cases.svelte-16krr5v,.visual-indicators.svelte-16krr5v{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:.5rem}.component.svelte-16krr5v,.example.svelte-16krr5v,.feature.svelte-16krr5v,.indicator.svelte-16krr5v,.use-case.svelte-16krr5v{background-color:var(--neutral-100);border:1px solid var(--neutral-300);border-radius:var(--radius-sm);padding:1rem;text-align:center}.component.svelte-16krr5v h5:where(.svelte-16krr5v),.example.svelte-16krr5v h5:where(.svelte-16krr5v),.feature.svelte-16krr5v h5:where(.svelte-16krr5v),.indicator.svelte-16krr5v h5:where(.svelte-16krr5v),.use-case.svelte-16krr5v h5:where(.svelte-16krr5v){color:var(--primary-600);margin-bottom:.5rem}.component.svelte-16krr5v p:where(.svelte-16krr5v),.example.svelte-16krr5v p:where(.svelte-16krr5v),.feature.svelte-16krr5v p:where(.svelte-16krr5v),.indicator.svelte-16krr5v p:where(.svelte-16krr5v),.use-case.svelte-16krr5v p:where(.svelte-16krr5v){color:var(--neutral-700);font-size:.9rem}.use-case.svelte-16krr5v pre:where(.svelte-16krr5v){background-color:var(--neutral-200);border:1px solid var(--neutral-300);border-radius:var(--radius-sm);color:var(--neutral-900);font-size:.85rem;overflow-x:auto;padding:.5rem 1rem}.use-case.svelte-16krr5v pre:where(.svelte-16krr5v) code:where(.svelte-16krr5v){white-space:pre-wrap;word-break:break-all}.controls.svelte-16krr5v,.input-section.svelte-16krr5v,.statistics.svelte-16krr5v{margin-bottom:1rem}.tree-container.svelte-16krr5v{border:1px solid var(--neutral-300);border-radius:var(--radius-md);max-height:500px;overflow-y:auto;padding:.5rem}.json-schema-validator.svelte-1cbqn6s{max-width:100%}.json-editor.svelte-1cbqn6s{border:1px solid #dbdbdb;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;min-height:300px;padding:1rem;resize:vertical;width:100%}.json-editor.svelte-1cbqn6s:focus{border-color:#3273dc;box-shadow:0 0 0 .125em #3273dc40;outline:none}.json-output.svelte-1cbqn6s{background-color:#f5f5f5;border:1px solid #dbdbdb;border-radius:4px;max-height:400px;overflow-y:auto;padding:1rem;white-space:pre-wrap;word-wrap:break-word;font-size:14px;line-height:1.5}.card-header-icon.svelte-1cbqn6s{align-items:center;display:flex;flex:1 1 0;justify-content:flex-end;min-width:0}.card-header-icon.svelte-1cbqn6s .select:where(.svelte-1cbqn6s){flex:1 1 0;min-width:0;width:100%}.card-header-icon.svelte-1cbqn6s select:where(.svelte-1cbqn6s){box-sizing:border-box;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.card-header-icon.svelte-1cbqn6s .select.is-small:where(.svelte-1cbqn6s){flex:0 1 auto;min-width:0;width:auto}.card-header-icon.svelte-1cbqn6s .select.is-small:where(.svelte-1cbqn6s) select:where(.svelte-1cbqn6s){appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:.75em;border:1px solid #dbdbdb;border-radius:4px;color:#363636;cursor:pointer;font-size:.875rem;line-height:1.5;max-width:none;min-width:0;padding:.5rem 2.25em .5rem .75rem;width:auto}.card-header-icon.svelte-1cbqn6s .select.is-small:where(.svelte-1cbqn6s) select:where(.svelte-1cbqn6s):focus{border-color:#3273dc;box-shadow:0 0 0 .125em #3273dc40;outline:none}.card-header-icon.svelte-1cbqn6s .select.is-small:where(.svelte-1cbqn6s) select:where(.svelte-1cbqn6s) option:where(.svelte-1cbqn6s){background-color:#fff;color:#363636;padding:.5rem}.card-header-icon.svelte-1cbqn6s .button:where(.svelte-1cbqn6s){margin-left:.5rem}.tab-button.svelte-1cbqn6s{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-size:inherit;gap:.5rem;justify-content:center;padding:.75rem 1rem;text-align:center;transition:all .2s ease;width:100%}.tab-button.svelte-1cbqn6s:hover{background-color:#f5f5f5}@media (max-width:768px){.columns.svelte-1cbqn6s{flex-direction:column}.json-editor.svelte-1cbqn6s{font-size:12px;min-height:200px}.json-output.svelte-1cbqn6s{font-size:12px;max-height:300px}}[data-theme=dark] .card-header-icon.svelte-1cbqn6s .select.is-small:where(.svelte-1cbqn6s) select:where(.svelte-1cbqn6s){background-color:#2d2d2d;border-color:#4a4a4a;color:#e4e4e4}[data-theme=dark] .card-header-icon.svelte-1cbqn6s .select.is-small:where(.svelte-1cbqn6s) select:where(.svelte-1cbqn6s):focus{border-color:#3273dc;box-shadow:0 0 0 .125em #3273dc40}[data-theme=dark] .card-header-icon.svelte-1cbqn6s .select.is-small:where(.svelte-1cbqn6s) select:where(.svelte-1cbqn6s) option:where(.svelte-1cbqn6s){background-color:#2d2d2d;color:#e4e4e4}[data-theme=dark] .card-header-icon.svelte-1cbqn6s .select.is-small:where(.svelte-1cbqn6s) select:where(.svelte-1cbqn6s) option:where(.svelte-1cbqn6s):hover{background-color:#3d3d3d}.educational-content.svelte-1cbqn6s{background:var(--bg-secondary,#f8fafc);border-bottom:1px solid var(--border-color,#e5e7eb);margin-bottom:2rem;padding:2rem}.content-section.svelte-1cbqn6s{margin:0 auto;max-width:1200px}.content-section.svelte-1cbqn6s h3:where(.svelte-1cbqn6s){color:var(--text-primary,#1f2937);font-size:1.75rem;font-weight:700;margin-bottom:1rem}.content-section.svelte-1cbqn6s h4:where(.svelte-1cbqn6s){color:var(--text-primary,#1f2937);font-size:1.25rem;font-weight:600;margin:2rem 0 1rem}.content-section.svelte-1cbqn6s p:where(.svelte-1cbqn6s){color:var(--text-secondary,#6b7280);line-height:1.7;margin-bottom:1rem}.content-section.svelte-1cbqn6s ul:where(.svelte-1cbqn6s){margin-bottom:1.5rem;padding-left:1.5rem}.content-section.svelte-1cbqn6s li:where(.svelte-1cbqn6s){color:var(--text-secondary,#6b7280);line-height:1.6;margin-bottom:.5rem}.function-cards.svelte-1cbqn6s{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:1.5rem 0}.function-card.svelte-1cbqn6s{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;padding:1.5rem;transition:all .2s ease}.function-card.svelte-1cbqn6s:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.function-card.svelte-1cbqn6s h5:where(.svelte-1cbqn6s){color:var(--text-primary,#1f2937);font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.function-card.svelte-1cbqn6s p:where(.svelte-1cbqn6s){color:var(--text-secondary,#6b7280);font-size:.9rem;line-height:1.5;margin:0}.schema-basics.svelte-1cbqn6s{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:1.5rem 0}.basic-concept.svelte-1cbqn6s{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;padding:1.5rem}.basic-concept.svelte-1cbqn6s h5:where(.svelte-1cbqn6s){color:var(--text-primary,#1f2937);font-size:1rem;font-weight:600;margin-bottom:1rem}.basic-concept.svelte-1cbqn6s pre:where(.svelte-1cbqn6s){background:var(--bg-code,#f8fafc);border:1px solid var(--border-color,#e5e7eb);border-radius:6px;margin-bottom:.75rem;overflow-x:auto;padding:1rem}.basic-concept.svelte-1cbqn6s code:where(.svelte-1cbqn6s){color:var(--text-code,#374151);font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem}.basic-concept.svelte-1cbqn6s p:where(.svelte-1cbqn6s){color:var(--text-secondary,#6b7280);font-size:.9rem;margin:0}.example-comparison.svelte-1cbqn6s{margin:2rem 0}.example-swap-toggle.svelte-1cbqn6s{display:flex;justify-content:flex-end;margin-bottom:1rem}.example-after.svelte-1cbqn6s,.example-before.svelte-1cbqn6s{background:var(--bg-secondary,#f8fafc);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;height:100%;padding:1.5rem}.example-after.svelte-1cbqn6s h5:where(.svelte-1cbqn6s),.example-before.svelte-1cbqn6s h5:where(.svelte-1cbqn6s){color:var(--text-primary,#1f2937);font-size:1rem;font-weight:600;margin-bottom:1rem}.example-after.svelte-1cbqn6s pre:where(.svelte-1cbqn6s),.example-before.svelte-1cbqn6s pre:where(.svelte-1cbqn6s){background:var(--bg-code,#f8fafc);border:1px solid var(--border-color,#e5e7eb);border-radius:6px;margin:0;overflow-x:auto;padding:1rem}.example-after.svelte-1cbqn6s code:where(.svelte-1cbqn6s),.example-before.svelte-1cbqn6s code:where(.svelte-1cbqn6s){color:var(--text-code,#374151);font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem}.validation-errors.svelte-1cbqn6s{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:1.5rem 0}.error-example.svelte-1cbqn6s{background:var(--bg-primary,#fff);border:1px solid var(--error-border,#fecaca);border-radius:8px;padding:1.5rem}.error-example.svelte-1cbqn6s h5:where(.svelte-1cbqn6s){color:var(--error-color,#dc2626);font-size:1rem;font-weight:600;margin-bottom:1rem}.error-example.svelte-1cbqn6s pre:where(.svelte-1cbqn6s){background:var(--bg-code,#f8fafc);border:1px solid var(--border-color,#e5e7eb);border-radius:6px;margin-bottom:.75rem;overflow-x:auto;padding:1rem}.error-example.svelte-1cbqn6s code:where(.svelte-1cbqn6s){color:var(--text-code,#374151);font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem}.error-example.svelte-1cbqn6s p:where(.svelte-1cbqn6s){color:var(--text-secondary,#6b7280);font-size:.9rem;margin:0}.schema-patterns.svelte-1cbqn6s{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:1.5rem 0}.pattern.svelte-1cbqn6s{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;padding:1.5rem}.pattern.svelte-1cbqn6s h5:where(.svelte-1cbqn6s){color:var(--text-primary,#1f2937);font-size:1rem;font-weight:600;margin-bottom:1rem}.pattern.svelte-1cbqn6s pre:where(.svelte-1cbqn6s){background:var(--bg-code,#f8fafc);border:1px solid var(--border-color,#e5e7eb);border-radius:6px;margin:0;overflow-x:auto;padding:1rem}.pattern.svelte-1cbqn6s code:where(.svelte-1cbqn6s){color:var(--text-code,#374151);font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem}.advanced-features.svelte-1cbqn6s{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:1.5rem 0}.feature.svelte-1cbqn6s{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;padding:1.5rem}.feature.svelte-1cbqn6s h5:where(.svelte-1cbqn6s){color:var(--text-primary,#1f2937);font-size:1rem;font-weight:600;margin-bottom:.75rem}.feature.svelte-1cbqn6s p:where(.svelte-1cbqn6s){color:var(--text-secondary,#6b7280);font-size:.9rem;line-height:1.5;margin:0}.use-cases.svelte-1cbqn6s{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:1.5rem 0}.use-case.svelte-1cbqn6s{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;padding:1.5rem}.use-case.svelte-1cbqn6s h5:where(.svelte-1cbqn6s){color:var(--text-primary,#1f2937);font-size:1rem;font-weight:600;margin-bottom:.75rem}.use-case.svelte-1cbqn6s p:where(.svelte-1cbqn6s){color:var(--text-secondary,#6b7280);font-size:.9rem;line-height:1.5;margin:0}[data-theme=dark] .educational-content.svelte-1cbqn6s{background:var(--dark-bg-secondary,#1e293b);border-color:var(--dark-border,#334155)}[data-theme=dark] .basic-concept.svelte-1cbqn6s,[data-theme=dark] .error-example.svelte-1cbqn6s,[data-theme=dark] .feature.svelte-1cbqn6s,[data-theme=dark] .function-card.svelte-1cbqn6s,[data-theme=dark] .pattern.svelte-1cbqn6s,[data-theme=dark] .use-case.svelte-1cbqn6s{background:var(--dark-bg-primary,#0f172a);border-color:var(--dark-border,#334155)}[data-theme=dark] .example-after.svelte-1cbqn6s,[data-theme=dark] .example-before.svelte-1cbqn6s{background:var(--dark-bg-secondary,#1e293b);border-color:var(--dark-border,#334155)}[data-theme=dark] .basic-concept.svelte-1cbqn6s pre:where(.svelte-1cbqn6s),[data-theme=dark] .error-example.svelte-1cbqn6s pre:where(.svelte-1cbqn6s),[data-theme=dark] .example-after.svelte-1cbqn6s pre:where(.svelte-1cbqn6s),[data-theme=dark] .example-before.svelte-1cbqn6s pre:where(.svelte-1cbqn6s),[data-theme=dark] .pattern.svelte-1cbqn6s pre:where(.svelte-1cbqn6s){background:var(--dark-bg-code,#1e293b);border-color:var(--dark-border,#334155)}[data-theme=dark] .basic-concept.svelte-1cbqn6s code:where(.svelte-1cbqn6s),[data-theme=dark] .error-example.svelte-1cbqn6s code:where(.svelte-1cbqn6s),[data-theme=dark] .example-after.svelte-1cbqn6s code:where(.svelte-1cbqn6s),[data-theme=dark] .example-before.svelte-1cbqn6s code:where(.svelte-1cbqn6s),[data-theme=dark] .pattern.svelte-1cbqn6s code:where(.svelte-1cbqn6s){color:var(--dark-text-code,#e2e8f0)}@media (max-width:768px){.educational-content.svelte-1cbqn6s{padding:1rem}.advanced-features.svelte-1cbqn6s,.function-cards.svelte-1cbqn6s,.schema-basics.svelte-1cbqn6s,.schema-patterns.svelte-1cbqn6s,.use-cases.svelte-1cbqn6s,.validation-errors.svelte-1cbqn6s{gap:1rem;grid-template-columns:1fr}.content-section.svelte-1cbqn6s h3:where(.svelte-1cbqn6s){font-size:1.5rem}.content-section.svelte-1cbqn6s h4:where(.svelte-1cbqn6s){font-size:1.1rem}.basic-concept.svelte-1cbqn6s pre:where(.svelte-1cbqn6s),.error-example.svelte-1cbqn6s pre:where(.svelte-1cbqn6s),.example-after.svelte-1cbqn6s pre:where(.svelte-1cbqn6s),.example-before.svelte-1cbqn6s pre:where(.svelte-1cbqn6s),.pattern.svelte-1cbqn6s pre:where(.svelte-1cbqn6s){font-size:.8rem;padding:.75rem}}.json-diff-tool.svelte-17bua40{background:var(--bg-color,#f5f5f5);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh}.tool-header.svelte-17bua40{background:var(--header-bg,#fff);border-bottom:1px solid var(--border-color,#e5e7eb);box-shadow:0 1px 3px #0000001a;flex-shrink:0;justify-content:space-between;padding:1rem 1.5rem}.header-left.svelte-17bua40,.tool-header.svelte-17bua40{align-items:center;display:flex}.header-left.svelte-17bua40{gap:1.5rem}.header-left.svelte-17bua40 h2:where(.svelte-17bua40){color:var(--text-primary,#111827);font-size:1.5rem;font-weight:600;margin:0}.action-buttons.svelte-17bua40{display:flex;gap:.5rem}.action-btn.svelte-17bua40{align-items:center;background:var(--btn-bg,#fff);border:1px solid var(--border-color,#d1d5db);border-radius:.5rem;color:var(--text-primary,#374151);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.25rem;padding:.5rem 1rem;transition:all .2s ease}.action-btn.svelte-17bua40:hover:not(:disabled){background:var(--btn-hover-bg,#f9fafb);border-color:var(--btn-hover-border,#9ca3af)}.action-btn.svelte-17bua40:disabled{cursor:not-allowed;opacity:.5}.action-btn.primary.svelte-17bua40{background:var(--primary-color,#3b82f6);border-color:var(--primary-color,#3b82f6);color:#fff}.action-btn.primary.svelte-17bua40:hover:not(:disabled){background:var(--primary-hover,#2563eb);border-color:var(--primary-hover,#2563eb)}.action-btn.secondary.svelte-17bua40{background:var(--secondary-bg,#f3f4f6);color:var(--text-secondary,#6b7280)}.header-controls.svelte-17bua40{align-items:center;display:flex;gap:1rem}.control-group.svelte-17bua40{align-items:center;display:flex;gap:.5rem}.control-label.svelte-17bua40{color:var(--text-secondary,#6b7280);font-size:.875rem;font-weight:500}.control-select.svelte-17bua40{background:var(--input-bg,#fff);border:1px solid var(--border-color,#d1d5db);border-radius:.375rem;color:var(--text-primary,#374151);font-size:.875rem;padding:.25rem .5rem}.checkbox-label.svelte-17bua40{align-items:center;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;font-size:.875rem;gap:.25rem}.checkbox-label.svelte-17bua40 input[type=checkbox]:where(.svelte-17bua40){margin:0}.compact-btn.svelte-17bua40{background:var(--btn-bg,#fff);border:1px solid var(--border-color,#d1d5db);border-radius:.375rem;cursor:pointer;font-size:1rem;padding:.5rem;transition:all .2s ease}.compact-btn.svelte-17bua40:hover{background:var(--btn-hover-bg,#f9fafb)}.educational-content.svelte-17bua40{background:var(--educational-bg,#f8fafc);border-bottom:1px solid var(--border-color,#e5e7eb);box-shadow:0 1px 3px #0000001a;flex-shrink:0;padding:1rem}.content-section.svelte-17bua40{background:var(--content-bg,#fff);border-radius:.75rem;box-shadow:0 2px 4px #0000000d;margin:0 auto;max-width:800px;padding:1.5rem}.content-section.svelte-17bua40 h3:where(.svelte-17bua40){color:var(--text-primary,#111827);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.content-section.svelte-17bua40 p:where(.svelte-17bua40){color:var(--text-secondary,#6b7280);font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.content-section.svelte-17bua40 h4:where(.svelte-17bua40){color:var(--text-primary,#111827);font-size:1.125rem;font-weight:600;margin-bottom:.75rem;margin-top:2rem}.content-section.svelte-17bua40 ul:where(.svelte-17bua40){list-style:disc;margin-bottom:1.5rem;padding-left:1.5rem}.content-section.svelte-17bua40 li:where(.svelte-17bua40){color:var(--text-secondary,#6b7280);font-size:1rem;line-height:1.7;margin-bottom:.5rem}.diff-process.svelte-17bua40{gap:.75rem;margin-bottom:1.5rem}.diff-process.svelte-17bua40,.diff-process.svelte-17bua40 .step:where(.svelte-17bua40){display:flex;flex-direction:column}.diff-process.svelte-17bua40 .step:where(.svelte-17bua40){background:var(--step-bg,#f0f9eb);border:1px solid var(--step-border,#e1f3d8);border-radius:.5rem;gap:.5rem;padding:1rem}.diff-process.svelte-17bua40 .step:where(.svelte-17bua40) h5:where(.svelte-17bua40){color:var(--step-title,#67c23a);font-size:1rem;font-weight:600;margin-bottom:.5rem}.diff-process.svelte-17bua40 .step:where(.svelte-17bua40) p:where(.svelte-17bua40){color:var(--step-text,#67c23a);font-size:.9rem;margin-bottom:0}.change-types.svelte-17bua40{gap:1rem;margin-bottom:1.5rem}.change-type.svelte-17bua40,.change-types.svelte-17bua40{display:flex;flex-direction:column}.change-type.svelte-17bua40{background:var(--change-type-bg,#fdf6ec);border:1px solid var(--change-type-border,#faecd8);border-radius:.5rem;gap:.75rem;padding:1rem}.change-type.svelte-17bua40 h5:where(.svelte-17bua40){color:var(--change-type-title,#e6a23c);font-size:1rem;font-weight:600;margin-bottom:.5rem}.change-type.svelte-17bua40 p:where(.svelte-17bua40){color:var(--change-type-text,#e6a23c);font-size:.9rem;margin-bottom:0}.change-type.svelte-17bua40 pre:where(.svelte-17bua40){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}.diff-format.svelte-17bua40{gap:1rem;margin-bottom:1.5rem}.diff-format.svelte-17bua40,.format-example.svelte-17bua40{display:flex;flex-direction:column}.format-example.svelte-17bua40{background:var(--format-bg,#fdf6ec);border:1px solid var(--format-border,#faecd8);border-radius:.5rem;gap:.75rem;padding:1rem}.format-example.svelte-17bua40 h5:where(.svelte-17bua40){color:var(--format-title,#e6a23c);font-size:1rem;font-weight:600;margin-bottom:.5rem}.format-example.svelte-17bua40 pre:where(.svelte-17bua40){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-17bua40{gap:1rem;margin-bottom:1.5rem}.use-case.svelte-17bua40,.use-cases.svelte-17bua40{display:flex;flex-direction:column}.use-case.svelte-17bua40{background:var(--use-case-bg,#f0f9eb);border:1px solid var(--use-case-border,#e1f3d8);border-radius:.5rem;gap:.75rem;padding:1rem}.use-case.svelte-17bua40 h5:where(.svelte-17bua40){color:var(--use-case-title,#67c23a);font-size:1rem;font-weight:600;margin-bottom:.5rem}.use-case.svelte-17bua40 p:where(.svelte-17bua40){color:var(--use-case-text,#67c23a);font-size:.9rem;margin-bottom:0}.best-practices.svelte-17bua40{gap:1rem;margin-bottom:1.5rem}.best-practices.svelte-17bua40,.practice.svelte-17bua40{display:flex;flex-direction:column}.practice.svelte-17bua40{background:var(--practice-bg,#fdf6ec);border:1px solid var(--practice-border,#faecd8);border-radius:.5rem;gap:.75rem;padding:1rem}.practice.svelte-17bua40 h5:where(.svelte-17bua40){color:var(--practice-title,#e6a23c);font-size:1rem;font-weight:600;margin-bottom:.5rem}.practice.svelte-17bua40 ul:where(.svelte-17bua40){list-style:disc;margin-bottom:0;padding-left:1.5rem}.practice.svelte-17bua40 li:where(.svelte-17bua40){color:var(--practice-text,#67c23a);font-size:.9rem;margin-bottom:.25rem}.advanced-features.svelte-17bua40{gap:1rem;margin-bottom:1.5rem}.advanced-features.svelte-17bua40,.feature.svelte-17bua40{display:flex;flex-direction:column}.feature.svelte-17bua40{background:var(--feature-bg,#f0f9eb);border:1px solid var(--feature-border,#e1f3d8);border-radius:.5rem;gap:.75rem;padding:1rem}.feature.svelte-17bua40 h5:where(.svelte-17bua40){color:var(--feature-title,#67c23a);font-size:1rem;font-weight:600;margin-bottom:.5rem}.feature.svelte-17bua40 p:where(.svelte-17bua40){color:var(--feature-text,#67c23a);font-size:.9rem;margin-bottom:0}.integration-examples.svelte-17bua40{gap:1rem;margin-top:1.5rem}.example.svelte-17bua40,.integration-examples.svelte-17bua40{display:flex;flex-direction:column}.example.svelte-17bua40{background:var(--example-bg,#f0f9eb);border:1px solid var(--example-border,#e1f3d8);border-radius:.5rem;gap:.75rem;padding:1rem}.example.svelte-17bua40 h5:where(.svelte-17bua40){color:var(--example-title,#67c23a);font-size:1rem;font-weight:600;margin-bottom:.5rem}.example.svelte-17bua40 p:where(.svelte-17bua40){color:var(--example-text,#67c23a);font-size:.9rem;margin-bottom:0}.content-area.svelte-17bua40{display:flex;flex:1;gap:1rem;min-height:600px;padding:1rem}.input-section.svelte-17bua40,.output-section.svelte-17bua40{display:flex;flex:1;flex-direction:column;min-width:0}.section-header.svelte-17bua40{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.section-label.svelte-17bua40{color:var(--text-primary,#111827);font-size:1rem;font-weight:600}.section-actions.svelte-17bua40{align-items:center;display:flex;gap:.5rem}.diff-summary.svelte-17bua40{display:flex;gap:.25rem}.diff-tag.svelte-17bua40{border-radius:.25rem;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.diff-tag.added.svelte-17bua40{background:var(--success-bg,#dcfce7);color:var(--success-color,#166534)}.diff-tag.removed.svelte-17bua40{background:var(--error-bg,#fecaca);color:var(--error-color,#dc2626)}.diff-tag.changed.svelte-17bua40{background:var(--warning-bg,#fef3c7);color:var(--warning-color,#d97706)}.textarea-container.svelte-17bua40{background:var(--input-bg,#fff);border:1px solid var(--border-color,#d1d5db);border-radius:.5rem;flex:1;overflow:hidden;position:relative}.textarea-container.with-lines.svelte-17bua40{display:flex}.line-numbers.svelte-17bua40{background:var(--line-numbers-bg,#f8fafc);border-right:1px solid var(--border-color,#e5e7eb);color:var(--text-muted,#9ca3af);display:flex;flex-direction:column;font-family:JetBrains Mono,Fira Code,monospace;font-size:.875rem;line-height:1.5;min-width:3rem;padding:.75rem .5rem;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none}.line-number.svelte-17bua40{padding:0 .25rem}.json-textarea.svelte-17bua40{background:transparent;border:none;color:var(--text-primary,#111827);flex:1;font-family:JetBrains Mono,Fira Code,monospace;font-size:.875rem;line-height:1.5;outline:none;padding:.75rem;resize:none}.json-textarea.word-wrap.svelte-17bua40{white-space:pre-wrap;word-wrap:break-word}.json-textarea.svelte-17bua40:not(.word-wrap){overflow-x:auto;white-space:pre}.results-container.svelte-17bua40{background:var(--input-bg,#fff);border:1px solid var(--border-color,#d1d5db);border-radius:.5rem;flex:1;overflow-y:auto;padding:1rem}.diff-success.svelte-17bua40{display:flex;flex-direction:column;gap:.5rem}.success-header.svelte-17bua40{align-items:center;display:flex;gap:.5rem}.success-icon.svelte-17bua40{font-size:1.5rem}.success-title.svelte-17bua40{color:var(--success-color,#059669);font-size:1.25rem;font-weight:600}.success-message.svelte-17bua40{color:var(--text-secondary,#6b7280);margin:0}.diff-results.svelte-17bua40{display:flex;flex-direction:column;gap:1rem}.diff-header.svelte-17bua40{align-items:center;display:flex;gap:.5rem}.diff-icon.svelte-17bua40{font-size:1.5rem}.diff-title.svelte-17bua40{color:var(--text-primary,#111827);font-size:1.25rem;font-weight:600}.diff-summary-view.svelte-17bua40{background:var(--summary-bg,#f8fafc);border:1px solid var(--border-color,#e5e7eb);border-radius:.5rem;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.summary-item.svelte-17bua40{align-items:center;display:flex;justify-content:space-between}.summary-label.svelte-17bua40{color:var(--text-secondary,#6b7280);font-weight:500}.summary-value.svelte-17bua40{font-weight:600}.summary-value.added.svelte-17bua40{color:var(--success-color,#059669)}.summary-value.removed.svelte-17bua40{color:var(--error-color,#dc2626)}.summary-value.changed.svelte-17bua40{color:var(--warning-color,#d97706)}.diff-details.svelte-17bua40{border:1px solid var(--border-color,#e5e7eb);border-radius:.5rem;overflow:hidden}.diff-json.svelte-17bua40{background:var(--code-bg,#f8fafc);color:var(--text-primary,#111827);font-family:JetBrains Mono,Fira Code,monospace;font-size:.875rem;line-height:1.5;margin:0;overflow-x:auto;padding:1rem}.details-toggle-btn.svelte-17bua40{align-self:flex-start;background:var(--btn-bg,#fff);border:1px solid var(--border-color,#d1d5db);border-radius:.375rem;color:var(--text-primary,#374151);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.details-toggle-btn.svelte-17bua40:hover{background:var(--btn-hover-bg,#f9fafb)}.placeholder.svelte-17bua40{align-items:center;color:var(--text-muted,#9ca3af);display:flex;flex-direction:column;height:100%;justify-content:center}.placeholder-icon.svelte-17bua40{font-size:3rem;margin-bottom:1rem}.placeholder-text.svelte-17bua40{font-size:1rem;margin:0}.error-display.svelte-17bua40{background:var(--error-bg,#fef2f2);border:1px solid var(--error-border,#fecaca);border-radius:.5rem;bottom:1rem;box-shadow:0 4px 6px -1px #0000001a;left:50%;max-width:90vw;padding:.75rem 1rem;position:fixed;transform:translate(-50%);z-index:1000}.error-content.svelte-17bua40{align-items:center;display:flex;gap:.5rem}.error-icon.svelte-17bua40{font-size:1.25rem}.error-text.svelte-17bua40{color:var(--error-text,#dc2626);font-weight:500}.json-diff-tool.compact.svelte-17bua40 .tool-header:where(.svelte-17bua40){padding:.75rem 1rem}.json-diff-tool.compact.svelte-17bua40 .header-left:where(.svelte-17bua40) h2:where(.svelte-17bua40){font-size:1.25rem}.json-diff-tool.compact.svelte-17bua40 .content-section:where(.svelte-17bua40),.json-diff-tool.compact.svelte-17bua40 .educational-content:where(.svelte-17bua40){padding:.75rem}.json-diff-tool.compact.svelte-17bua40 .content-section:where(.svelte-17bua40) h3:where(.svelte-17bua40){font-size:1.25rem}.json-diff-tool.compact.svelte-17bua40 .content-section:where(.svelte-17bua40) h4:where(.svelte-17bua40){font-size:1rem}.json-diff-tool.compact.svelte-17bua40 .content-section:where(.svelte-17bua40) li:where(.svelte-17bua40),.json-diff-tool.compact.svelte-17bua40 .content-section:where(.svelte-17bua40) p:where(.svelte-17bua40),.json-diff-tool.compact.svelte-17bua40 .content-section:where(.svelte-17bua40) ul:where(.svelte-17bua40){font-size:.9rem}.json-diff-tool.compact.svelte-17bua40 .diff-process:where(.svelte-17bua40){gap:.5rem}.json-diff-tool.compact.svelte-17bua40 .diff-process:where(.svelte-17bua40) .step:where(.svelte-17bua40){padding:.75rem}.json-diff-tool.compact.svelte-17bua40 .diff-process:where(.svelte-17bua40) .step:where(.svelte-17bua40) h5:where(.svelte-17bua40){font-size:.9rem}.json-diff-tool.compact.svelte-17bua40 .diff-process:where(.svelte-17bua40) .step:where(.svelte-17bua40) p:where(.svelte-17bua40){font-size:.8rem}.json-diff-tool.compact.svelte-17bua40 .change-types:where(.svelte-17bua40){gap:.75rem}.json-diff-tool.compact.svelte-17bua40 .change-type:where(.svelte-17bua40){padding:.75rem}.json-diff-tool.compact.svelte-17bua40 .change-type:where(.svelte-17bua40) h5:where(.svelte-17bua40){font-size:.9rem}.json-diff-tool.compact.svelte-17bua40 .change-type:where(.svelte-17bua40) p:where(.svelte-17bua40){font-size:.8rem}.json-diff-tool.compact.svelte-17bua40 .change-type:where(.svelte-17bua40) pre:where(.svelte-17bua40){font-size:.8rem;padding:.5rem}.json-diff-tool.compact.svelte-17bua40 .diff-format:where(.svelte-17bua40){gap:.75rem}.json-diff-tool.compact.svelte-17bua40 .format-example:where(.svelte-17bua40){padding:.75rem}.json-diff-tool.compact.svelte-17bua40 .format-example:where(.svelte-17bua40) h5:where(.svelte-17bua40){font-size:.9rem}.json-diff-tool.compact.svelte-17bua40 .format-example:where(.svelte-17bua40) pre:where(.svelte-17bua40){font-size:.8rem;padding:.5rem}.json-diff-tool.compact.svelte-17bua40 .use-cases:where(.svelte-17bua40){gap:.75rem}.json-diff-tool.compact.svelte-17bua40 .use-case:where(.svelte-17bua40){padding:.75rem}.json-diff-tool.compact.svelte-17bua40 .use-case:where(.svelte-17bua40) h5:where(.svelte-17bua40){font-size:.9rem}.json-diff-tool.compact.svelte-17bua40 .use-case:where(.svelte-17bua40) p:where(.svelte-17bua40){font-size:.8rem}.json-diff-tool.compact.svelte-17bua40 .best-practices:where(.svelte-17bua40){gap:.75rem}.json-diff-tool.compact.svelte-17bua40 .practice:where(.svelte-17bua40){padding:.75rem}.json-diff-tool.compact.svelte-17bua40 .practice:where(.svelte-17bua40) h5:where(.svelte-17bua40){font-size:.9rem}.json-diff-tool.compact.svelte-17bua40 .practice:where(.svelte-17bua40) ul:where(.svelte-17bua40){padding-left:1rem}.json-diff-tool.compact.svelte-17bua40 .practice:where(.svelte-17bua40) li:where(.svelte-17bua40){font-size:.8rem}.json-diff-tool.compact.svelte-17bua40 .advanced-features:where(.svelte-17bua40){gap:.75rem}.json-diff-tool.compact.svelte-17bua40 .feature:where(.svelte-17bua40){padding:.75rem}.json-diff-tool.compact.svelte-17bua40 .feature:where(.svelte-17bua40) h5:where(.svelte-17bua40){font-size:.9rem}.json-diff-tool.compact.svelte-17bua40 .feature:where(.svelte-17bua40) p:where(.svelte-17bua40){font-size:.8rem}.json-diff-tool.compact.svelte-17bua40 .integration-examples:where(.svelte-17bua40){gap:.75rem;margin-top:.75rem}.json-diff-tool.compact.svelte-17bua40 .example:where(.svelte-17bua40){padding:.75rem}.json-diff-tool.compact.svelte-17bua40 .example:where(.svelte-17bua40) h5:where(.svelte-17bua40){font-size:.9rem}.json-diff-tool.compact.svelte-17bua40 .example:where(.svelte-17bua40) p:where(.svelte-17bua40){font-size:.8rem}.json-diff-tool.compact.svelte-17bua40 .content-area:where(.svelte-17bua40){gap:.75rem;padding:.75rem}.json-diff-tool.compact.svelte-17bua40 .section-header:where(.svelte-17bua40){margin-bottom:.5rem}.json-diff-tool.compact.svelte-17bua40 .json-textarea:where(.svelte-17bua40){font-size:.8125rem;padding:.5rem}.json-diff-tool.compact.svelte-17bua40 .results-container:where(.svelte-17bua40){padding:.75rem}@media (max-width:1200px){.content-area.svelte-17bua40{flex-direction:column}.input-section.svelte-17bua40,.output-section.svelte-17bua40{min-height:300px}}@media (max-width:768px){.json-diff-tool.svelte-17bua40{height:auto;min-height:100vh}.tool-header.svelte-17bua40{align-items:stretch}.header-left.svelte-17bua40,.tool-header.svelte-17bua40{flex-direction:column;gap:1rem}.header-controls.svelte-17bua40{flex-wrap:wrap;justify-content:center}.section-actions.svelte-17bua40{align-items:flex-end;flex-direction:column;gap:.5rem}.diff-summary.svelte-17bua40{order:-1}}pre.svelte-17bua40 code:where(.svelte-17bua40){background:#f8f9fb;border-radius:6px;display:block;font-size:1rem;max-width:100%;overflow-x:auto;padding:1rem;white-space:pre}.tool-header.svelte-1ot4qwu{background:var(--header-bg,#fff);border-bottom:1px solid var(--border-color,#e5e7eb);box-shadow:0 1px 3px #0000001a;flex-shrink:0;justify-content:space-between;padding:1.5rem 2rem}.header-left.svelte-1ot4qwu,.tool-header.svelte-1ot4qwu{align-items:center;display:flex}.header-left.svelte-1ot4qwu{gap:1rem}.tool-icon.svelte-1ot4qwu{align-items:center;background:linear-gradient(135deg,var(--primary-color,#3b82f6),var(--primary-hover,#2563eb));border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.header-content.svelte-1ot4qwu h1:where(.svelte-1ot4qwu){color:var(--text-primary,#1f2937);font-size:1.75rem;font-weight:700;line-height:1.2;margin:0 0 .25rem}.header-content.svelte-1ot4qwu p:where(.svelte-1ot4qwu){color:var(--text-secondary,#6b7280);font-size:.95rem;margin:0}.header-actions.svelte-1ot4qwu{gap:.75rem}.action-btn.svelte-1ot4qwu,.header-actions.svelte-1ot4qwu{align-items:center;display:flex}.action-btn.svelte-1ot4qwu{background:var(--bg-secondary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:var(--text-primary,#374151);cursor:pointer;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;text-decoration:none;transition:all .2s ease}.action-btn.svelte-1ot4qwu:hover{background:var(--bg-hover,#f9fafb);border-color:var(--border-hover,#d1d5db);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.action-btn.primary.svelte-1ot4qwu{background:var(--primary-color,#3b82f6);border-color:var(--primary-color,#3b82f6);color:#fff}.action-btn.primary.svelte-1ot4qwu:hover{background:var(--primary-hover,#2563eb);border-color:var(--primary-hover,#2563eb)}.action-btn.secondary.svelte-1ot4qwu{background:var(--bg-secondary,#f3f4f6);color:var(--text-secondary,#6b7280)}.action-btn.danger.svelte-1ot4qwu{border-color:var(--error-border,#fecaca);color:var(--error-color,#dc2626)}.action-btn.danger.svelte-1ot4qwu:hover{background:var(--error-bg,#fef2f2);border-color:var(--error-color,#dc2626)}.options-section.svelte-1ot4qwu{background:var(--bg-secondary,#f8fafc);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;margin:2rem;overflow:hidden}.options-toggle.svelte-1ot4qwu{align-items:center;background:transparent;border:none;color:var(--text-primary,#1f2937);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1.25rem 1.5rem;text-align:left;transition:all .2s ease;width:100%}.options-toggle.active.svelte-1ot4qwu,.options-toggle.svelte-1ot4qwu:hover{background:var(--bg-hover,#f1f5f9)}.options-toggle.active.svelte-1ot4qwu{border-bottom:1px solid var(--border-color,#e5e7eb)}.chevron.svelte-1ot4qwu{margin-left:auto;transition:transform .2s ease}.chevron.rotated.svelte-1ot4qwu{transform:rotate(180deg)}.options-panel.svelte-1ot4qwu{background:var(--bg-primary,#fff);border-top:1px solid var(--border-color,#e5e7eb);padding:1.5rem}.options-grid.svelte-1ot4qwu{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.option-group.svelte-1ot4qwu{display:flex;flex-direction:column;gap:.5rem}.option-group.checkboxes.svelte-1ot4qwu{gap:1rem}.option-label.svelte-1ot4qwu{font-size:.875rem;font-weight:600;margin-bottom:.5rem}.option-label.svelte-1ot4qwu,.option-select.svelte-1ot4qwu{color:var(--text-primary,#374151)}.option-select.svelte-1ot4qwu{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#d1d5db);border-radius:8px;cursor:pointer;font-size:.9rem;padding:.75rem 1rem;transition:all .2s ease}.option-select.svelte-1ot4qwu:focus{border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.checkbox-label.svelte-1ot4qwu{align-items:center;color:var(--text-primary,#374151);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem}.checkbox-label.svelte-1ot4qwu input[type=checkbox]:where(.svelte-1ot4qwu){cursor:pointer;opacity:0;position:absolute}.checkmark.svelte-1ot4qwu{align-items:center;background:var(--bg-primary,#fff);border:2px solid var(--border-color,#d1d5db);border-radius:4px;display:flex;height:20px;justify-content:center;transition:all .2s ease;width:20px}.checkbox-label.svelte-1ot4qwu input[type=checkbox]:where(.svelte-1ot4qwu):checked+.checkmark:where(.svelte-1ot4qwu){background:var(--primary-color,#3b82f6);border-color:var(--primary-color,#3b82f6)}.checkbox-label.svelte-1ot4qwu input[type=checkbox]:where(.svelte-1ot4qwu):checked+.checkmark:where(.svelte-1ot4qwu):after{color:#fff;content:"✓";font-size:.75rem;font-weight:700}.inputs-section.svelte-1ot4qwu{margin:2rem}.inputs-header.svelte-1ot4qwu{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem}.section-title.svelte-1ot4qwu h2:where(.svelte-1ot4qwu){color:var(--text-primary,#1f2937);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.section-title.svelte-1ot4qwu p:where(.svelte-1ot4qwu){color:var(--text-secondary,#6b7280);font-size:.95rem;margin:0}.inputs-grid.svelte-1ot4qwu{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.input-card.svelte-1ot4qwu{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;padding:0;transition:all .2s ease}.input-card.svelte-1ot4qwu:hover{border-color:var(--border-hover,#d1d5db);box-shadow:0 10px 15px -3px #0000001a}.card-header.svelte-1ot4qwu{align-items:center;background:var(--bg-secondary,#f8fafc);border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding:1rem 1.25rem}.card-info.svelte-1ot4qwu{display:flex;flex:1;flex-direction:column;gap:.75rem}.card-title.svelte-1ot4qwu{align-items:center;display:flex;gap:1rem}.name-input.svelte-1ot4qwu{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#d1d5db);border-radius:6px;color:var(--text-primary,#374151);flex:1;font-size:.9rem;font-weight:500;padding:.5rem .75rem;transition:all .2s ease}.name-input.svelte-1ot4qwu:focus{border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.object-index.svelte-1ot4qwu{background:var(--bg-secondary,#f3f4f6);border-radius:6px;color:var(--text-secondary,#6b7280);font-size:.875rem;font-weight:600;padding:.25rem .75rem}.card-status.svelte-1ot4qwu{gap:.5rem}.card-status.svelte-1ot4qwu,.status-badge.svelte-1ot4qwu{align-items:center;display:flex}.status-badge.svelte-1ot4qwu{border-radius:6px;font-size:.8rem;font-weight:600;gap:.375rem;letter-spacing:.025em;padding:.375rem .75rem;text-transform:uppercase}.status-badge.success.svelte-1ot4qwu{background:var(--success-bg,#dcfce7);border:1px solid var(--success-border,#bbf7d0);color:var(--success-color,#166534)}.status-badge.error.svelte-1ot4qwu{background:var(--error-bg,#fef2f2);border:1px solid var(--error-border,#fecaca);color:var(--error-color,#dc2626)}.status-badge.warning.svelte-1ot4qwu{background:var(--warning-bg,#fef3c7);border:1px solid var(--warning-border,#fed7aa);color:var(--warning-color,#d97706)}.status-badge.empty.svelte-1ot4qwu{background:var(--bg-secondary,#f3f4f6);border:1px solid var(--border-color,#e5e7eb);color:var(--text-secondary,#6b7280)}.remove-btn.svelte-1ot4qwu{align-items:center;background:var(--error-bg,#fef2f2);border:1px solid var(--error-border,#fecaca);border-radius:8px;color:var(--error-color,#dc2626);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.remove-btn.svelte-1ot4qwu:hover{background:var(--error-color,#dc2626);color:#fff;transform:scale(1.05)}.card-content.svelte-1ot4qwu{padding:1.25rem}.textarea-container.svelte-1ot4qwu{background:var(--bg-code,#f8fafc);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;overflow:hidden;position:relative}.json-textarea.svelte-1ot4qwu{background:transparent;border:none;color:var(--text-primary,#1f2937);font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.875rem;line-height:1.5;min-height:200px;outline:none;padding:1rem;resize:vertical;width:100%}.json-textarea.error.svelte-1ot4qwu{background:var(--error-bg,#fef2f2);border-color:var(--error-color,#dc2626)}.error-message.svelte-1ot4qwu{background:var(--error-bg,#fef2f2);border:1px solid var(--error-border,#fecaca);border-radius:6px;color:var(--error-color,#dc2626);font-size:.875rem;font-weight:500;gap:.5rem;margin-top:.75rem;padding:.75rem}.error-message.svelte-1ot4qwu,.merge-action.svelte-1ot4qwu{align-items:center;display:flex}.merge-action.svelte-1ot4qwu{background:var(--bg-secondary,#f8fafc);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;flex-direction:column;gap:1rem;margin:3rem 2rem;padding:2rem}.merge-btn.svelte-1ot4qwu{align-items:center;background:linear-gradient(135deg,var(--primary-color,#3b82f6),var(--primary-hover,#2563eb));border:1px solid var(--primary-color,#3b82f6);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.merge-btn.svelte-1ot4qwu:not(:disabled):hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}.merge-btn.svelte-1ot4qwu:disabled{cursor:not-allowed;opacity:.6;transform:none}.merge-btn.processing.svelte-1ot4qwu{background:var(--warning-color,#f59e0b);border-color:var(--warning-color,#f59e0b)}.spinner.svelte-1ot4qwu{animation:svelte-1ot4qwu-spin 1s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes svelte-1ot4qwu-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.merge-info.svelte-1ot4qwu{color:var(--text-secondary,#6b7280);font-size:.9rem;text-align:center}.results-section.svelte-1ot4qwu{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;margin:2rem;overflow:hidden}.results-header.svelte-1ot4qwu{align-items:center;background:var(--bg-secondary,#f8fafc);border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding:1.5rem}.results-header.svelte-1ot4qwu h3:where(.svelte-1ot4qwu){color:var(--text-primary,#1f2937);font-size:1.5rem;font-weight:700;margin:0}.results-actions.svelte-1ot4qwu{align-items:center;display:flex;gap:.75rem}.statistics.svelte-1ot4qwu{background:var(--bg-secondary,#f8fafc);border-bottom:1px solid var(--border-color,#e5e7eb);padding:1.5rem}.stat-card.svelte-1ot4qwu{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;padding:1.25rem;text-align:center;transition:all .2s ease}.stat-card.svelte-1ot4qwu:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.stat-value.svelte-1ot4qwu{color:var(--primary-color,#3b82f6);font-size:1.75rem;font-weight:800;line-height:1;margin-bottom:.5rem}.stat-label.svelte-1ot4qwu{color:var(--text-secondary,#6b7280);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.conflicts-section.svelte-1ot4qwu{background:var(--warning-bg,#fef3c7);border:1px solid var(--warning-border,#fbbf24);border-radius:12px;margin:1.5rem;padding:1.5rem}.conflicts-section.svelte-1ot4qwu h4:where(.svelte-1ot4qwu){color:var(--warning-color,#d97706);font-size:1.25rem;font-weight:700;margin:0 0 1rem}.conflicts-list.svelte-1ot4qwu{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.conflict-item.svelte-1ot4qwu{background:var(--bg-primary,#fff);border:1px solid var(--warning-border,#fbbf24);border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:1.25rem}.conflict-header.svelte-1ot4qwu{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.conflict-path.svelte-1ot4qwu{background:var(--warning-bg,#fef3c7);border-radius:6px;color:var(--warning-color,#d97706);font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.875rem;font-weight:600;padding:.375rem .75rem}.conflict-values.svelte-1ot4qwu{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.conflict-value.svelte-1ot4qwu{background:var(--bg-code,#f8fafc);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;padding:1rem}.conflict-value.svelte-1ot4qwu strong:where(.svelte-1ot4qwu){color:var(--text-primary,#1f2937);display:block;font-weight:600;margin-bottom:.5rem}.conflict-value.svelte-1ot4qwu pre:where(.svelte-1ot4qwu){color:var(--text-primary,#1f2937);font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.875rem;margin:.5rem 0 0;white-space:pre-wrap;word-break:break-word}.result-content.svelte-1ot4qwu{padding:1.5rem}.result-content.svelte-1ot4qwu h4:where(.svelte-1ot4qwu){color:var(--text-primary,#1f2937);font-size:1.25rem;font-weight:700;margin:0 0 1rem}.code-container.svelte-1ot4qwu{background:var(--bg-code,#f8fafc);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;max-height:500px;overflow-x:auto;overflow-y:auto}.json-output.svelte-1ot4qwu{color:var(--text-primary,#1f2937);font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.875rem;line-height:1.6;margin:0;padding:1.5rem;white-space:pre-wrap;word-break:break-word}.templates-grid.svelte-1ot4qwu{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.template-card.svelte-1ot4qwu{background:var(--bg-secondary,#f8fafc);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;padding:1.5rem;transition:all .2s ease}.template-card.svelte-1ot4qwu:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.template-card.svelte-1ot4qwu h4:where(.svelte-1ot4qwu){color:var(--text-primary,#1f2937);font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.description.svelte-1ot4qwu{color:var(--text-secondary,#6b7280);font-size:.9rem;line-height:1.5}.description.svelte-1ot4qwu,.template-objects.svelte-1ot4qwu{margin-bottom:1.5rem}.template-object.svelte-1ot4qwu{color:var(--text-primary,#374151);font-size:.875rem;font-weight:500;margin-bottom:.5rem}.modal.svelte-1ot4qwu{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal.is-active.svelte-1ot4qwu,.modal.svelte-1ot4qwu{display:flex}.modal-background.svelte-1ot4qwu{background:#00000080;bottom:0;left:0;position:absolute;right:0;top:0}.modal-card.svelte-1ot4qwu{background:var(--bg-primary,#fff);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:90vw;overflow:hidden;position:relative;z-index:1001}.modal-card-head.svelte-1ot4qwu{align-items:center;background:var(--bg-secondary,#f8fafc);border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding:1.5rem}.modal-card-title.svelte-1ot4qwu{color:var(--text-primary,#1f2937);font-size:1.25rem;font-weight:700;margin:0}.delete.svelte-1ot4qwu{align-items:center;background:var(--error-bg,#fef2f2);border:1px solid var(--error-border,#fecaca);border-radius:6px;color:var(--error-color,#dc2626);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.delete.svelte-1ot4qwu:hover{background:var(--error-color,#dc2626);color:#fff}.delete.svelte-1ot4qwu:before{content:"×";font-size:1.5rem;line-height:1}.modal-card-body.svelte-1ot4qwu{max-height:60vh;overflow-y:auto;padding:1.5rem}.history-list.svelte-1ot4qwu{display:flex;flex-direction:column;gap:1rem}.history-item.svelte-1ot4qwu{align-items:center;background:var(--bg-secondary,#f8fafc);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.history-item.svelte-1ot4qwu:hover{box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.history-info.svelte-1ot4qwu{align-items:center;display:flex;gap:1rem}.history-index.svelte-1ot4qwu{color:var(--primary-color,#3b82f6);font-size:.875rem;font-weight:700}.history-stats.svelte-1ot4qwu{color:var(--text-secondary,#6b7280);font-size:.875rem}.history-time.svelte-1ot4qwu{color:var(--text-muted,#9ca3af);font-size:.75rem}.conflict-resolution.svelte-1ot4qwu{display:flex;flex-direction:column;gap:1.5rem}.conflict-options.svelte-1ot4qwu{display:flex;flex-direction:column;gap:.75rem}.custom-resolution.svelte-1ot4qwu{border-top:1px solid var(--border-color,#e5e7eb);padding-top:1.5rem}.custom-resolution.svelte-1ot4qwu textarea:where(.svelte-1ot4qwu){background:var(--bg-code,#f8fafc);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:var(--text-primary,#1f2937);font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.875rem;margin-bottom:1rem;min-height:150px;padding:1rem}.custom-resolution.svelte-1ot4qwu textarea:where(.svelte-1ot4qwu):focus{border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}@media (max-width:1024px){.tool-header.svelte-1ot4qwu{padding:1rem 1.5rem}.inputs-grid.svelte-1ot4qwu,.options-grid.svelte-1ot4qwu,.templates-grid.svelte-1ot4qwu{grid-template-columns:1fr}}@media (max-width:768px){.tool-header.svelte-1ot4qwu{align-items:flex-start;flex-direction:column;gap:1rem;padding:1rem}.header-actions.svelte-1ot4qwu{flex-wrap:wrap;gap:.5rem}.inputs-header.svelte-1ot4qwu,.results-header.svelte-1ot4qwu{align-items:flex-start;flex-direction:column;gap:1rem}.conflict-values.svelte-1ot4qwu{grid-template-columns:1fr}.history-info.svelte-1ot4qwu{align-items:flex-start;flex-direction:column;gap:.5rem}.modal-card.svelte-1ot4qwu{margin:1rem;max-width:95vw}.inputs-section.svelte-1ot4qwu,.options-section.svelte-1ot4qwu,.results-section.svelte-1ot4qwu{margin:1rem}.merge-action.svelte-1ot4qwu{margin:2rem 1rem}}@media (max-width:480px){.action-btn.svelte-1ot4qwu{font-size:.875rem;padding:.5rem 1rem}.merge-btn.svelte-1ot4qwu{font-size:.95rem;padding:.875rem 1.5rem}.stat-value.svelte-1ot4qwu{font-size:1.5rem}.templates-grid.svelte-1ot4qwu{grid-template-columns:1fr}}