.json-formatter-container.svelte-h0p378{max-width:var(--container-max-width);width:100%;margin:0 auto}@media (width>=1201px){.json-formatter-container.svelte-h0p378{max-width:var(--container-max-width-lg)}}@media (width>=1601px){.json-formatter-container.svelte-h0p378{max-width:var(--container-max-width-xl)}}.tabs-header.svelte-h0p378{border-bottom:2px solid var(--color-border-default);align-items:center;gap:var(--space-2);display:flex}.format-tabs.svelte-h0p378{align-items:center;gap:var(--space-2);display:flex}.tab-link.svelte-h0p378{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:color var(--transition-normal), border-color var(--transition-normal), background-color var(--transition-normal);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;display:flex}.tab-link.svelte-h0p378:hover{color:var(--color-text-primary)}.tab-link.active.svelte-h0p378{color:var(--color-primary-500);border-bottom-color:var(--color-primary-500)}.settings-opt-out.svelte-h0p378{align-items:center;gap:var(--space-2);display:flex}.save-settings-label.svelte-h0p378{cursor:pointer;user-select:none;color:var(--color-text-secondary)}.formatter-grid.svelte-h0p378{gap:var(--space-6);grid-template-columns:1fr 1fr;align-items:start;display:grid}@media (width<=992px){.formatter-grid.svelte-h0p378{grid-template-columns:1fr}}.card.editor-card{background-color:var(--color-bg-surface);flex-direction:column;height:520px;display:flex}.card.result-card{background-color:var(--color-bg-elevated)}.card.filter-card,.card.schema-card{background-color:var(--color-bg-surface);padding:var(--space-4)}.filter-header.svelte-h0p378 h5:where(.svelte-h0p378){font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:var(--weight-semibold);margin:0}.input-with-icon.svelte-h0p378{border:1px solid var(--color-border-default);background-color:var(--color-bg-elevated);border-radius:var(--radius-md);padding:0 var(--space-3);align-items:center;display:flex}.input-with-icon.svelte-h0p378 .prefix:where(.svelte-h0p378){color:var(--color-text-tertiary);font-weight:var(--weight-semibold);margin-right:var(--space-1);font-size:var(--text-sm)}.path-input.svelte-h0p378{color:var(--color-text-primary);padding:var(--space-2) 0;font-size:var(--text-xs);background:0 0;border:none;outline:none;flex:1}.schema-toggle-btn.svelte-h0p378{cursor:pointer;width:100%;color:var(--color-text-primary);background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;display:flex}.toggle-title.svelte-h0p378{align-items:center;gap:var(--space-2);display:flex}.toggle-title.svelte-h0p378 h5:where(.svelte-h0p378){font-size:var(--text-xs);font-weight:var(--weight-semibold);margin:0}.schema-textarea.svelte-h0p378{background-color:var(--color-bg-elevated);width:100%;height:120px;color:var(--color-text-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--text-xxs);resize:none;outline:none}.card-header-row.svelte-h0p378{border-bottom:1px solid var(--color-border-default);padding-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.card-header-row.svelte-h0p378 h4:where(.svelte-h0p378){margin:0}.json-textarea.svelte-h0p378{background-color:var(--color-bg-elevated);width:100%;color:var(--color-text-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-4);resize:none;font-size:var(--text-xs);transition:border-color var(--transition-normal);outline:none;flex:1;line-height:1.5}.json-textarea.svelte-h0p378:focus{border-color:var(--color-border-focus)}.json-output.svelte-h0p378{width:100%;padding:var(--space-4);border-radius:var(--radius-md);background-color:var(--color-bg-surface);border:1px solid var(--color-border-default);font-size:var(--text-xs);color:var(--color-text-primary);white-space:pre-wrap;word-break:break-all;flex:1;margin:0;line-height:1.5;overflow:auto}.font-mono.svelte-h0p378{font-family:var(--font-mono)}.json-tree-output.svelte-h0p378{width:100%;padding:var(--space-4);border-radius:var(--radius-md);background-color:var(--color-bg-surface);border:1px solid var(--color-border-default);flex:1;margin:0;overflow:auto}.result-actions.svelte-h0p378{align-items:center;gap:var(--space-2);display:flex}.view-switch.svelte-h0p378{border:1px solid var(--color-border-default);border-radius:var(--radius-md);display:inline-flex;overflow:hidden}.view-btn.svelte-h0p378{align-items:center;gap:var(--space-1);background:var(--color-bg-surface);min-width:40px;min-height:40px;color:var(--color-text-secondary);padding:var(--space-1) var(--space-2);font-size:var(--text-xxs);cursor:pointer;transition:all var(--transition-normal);border:none;display:inline-flex}.view-btn.active.svelte-h0p378{background:var(--color-primary-500);color:var(--color-primary-contrast)}.tree-action-btn.svelte-h0p378{border:1px solid var(--color-border-default);background:var(--color-bg-surface);min-width:40px;min-height:40px;color:var(--color-text-secondary);border-radius:var(--radius-md);padding:var(--space-1);cursor:pointer;transition:all var(--transition-normal);justify-content:center;align-items:center;display:inline-flex}.tree-action-btn.svelte-h0p378:hover{color:var(--color-text-primary);border-color:var(--color-border-focus)}.actions-row.svelte-h0p378{gap:var(--space-2);flex-wrap:wrap;display:flex}.card.error-card{border:1px solid var(--color-error);background-color:var(--color-error-bg)}.card.schema-errors-card{border-color:var(--color-warning);background-color:var(--color-warning-bg)}.schema-error-icon.svelte-h0p378{color:var(--color-warning)!important}.error-content.svelte-h0p378{gap:var(--space-3);align-items:flex-start;display:flex}.error-icon-box.svelte-h0p378{color:var(--color-error);flex-shrink:0}.error-text.svelte-h0p378 h5:where(.svelte-h0p378){margin:0 0 var(--space-1) 0;font-size:var(--text-sm);color:var(--color-text-primary)}.error-text.svelte-h0p378 p:where(.svelte-h0p378){font-size:var(--text-xs);color:var(--color-text-secondary);margin:0}.schema-errors-list.svelte-h0p378{margin:var(--space-2) 0 0 0;padding-left:var(--space-4)}.schema-errors-list.svelte-h0p378 li:where(.svelte-h0p378){margin-bottom:var(--space-1);color:var(--color-text-primary)}.err-path.svelte-h0p378{color:var(--color-primary-500)}.empty-output-state.svelte-h0p378{color:var(--color-text-tertiary);justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;flex:1;display:flex}.empty-output-state.svelte-h0p378 p:where(.svelte-h0p378){font-size:var(--text-sm);margin:0}.empty-icon{color:var(--color-text-tertiary);opacity:.5}.text-xs.svelte-h0p378{font-size:var(--text-xs)}.text-secondary.svelte-h0p378{color:var(--color-text-secondary)}.mb-2.svelte-h0p378{margin-bottom:var(--space-2)}.ml-auto.svelte-h0p378{margin-left:auto}