.json-formatter-section{width:100%;padding:clamp(1.25rem, 3vw, 2.5rem) var(--page-padding);background:var(--surface-utilities)}.json-formatter-shell{border:1px solid var(--grey-300);background:var(--white);border-radius:1.25rem;width:min(100%,96rem);margin-inline:auto;overflow:hidden;box-shadow:0 1.25rem 3.5rem #03214814}.json-formatter-heading{border-bottom:1px solid var(--grey-200);justify-content:space-between;align-items:center;gap:2rem;padding:clamp(1.25rem,2.8vw,2rem);display:flex}.json-formatter-heading h1{margin-bottom:.5rem;font-size:clamp(1.75rem,3vw,2.5rem)}.json-formatter-heading>div>p:last-child{max-width:40rem;color:var(--grey-700);margin:0}.json-formatter-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(1.25rem,2.5vw,2rem);padding:clamp(1.25rem,2.8vw,2rem);display:grid}.json-input-panel,.json-result-panel{min-width:0}.json-result-panel{gap:.85rem;display:grid}.json-panel-heading{justify-content:space-between;align-items:center;gap:1rem;min-height:2.75rem;margin-bottom:.65rem;display:flex}.json-panel-heading>label,.json-panel-heading h2{margin:0;font-size:1.05rem;font-weight:800}.json-result-heading{margin-bottom:0}.json-small-actions,.json-primary-actions,.json-mode-switch,.json-output-actions>div{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.json-formatter-section button:not(.action),.json-formatter-section select,.json-search input{border:1px solid var(--grey-300);background:var(--white);min-height:2.75rem;color:var(--blue-700);font:inherit;border-radius:.6rem}.json-formatter-section button:not(.action){cursor:pointer;padding:.5rem .8rem;font-size:.85rem;font-weight:750}.json-formatter-section button:not(.action):disabled{color:var(--grey-500);cursor:not-allowed;opacity:.65}.json-input-panel>textarea,.json-formatted-view>textarea{resize:vertical;border:1px solid var(--grey-300);background:var(--white);width:100%;min-height:clamp(28rem,58vh,42rem);color:var(--navy-950);white-space:pre;border-radius:.8rem;padding:1rem;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.88rem;line-height:1.6;display:block;overflow:auto}.json-input-panel>textarea[aria-invalid=true]{border-color:#a1261e}.json-formatted-view>textarea{background:#fbfcfe;min-height:clamp(23rem,48vh,36rem)}.json-validation{flex-wrap:wrap;align-items:baseline;gap:.25rem .55rem;margin-top:.65rem;font-size:.84rem;display:flex}.json-validation--valid strong{color:#166534}.json-validation--invalid{color:#a1261e}.json-validation--empty{color:var(--grey-700)}.json-validation button{min-height:2.25rem;color:inherit;border-color:currentColor;margin-left:.45rem;padding:.25rem .55rem}.json-input-note{color:var(--grey-700);margin:.45rem 0 0;font-size:.78rem}.json-mode-switch{background:var(--grey-100);border-radius:.7rem;padding:.2rem}.json-mode-switch button{background:0 0;border-color:#0000;min-height:2.35rem}.json-mode-switch button[aria-pressed=true]{border-color:var(--grey-300);background:var(--white);color:var(--navy-950)}.json-primary-actions{border:1px solid var(--grey-200);background:var(--grey-100);border-radius:.8rem;padding:.75rem}.json-primary-actions label{color:var(--grey-700);margin-left:auto;font-size:.78rem;font-weight:750}.json-primary-actions select{color:var(--navy-950);padding:.45rem 2rem .45rem .65rem;font-size:.85rem}.json-statistics{border:1px solid var(--grey-200);border-radius:.8rem;grid-template-columns:repeat(6,minmax(0,1fr));margin:0;display:grid;overflow:hidden}.json-statistics>div{border-right:1px solid var(--grey-200);min-width:0;padding:.65rem}.json-statistics>div:last-child{border-right:0}.json-statistics dt{color:var(--grey-700);font-size:.68rem;font-weight:700;line-height:1.2}.json-statistics dd{overflow-wrap:anywhere;margin:.15rem 0 0;font-size:.95rem;font-weight:800}.json-limit-note{color:#5f4800;background:#fff9e8;border:1px solid #d4a72c;border-radius:.7rem;margin:0;padding:.75rem;font-size:.82rem}.json-output-actions,.json-selected-path{justify-content:space-between;align-items:center;gap:.75rem;min-height:2.75rem;margin-bottom:.55rem;font-size:.84rem;font-weight:750;display:flex}.json-tree-view{min-width:0}.json-search{gap:.4rem;margin-bottom:.75rem;display:grid}.json-search>label{font-size:.84rem;font-weight:750}.json-search>div{grid-template-columns:minmax(8rem,1fr) auto auto auto;align-items:center;gap:.45rem;display:grid}.json-search input{min-width:0;color:var(--navy-950);padding:.5rem .7rem}.json-search-count{min-width:4.5rem;color:var(--grey-700);text-align:center;font-size:.78rem}.json-selected-path{border:1px solid var(--grey-200);background:var(--blue-50);border-radius:.7rem;padding:.65rem .75rem}.json-selected-path>span:first-child{align-items:baseline;gap:.65rem;min-width:0;display:flex}.json-selected-path code{color:var(--navy-950);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:600;overflow:hidden}.json-tree-scroll{border:1px solid var(--grey-300);background:#fbfcfe;border-radius:.8rem;max-height:clamp(23rem,48vh,36rem);padding:.75rem;overflow:auto}.json-tree-root,.json-tree-node ul{margin:0;padding:0;list-style:none}.json-tree-node ul{border-left:1px solid var(--grey-300);margin-left:.7rem;padding-left:.9rem}.json-tree-node{min-width:max-content;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.82rem;line-height:1.55}.json-tree-selection{border-radius:.35rem;min-height:2rem;padding:.18rem .35rem}summary.json-tree-selection{cursor:pointer}button.json-tree-selection{width:100%;min-height:2rem;color:inherit;text-align:left;background:0 0;border:0;align-items:baseline;display:flex}.json-tree-selection--selected{box-shadow:inset 0 0 0 2px var(--blue-700)}.json-tree-node--match>.json-tree-selection,.json-tree-node--match>details>.json-tree-selection{background:#fff2b3}.json-tree-key{color:#154f87;font-weight:750}.json-tree-container-type{color:var(--grey-700);margin-left:.55rem;font-size:.74rem}.json-tree-value{margin-left:.35rem}.json-tree-value--string{color:#8a3b12}.json-tree-value--number{color:#6b32a8}.json-tree-value--boolean{color:#17613a;font-weight:700}.json-tree-value--null{color:var(--grey-700);font-style:italic}.json-tree-current{color:#684f00;text-transform:uppercase;border:1px solid;border-radius:.3rem;margin-left:.65rem;padding:.05rem .35rem;font-family:inherit;font-size:.65rem;font-weight:800;display:inline-block}.json-tree-empty{color:var(--grey-700);margin:0 0 0 1.8rem;font-size:.75rem;font-style:italic}.json-formatter-section button:not(.action):focus-visible,.json-formatter-section select:focus-visible,.json-formatter-section input:focus-visible,.json-formatter-section textarea:focus-visible,.json-formatter-section summary:focus-visible{outline:2px solid var(--blue-700);outline-offset:3px;box-shadow:var(--focus-ring)}@media (width<=75rem){.json-formatter-workspace{grid-template-columns:1fr}.json-input-panel>textarea,.json-formatted-view>textarea,.json-tree-scroll{min-height:24rem}}@media (width<=47rem){.json-formatter-section{padding:1rem}.json-formatter-shell{border-radius:1rem}.json-formatter-heading{flex-direction:column;align-items:flex-start;gap:1rem}.json-formatter-heading .privacy-note{max-width:none}.json-formatter-workspace{padding:1rem}.json-statistics{grid-template-columns:repeat(3,minmax(0,1fr))}.json-statistics>div{border-bottom:1px solid var(--grey-200)}.json-statistics>div:nth-child(3n){border-right:0}.json-statistics>div:nth-last-child(-n+3){border-bottom:0}.json-primary-actions label{width:100%;margin-left:0}.json-search>div{grid-template-columns:1fr 1fr}.json-search input{grid-column:1/-1}.json-search-count{text-align:left}.json-selected-path{flex-direction:column;align-items:flex-start}.json-selected-path>span:first-child{flex-direction:column;align-items:flex-start;gap:.2rem;width:100%}.json-selected-path code{width:100%}}@media (width<=28rem){.json-panel-heading{flex-direction:column;align-items:flex-start}.json-small-actions{width:100%}.json-small-actions>button,.json-small-actions>.copy-action{flex:1}.json-small-actions>.copy-action button{width:100%}.json-input-panel>textarea{min-height:21rem}.json-statistics{grid-template-columns:repeat(2,minmax(0,1fr))}.json-statistics>div{border-right:1px solid var(--grey-200);border-bottom:1px solid var(--grey-200)}.json-statistics>div:nth-child(3n){border-right:1px solid var(--grey-200)}.json-statistics>div:nth-child(2n){border-right:0}.json-statistics>div:nth-last-child(-n+2){border-bottom:0}}