/* Editor: one joined code surface, slim command strip */
.json-formatter-page{background:#170f20;border:1px solid #39274d;border-radius:12px}
.json-formatter-page .json-heading{padding:6px 0 10px;text-align:left;background:none;border:0;box-shadow:none;min-height:0}.json-formatter-page .json-heading h1{font:700 1.7rem/1.2 ui-monospace,Consolas,monospace;color:#b084e2;justify-content:flex-start}.json-formatter-page .json-heading p{margin:4px 0 0;color:#ad9cc0}
.json-formatter-page .json-controls{background:#21162e;border:1px solid #39274d;border-radius:8px 8px 0 0;margin:0;padding:8px 12px}
.json-formatter-page #formatBtn{background:#702cbe;color:#12071e;border:0;font-weight:800}
.json-formatter-page #jsonStatus{margin:0;padding:6px 12px;background:#120b19;border-inline:1px solid #39274d;font:13px ui-monospace,Consolas,monospace}
.json-formatter-page .json-editors{gap:0;border:1px solid #39274d;border-top:0}.json-formatter-page .json-card{background:#120b19;border:0;border-radius:0;box-shadow:none}.json-formatter-page .json-card+.json-card{border-left:1px solid #39274d}
.json-formatter-page .json-card label{display:none}.json-formatter-page .json-card label.json-file{display:inline-flex}.json-formatter-page textarea{background:#0e0715;border:0;border-radius:0;color:#d8c3f1;font:13.5px/1.6 ui-monospace,Consolas,monospace;min-height:440px}
.json-formatter-page .json-stats{margin-top:0;border:1px solid #39274d;border-top:0;border-radius:0 0 8px 8px;background:#21162e}
@media(max-width:800px){.json-formatter-page .json-card+.json-card{border-left:0;border-top:1px solid #39274d}.json-formatter-page textarea{min-height:240px}}

.json-formatter-page #jsonInput,.json-formatter-page #jsonOutput{height:360px;min-height:220px}
.json-formatter-page #jsonOutput{color:#d7f5e6}