.json-hero{background:var(--silver-canvas);padding:24px 0 32px}.json-heading{justify-content:space-between;align-items:center;gap:24px;margin:20px 0 24px;display:flex}.json-eyebrow{color:var(--silver-violet-text);margin-bottom:8px;font-size:13px;font-weight:700}.json-heading h1{letter-spacing:-.048em;font-size:clamp(36px,4.1vw,54px);font-weight:800;line-height:1.02}.json-lead{color:var(--silver-muted);max-width:80ch;margin-top:10px;font-size:18px}.json-panel{border:1px solid var(--silver-line);background:#fff;border-radius:8px;grid-template-columns:1.6fr 1fr;gap:28px;padding:28px;display:grid}.json-editor,.json-result{min-width:0}.json-panel [hidden]{display:none}.json-input-error{color:var(--silver-error);border:1px solid var(--silver-error);white-space:pre-wrap;overflow-wrap:anywhere;background:#fff3f5;border-radius:8px;margin-top:16px;padding:12px}.json-input-error,#json-input,#json-result-title{scroll-margin-top:24px}.json-download-status{color:var(--silver-muted);margin-top:10px;font-size:14px}.json-download-status:empty{display:none}.json-editor>label{font-size:20px;font-weight:700;display:block}.json-muted{color:var(--silver-muted);margin-top:8px}.json-editor textarea{resize:vertical;width:100%;min-height:300px;color:var(--silver-ink);background:var(--silver-panel);border:1px solid #858ba3;border-radius:8px;margin-top:16px;padding:14px;font-family:ui-monospace,Consolas,monospace;font-size:16px;line-height:1.5;display:block}.json-editor textarea::placeholder{color:var(--silver-muted)}.json-editor textarea[aria-invalid=true]{border-color:var(--silver-error)}.json-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.json-secondary{min-height:44px;color:var(--silver-violet-text);background:#fff;border:1px solid #858ba3;border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;display:inline-flex}.json-secondary:hover{background:#eae5ff}.json-result{border-left:1px solid var(--silver-line);padding-left:28px}.json-result h2{font-size:24px}#json-status{background:var(--silver-canvas);overflow-wrap:anywhere;border-radius:8px;margin-top:24px;padding:18px;font-weight:700}#json-status[data-error=true]{color:var(--silver-error)}#json-status[data-valid=true]{color:#14623b;background:#edf8f1;border:1px solid #c4e4d1}#json-detail{color:var(--silver-muted);white-space:pre-wrap;overflow-wrap:anywhere;margin-block:20px}.json-note{border-top:1px solid var(--silver-line);color:var(--silver-muted);margin-top:18px;padding-top:18px;font-size:14px}.json-support{gap:36px;padding-block:36px 44px;display:grid}.json-content{border:1px solid var(--silver-line);background:#fff;border-radius:8px;min-width:0;padding:24px}.json-content p,.json-content ol,.json-content ul,.json-content pre{color:var(--silver-muted);overflow-wrap:anywhere;max-width:80ch;margin-top:16px}.json-content ol,.json-content ul{padding-left:24px}.json-content li+li{margin-top:12px}.json-content li .text-link{min-height:0;font-size:inherit;text-decoration:underline;display:inline}.json-content pre{background:var(--silver-canvas);white-space:pre-wrap;border-radius:5px;padding:16px}@media (width<=800px){.json-heading{flex-direction:column;align-items:flex-start}.json-panel{grid-template-columns:1fr}.json-result{border-left:0;border-top:1px solid var(--silver-line);padding:24px 0 0}}@media (width<=500px){.json-panel{padding:20px}.json-heading h1{font-size:clamp(35px,8.8vw,58px)}}