.json_container{flex-direction:column;gap:40px;width:100%;min-width:0;display:flex}.json_workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:16px;width:100%;max-width:1000px;margin:0 auto;display:grid}.json_panel{flex-direction:column;min-width:0;height:100%;display:flex}.json_panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.json_panel-heading{flex-direction:column;min-width:0;display:flex}.json_panel-kicker{color:var(--gold,#d4a017);letter-spacing:.12em;text-transform:uppercase;margin-bottom:2px;font-family:Cinzel,serif;font-size:.68rem;font-weight:700}.json_panel-heading h2{margin:0;font-family:Cinzel,serif;font-size:1.2rem;line-height:1.3}.json_panel-hint{opacity:.55;text-align:right;font-size:.8rem}.json_panel-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.json_panel textarea{flex:1;min-height:280px}.json_output{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;width:100%;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.88rem;line-height:1.6}.json_error{color:var(--danger);align-items:flex-start;gap:10px;font-size:.9rem;line-height:1.5;display:flex}.json_error-icon{flex:none}.json_error strong{margin-bottom:4px;display:block}.json_error p{opacity:.8;margin:0}.tool-info{flex-direction:column;gap:12px;width:100%;max-width:1000px;margin:0 auto;display:flex}@media (max-width:820px){.json_workspace{grid-template-columns:1fr}.json_panel textarea{min-height:220px}.json_output{font-size:.86rem}}@media (max-width:640px){.json_container{gap:32px}.json_workspace{gap:12px}.json_panel-header{align-items:flex-start}.json_panel-hint{display:none}.json_panel-heading h2{font-size:1.05rem}.json_panel-kicker{font-size:.62rem}.json_panel-actions{gap:6px;margin-bottom:10px}.json_panel textarea{min-height:200px}.json_output{font-size:.82rem;line-height:1.55}.json_error{font-size:.85rem}.tool-info{gap:10px}}@media (max-width:380px){.json_container{gap:28px}.json_workspace{gap:10px}.json_panel textarea{min-height:180px}.json_output{font-size:.78rem}}@media (prefers-reduced-motion:reduce){.json_container *,.json_container :before,.json_container :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}