.json-container{margin-bottom:1.5rem}.json-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:1rem}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg);border-bottom:1px solid var(--border);font-weight:600;font-size:.875rem}.json-textarea{width:100%;min-height:200px;padding:1rem;border:none;resize:vertical;font-family:SF Mono,Menlo,Monaco,monospace;font-size:.875rem;line-height:1.5;background:var(--card-bg)}.json-textarea:focus{outline:none}.json-textarea.output{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.json-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.indent-control{display:flex;align-items:center;gap:.5rem}.indent-control label{font-size:.875rem;font-weight:500}.indent-control select{padding:.5rem;border:1px solid var(--border);border-radius:6px;font-size:.875rem;background:var(--bg)}.action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.btn-small{padding:.5rem .75rem;font-size:.875rem}.error-message{padding:1rem;background:var(--color-error-subtle);border-radius:8px;color:var(--color-error);margin-bottom:1rem;font-size:.875rem}.privacy-note{text-align:center;font-size:.875rem;color:var(--text-muted);padding:1rem;background:var(--card-bg);border-radius:8px}