.gth-json-formatter .gth-json-input { font-family: monospace; font-size: var(--gth-text-sm); }
.gth-json-formatter .gth-json-actions { display: flex; flex-wrap: wrap; gap: var(--gth-space-2); margin-bottom: var(--gth-space-4); }
.gth-json-formatter .gth-json-status { padding: var(--gth-space-3); border-radius: var(--gth-radius-md); margin-bottom: var(--gth-space-3); font-weight: 500; }
.gth-json-formatter .gth-json-status.gth-valid { background: #dcfce7; color: #166534; }
.gth-json-formatter .gth-json-status.gth-invalid { background: #fee2e2; color: #991b1b; }
.gth-json-formatter .gth-json-stats { display: flex; flex-wrap: wrap; gap: var(--gth-space-3); margin-bottom: var(--gth-space-3); }
.gth-json-formatter .gth-stat { padding: var(--gth-space-2) var(--gth-space-3); background: var(--gth-bg-secondary); border-radius: var(--gth-radius-md); font-size: var(--gth-text-sm); }
.gth-json-formatter .gth-result-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--gth-space-2); }
.gth-json-formatter .gth-json-output { background: var(--gth-bg-secondary); padding: var(--gth-space-4); border-radius: var(--gth-radius-md); font-family: monospace; font-size: var(--gth-text-sm); overflow-x: auto; max-height: 400px; margin: 0; white-space: pre-wrap; }
.gth-json-formatter .gth-json-output .gth-key { color: #7c3aed; }
.gth-json-formatter .gth-json-output .gth-string { color: #059669; }
.gth-json-formatter .gth-json-output .gth-number { color: #dc2626; }
.gth-json-formatter .gth-json-output .gth-boolean { color: #2563eb; }
.gth-json-formatter .gth-json-output .gth-null { color: #6b7280; }