.json-formatter[data-v-6c254448]{gap:1.25rem}.json-formatter[data-v-6c254448],.section[data-v-6c254448]{display:flex;flex-direction:column}.section[data-v-6c254448]{gap:.5rem}.section-header[data-v-6c254448]{justify-content:space-between}.section-header[data-v-6c254448],.section-label[data-v-6c254448]{align-items:center;display:flex}.section-label[data-v-6c254448]{color:var(--text-secondary);font-size:.875rem;font-weight:600;gap:.5rem}.json-textarea[data-v-6c254448]{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-mono);font-size:.875rem;line-height:1.6;min-height:200px;outline:none;padding:.875rem 1rem;resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.json-textarea[data-v-6c254448]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.json-textarea[data-v-6c254448]::-moz-placeholder{color:var(--text-muted)}.json-textarea[data-v-6c254448]::placeholder{color:var(--text-muted)}.actions[data-v-6c254448]{display:flex;flex-wrap:wrap;gap:.625rem}.btn[data-v-6c254448]{border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1.25rem;transition:opacity var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.btn[data-v-6c254448]:hover{opacity:.9;transform:translateY(-1px)}.btn[data-v-6c254448]:active{transform:translateY(0)}.btn-primary[data-v-6c254448]{background:var(--gradient-accent);color:var(--on-accent)}.btn-primary[data-v-6c254448]:hover{box-shadow:0 4px 12px var(--accent-glow)}.btn-secondary[data-v-6c254448]{background:var(--accent-subtle);border:1px solid var(--border);color:var(--accent-text)}.btn-ghost[data-v-6c254448]{background:none;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;font-size:.8125rem;padding:.25rem .5rem;transition:color var(--transition-fast),background var(--transition-fast)}.btn-ghost[data-v-6c254448]:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-ghost[data-v-6c254448]:disabled{cursor:not-allowed;opacity:.4}.json-output[data-v-6c254448]{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--text-primary);font-family:var(--font-mono);font-size:.875rem;line-height:1.6;margin:0;overflow-x:auto;padding:.875rem 1rem;white-space:pre-wrap;word-break:break-all}.output-error[data-v-6c254448]{border-color:var(--error);color:var(--error)}.status-badge[data-v-6c254448]{border-radius:999px;font-size:.7rem;font-weight:600;letter-spacing:.03em;padding:.1rem .45rem}.status-ok[data-v-6c254448]{background:var(--accent-subtle);color:var(--accent-text)}.status-error[data-v-6c254448]{background:var(--success-bg);background:color-mix(in srgb,var(--error) 12%,transparent);color:var(--error)}