.json-container{min-height:300px;position:relative}.json-textarea{resize:none;min-height:300px;font-family:Courier New,Consolas,Liberation Mono,monospace}.json-preview{white-space:pre;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.375rem;min-height:300px;padding:.75rem;font-family:Courier New,Consolas,Liberation Mono,monospace;overflow:auto}.json-key{color:#881391}.json-string{color:#c41a16}.json-number{color:#1c00cf}.json-boolean{color:#0d22aa}.json-null{color:gray}.error-message{background-color:#fee2e2;border-left:4px solid #ef4444}.format-option{transition:all .2s}.format-option:hover{background-color:#667eea1a}