.json-page{--json-line: #404040;--json-muted: #c0bdb9;--json-focus: #ffb15a}.json-page .tools-hero .container,.json-container{max-width:1320px}.json-page .tools-hero{padding:32px 0 24px;text-align:left}.json-page .tools-hero-title{font-size:2.5rem;margin-bottom:12px}.json-page .tools-hero-subtitle{max-width:75ch;margin:0 0 16px;color:#dedbd7}.json-page .json-workspace{padding-top:0}.json-page .json-workbench{padding:0;background:#171717;border-color:var(--json-line);box-shadow:none;overflow:hidden}.json-workbench [hidden],.json-handoff[hidden]{display:none!important}.json-workbench{--json-stage: 540px}.json-workbench button,.json-workbench select,.json-handoff a{min-height:44px;border-radius:8px;font-size:.82rem}.json-workbench button{cursor:pointer}.json-workbench button:disabled{opacity:.45;cursor:not-allowed;transform:none}.json-workbench button:not(.tool-btn):not(.tool-btn-secondary):not(.tool-btn-icon){background:#262626;border:1px solid #505050;color:#f4f0eb;padding:8px 12px}.json-workbench button:not(:disabled):hover{border-color:#a2784f}.json-workbench #formatBtn{background:#ffb15a;color:#211507;border:1px solid #ffb15a;font-weight:700}.json-workbench #formatBtn:hover:not(:disabled){background:#ffc480;color:#211507;border-color:#ffc480}.json-workbench :is(button,input,select,[tabindex]):focus-visible,.json-handoff a:focus-visible{outline:2px solid var(--json-focus);outline-offset:-2px}.json-workbench #formatBtn:focus-visible{outline-color:#211507;outline-offset:-4px}.json-workbench ::selection{color:#171717;background:#ffbf80}.json-workbench *{scrollbar-color:#777 #202020;scrollbar-width:thin}.json-command-bar,.json-pane-heading,.json-action-group,.json-tabs,.json-search-bar,.json-tree-meta,.json-tree-pagination{display:flex;align-items:center;gap:8px}.json-command-bar{padding:14px 16px;flex-wrap:wrap;justify-content:space-between;background:#222;border-bottom:1px solid var(--json-line);gap:12px}.json-action-group{flex-wrap:wrap}.json-indent{display:flex;align-items:center;gap:8px;margin:0 6px 0 0;color:var(--json-muted);font-size:.82rem}.json-workbench select,.json-workbench input:not([type=file]){background:#202020;color:#f7f4ef;border:1px solid #585858;min-width:0;border-radius:8px;min-height:44px;padding:8px 10px}.json-workbench input::placeholder,.json-workbench .tool-code-textarea::placeholder{color:#b9b3aa}.json-panes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.json-source-pane,.json-result-pane{min-width:0}.json-source-pane{border-inline-end:1px solid var(--json-line)}.json-pane-heading{min-height:70px;padding:12px 16px;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid var(--json-line);background:#202020}.json-pane-heading label{margin:0;font-size:.9rem;font-weight:600}.json-tabs button[aria-selected=true]{background:#493523!important;border-color:#b88c61!important;color:#ffce9d!important}.json-workbench .tool-code-editor{height:var(--json-stage);min-height:0;border:0;border-radius:0}.json-workbench .tool-code-highlight,.json-workbench .tool-code-textarea{height:100%;min-height:0;font:.875rem/1.65 var(--font-monospace);padding:20px;white-space:pre;word-wrap:normal;overflow-wrap:normal;-moz-tab-size:4;tab-size:4;text-align:left;direction:ltr}.json-workbench .tool-code-highlight{overflow:hidden;color:#f0ece6}.json-workbench .tool-code-textarea{caret-color:var(--json-focus)}.json-workbench .tool-code-editor:focus-within{outline:2px solid var(--json-focus);outline-offset:-2px}.json-workbench .tool-code-editor.json-plain .tool-code-textarea{color:#f0ece6}.json-workbench .tool-code-editor.json-plain .tool-code-highlight{visibility:hidden}.json-cm{height:100%;min-width:0;overflow:hidden;text-align:left;direction:ltr}.json-workbench .json-cm .cm-content:focus-visible{outline:none}.json-workbench .cm-content::selection,.json-workbench .cm-content ::selection{color:inherit}#jsonTreePanel{height:var(--json-stage);display:flex;flex-direction:column;min-width:0}.json-search-bar{padding:12px 14px 4px}.json-search-bar input{flex:1;width:100%;font:.875rem var(--font-monospace)}.json-search-bar button{flex:0 0 44px}.json-tree-meta{justify-content:space-between;padding:0 14px 6px;min-height:50px}#jsonSearchStatus{color:var(--json-muted);font-size:.75rem;font-variant-numeric:tabular-nums}.json-empty{flex:1;padding:24px;color:var(--json-muted);font-size:.9rem}#jsonTree{flex:1;min-height:100px;overflow:auto;padding:4px 0;text-align:left;background:#1a1a1a}.json-tree-row{display:flex;align-items:center;min-height:44px;width:max-content;min-width:100%;padding:7px 16px 7px calc(12px + var(--json-depth) * 18px);font:.875rem/1.5 var(--font-monospace);cursor:pointer;border-block:1px solid transparent}.json-tree-row:hover{background:#272727}.json-tree-row[aria-selected=true]{background:#493523;border-block-color:#a47a50}.json-tree-row.json-match .json-tree-key{text-decoration:underline;text-decoration-color:#ffb15a;text-underline-offset:4px}.json-tree-toggle{width:24px;flex-shrink:0;color:#d5c6b8;font-size:.7rem}.json-tree-key{color:#efc692;white-space:pre}.json-tree-value{color:#d0ccc5;margin-left:8px;white-space:pre}.json-tree-value[data-kind=string]{color:#afd394}.json-tree-value[data-kind=number]{color:#edbb80}.json-tree-value[data-kind=boolean],.json-tree-value[data-kind=null]{color:#c8b2e4}.json-tree-pagination{justify-content:space-between;padding:4px 12px;border-top:1px solid var(--json-line)}#jsonTreeRange{font-size:.7rem;color:var(--json-muted);font-variant-numeric:tabular-nums}.json-selection{padding:10px 14px;border-top:1px solid var(--json-line);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px}.json-selection label{margin:0;font-size:.75rem;color:var(--json-muted)}.json-selection input{width:100%;font:.8rem var(--font-monospace)}.json-selection .json-action-group,.json-selection .json-help{grid-column:1 / -1}.json-help{margin:0;color:var(--json-muted);font-size:.73rem;line-height:1.65}.json-feedback{padding:12px 18px;border-bottom:1px solid var(--json-line)}.json-feedback p{margin:0;font-size:.82rem;line-height:1.6}.json-feedback p+p:not([hidden]){margin-top:6px}.json-footer{padding:14px 18px;border-top:1px solid var(--json-line)}#jsonStatus[data-state=success]{color:#9bd9b0}.json-warning{color:#f3c969}.json-workbench .tool-error{margin:8px 0;color:#ffb5ae}.json-workbench.is-dragging{outline:2px dashed var(--json-focus);outline-offset:4px}.json-handoff{margin-top:20px;padding:20px;border-radius:12px;background:linear-gradient(120deg,#ff8c4233,#ffc14b14);display:flex;gap:24px;align-items:center;justify-content:space-between}.json-handoff h2{font-size:1.1rem;margin:0 0 8px}.json-handoff p{max-width:75ch;margin:0;font-size:.82rem;line-height:1.7;color:#d6d1cb}.json-handoff a{display:inline-flex;align-items:center;text-decoration:none;flex-shrink:0}@media (max-width: 1000px){.json-pane-heading{align-items:flex-start;min-height:120px}.json-output-actions{width:100%}}@media (max-width: 767px){.json-page .tools-hero-title{font-size:1.75rem}.json-page .tools-hero{padding-top:24px}.json-panes{grid-template-columns:minmax(0,1fr)}.json-source-pane{border-inline-end:0;border-bottom:1px solid var(--json-line)}.json-pane-heading{min-height:70px;align-items:center}.json-workbench #inputEditor{height:280px}.json-output-actions{width:auto}.json-workbench .tool-code-textarea,.json-workbench .tool-code-highlight,.json-search-bar input,.json-cm .cm-editor{font-size:16px}.json-handoff{flex-direction:column;align-items:flex-start;gap:16px}.json-command-bar{padding:12px}.json-command-bar>.json-action-group{width:100%}.json-command-bar>.json-action-group:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.json-command-bar>.json-action-group:last-child button{min-width:0;padding-inline:8px;white-space:normal;overflow-wrap:anywhere}.json-indent{width:100%;margin:0;grid-column:1 / -1}.json-indent select{flex:1}}@media (max-width: 400px){.json-pane-heading{padding:10px 12px}.json-result-pane .json-pane-heading{gap:10px}.json-output-actions{width:100%}.json-output-actions button{flex:1;padding-inline:8px}.json-selection{grid-template-columns:minmax(0,1fr)}.json-selection .json-action-group button{flex:1;padding-inline:8px;white-space:normal}.json-tree-pagination{flex-wrap:wrap}#jsonTreeRange{order:-1;width:100%}}@media (prefers-reduced-motion: reduce){.json-workbench *,.json-handoff a{transition:none!important}}@media (forced-colors: active){.json-tree-row[aria-selected=true]{outline:2px solid Highlight;outline-offset:-2px}.json-workbench .tool-code-textarea{color:CanvasText}.json-workbench .tool-code-highlight{visibility:hidden}.json-cm .cm-editor,.json-cm .cm-gutters,.json-cm .cm-line span{color:CanvasText;background:Canvas}.json-cm .cm-selectionBackground,.json-cm .cm-focused .cm-selectionBackground{background:Highlight}}