.json_container{flex-direction:column;gap:1rem;display:flex}.json_subtitle{opacity:.7;margin-top:.5rem}.json-actions{align-items:center;display:flex}.json_controls{gap:.5rem;margin-bottom:1rem;display:flex}.json_btn{border:1px solid var(--border,#333);cursor:pointer;background:0 0;border-radius:8px;padding:.5rem .8rem;font-weight:600;transition:all .2s}.json_btn.active{background:var(--accent,#4f46e5);color:#fff}.json_btn.copy{background:var(--gold,#fbbf24);color:#000;border:none;margin-left:auto}.json_input{border:1px solid var(--border,#333);resize:vertical;border-radius:10px;width:100%;padding:1rem;font-family:monospace}.json_output{white-space:pre-wrap;word-break:break-word;border:1px solid var(--border,#333);background:#0003;border-radius:10px;padding:1rem;font-family:monospace}.json_error{color:red;background:#ff000026;border-radius:10px;padding:1rem;font-weight:600}