.json-main{max-width:1280px}.json-main .guide-intro{margin-bottom:26px}.json-main .guide-intro h1{font-size:clamp(38px,5vw,60px)}.json-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:18px 0}.json-main button,.json-main select{font:inherit;min-height:44px;border:1px solid #a5b3a8;border-radius:8px;padding:10px 16px;background:#fff;color:#203e33;cursor:pointer}.json-main button.primary{background:#244c3a;color:#fff;border-color:#244c3a}.json-main button:disabled{opacity:.45;cursor:default}.json-toolbar label{margin-left:auto;font-size:14px}.json-editors{display:grid;grid-template-columns:1fr 1fr;gap:20px}.json-editor{min-width:0}.json-editor label{display:block;font-weight:650;margin-bottom:10px}.json-editor textarea{display:block;width:100%;box-sizing:border-box;resize:vertical;min-height:350px;padding:18px;border:1px solid #b8c4b8;border-radius:12px;background:#fff;color:#20352b;font:14px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2;white-space:pre;overflow:auto}.json-editor textarea[readonly]{background:#f2f5ef}.json-status{padding:14px 18px;background:#edf1e6;border:1px solid #d7dfcf;border-radius:10px;line-height:1.6;overflow-wrap:anywhere}.json-status.success{background:#e6f2e8;border-color:#7d9d85}.json-status.error{background:#fff0e9;border-color:#b6664c;color:#742f21}.json-meta{font-size:13px;color:#52655a;margin:10px 0}.json-main .guide-note{margin-top:38px}.json-help{display:grid;grid-template-columns:1fr 1fr;gap:35px}.json-main code{overflow-wrap:anywhere}.json-main :focus-visible{outline:3px solid #527967;outline-offset:3px}@media(max-width:720px){.json-editors,.json-help{grid-template-columns:1fr}.json-editor textarea{min-height:260px}.json-toolbar label{margin-left:0}.json-main{padding-top:30px}.json-toolbar button{flex-grow:1}}

/* Reserve space for a consistently inset dropdown chevron. */
.json-main select{appearance:none;-webkit-appearance:none;padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23203e33' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px 16px}
@media(forced-colors:active){.json-main select{appearance:auto;-webkit-appearance:auto;background-image:none;padding-right:16px}}

.json-editor [hidden]{display:none!important}.json-highlight{box-sizing:border-box;margin:0;width:100%;height:350px;overflow:auto;resize:vertical;border:1px solid #b8c4b8;border-radius:12px;background:#f2f5ef;color:#20352b;padding:18px 18px 18px 0;font:14px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2;counter-reset:json-line;white-space:pre}.json-line{display:block;min-height:1.65em}.json-line::before{counter-increment:json-line;content:counter(json-line);display:inline-block;width:4em;padding-right:1em;text-align:right;color:#627068;user-select:none}.json-key{color:#164d7a}.json-string{color:#426124}.json-number{color:#8a3c19}.json-literal{color:#733e80}.json-example{padding:18px;background:#edf1e6;border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere}#json-view{margin-top:12px}@media(max-width:720px){.json-editor textarea,.json-highlight{font-size:16px}.json-highlight{height:260px}}