.json-workspace{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:clamp(420px,calc(100dvh - 170px),780px);max-height:calc(100dvh - 110px)}.json-workspace button,.json-workspace textarea{font:inherit}.json-validation-state{align-items:center;color:var(--text-faint);display:inline-flex;font-size:9px;gap:5px}.json-validation-state i{background:currentColor;border-radius:50%;box-shadow:0 0 8px color-mix(in srgb,currentColor 55%,transparent);height:6px;width:6px}.json-validation-state[data-state=valid]{color:var(--success)}.json-validation-state[data-state=invalid]{color:var(--danger)}.json-workspace__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.json-pane,.json-workspace__grid{display:grid;min-height:0;overflow:hidden}.json-pane{grid-template-rows:auto minmax(0,1fr) auto;min-width:0}.json-pane--input{border-right:1px solid var(--line)}.json-pane--tree{background:color-mix(in srgb,var(--surface-soft) 35%,var(--surface-solid));grid-template-rows:auto minmax(0,1fr)}.json-pane__header{align-items:center;background:var(--surface-soft);border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;min-height:54px;padding:8px 12px}.json-pane__header>div:first-child{display:grid;gap:3px;min-width:0}.json-pane__header strong{color:var(--text-muted);font-size:9px;letter-spacing:.09em}.json-pane__header small{color:var(--text-faint);font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.json-pane__actions{align-items:center;display:flex;flex:0 0 auto;gap:5px}.json-pane__actions button{align-items:center;background:var(--surface-solid);border:1px solid var(--line);border-radius:7px;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:8px;gap:4px;justify-content:center;min-height:29px;padding:0 8px}.json-pane__actions button:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 38%,var(--line));color:var(--accent)}.json-pane__actions button.accent{background:var(--accent);border-color:color-mix(in srgb,var(--accent) 70%,var(--line));color:#fff}.json-pane__actions button.danger{color:var(--danger)}.json-pane__actions button:disabled{cursor:not-allowed;opacity:.38}.json-editor{background:var(--surface-solid);display:grid;grid-template-columns:48px minmax(0,1fr)}.json-editor,.json-editor>pre{height:100%;min-height:0;overflow:hidden}.json-editor>pre{background:var(--surface-soft);border-right:1px solid var(--line);color:var(--text-faint);font:11px/1.65 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;margin:0;padding:0;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none}.json-editor>pre>span{display:block;padding:15px 10px 15px 4px;white-space:pre;will-change:transform}.json-editor textarea{background:transparent;border:0;caret-color:var(--accent);color:var(--text);font:11px/1.65 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;height:100%;min-height:0;outline:0;overflow:auto;padding:15px;resize:none;-moz-tab-size:2;-o-tab-size:2;tab-size:2;width:100%}.json-editor textarea::-moz-placeholder{color:var(--text-faint)}.json-editor textarea::placeholder{color:var(--text-faint)}.json-editor.invalid{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--danger) 34%,transparent)}.json-pane__footer{align-items:center;background:var(--surface-soft);border-top:1px solid var(--line);color:var(--text-faint);display:flex;font-size:8px;gap:10px;justify-content:space-between;min-height:42px;padding:7px 12px}.json-pane__footer>span{align-items:center;display:inline-flex;gap:5px}.json-error-position{color:var(--danger)}.json-indent-setting{align-items:center;display:flex;gap:3px}.json-indent-setting>span{margin-right:3px}.json-indent-setting button{background:var(--surface-solid);border:1px solid var(--line);border-radius:6px;color:var(--text-faint);cursor:pointer;min-height:25px;min-width:26px;padding:0 5px}.json-indent-setting button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.json-tree{background:var(--surface-solid);font:10px/1.65 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;height:100%;min-height:0;overflow:auto;padding:11px 0}.json-tree__row{display:grid;grid-template-columns:48px minmax(max-content,1fr);min-height:19px;white-space:nowrap}.json-tree__row:hover{background:color-mix(in srgb,var(--accent) 5%,var(--surface-soft))}.json-tree__line{background:color-mix(in srgb,var(--surface-soft) 70%,transparent);border-right:1px solid var(--line);color:var(--text-faint);padding-right:10px;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none}.json-tree__content{align-items:center;display:flex;min-width:-moz-max-content;min-width:max-content;padding-right:14px}.json-tree__spacer,.json-tree__toggle{flex:0 0 17px;height:17px;margin-right:2px;width:17px}.json-tree__toggle{background:transparent;border:0;border-radius:4px;color:var(--text-faint);cursor:pointer;display:grid;padding:0;place-items:center}.json-tree__toggle svg{transition:transform .15s ease}.json-tree__toggle[aria-expanded=true] svg{transform:rotate(90deg)}.json-tree__toggle:hover{background:var(--surface-raised);color:var(--text)}.json-token--key{color:#8b4fb3;font-weight:650}.json-token--colon{color:var(--text-faint);margin:0 6px 0 2px}.json-token--string{color:#bd5148}.json-token--number{color:#3f61bf}.json-token--boolean{color:#7457c8;font-weight:700}.json-token--null{color:var(--text-faint);font-style:italic}.json-token--bracket,.json-token--comma{color:var(--text-muted)}html[data-theme=dark] .json-token--key{color:#c49de3}html[data-theme=dark] .json-token--string{color:#f09a91}html[data-theme=dark] .json-token--number{color:#91adff}html[data-theme=dark] .json-token--boolean{color:#bca5ff}.json-tree__summary{color:var(--text-faint);font-size:8px;font-style:italic;margin-left:7px}.json-parse-error,.json-tree-empty{color:var(--text-faint);display:grid;gap:8px;height:100%;justify-items:center;min-height:0;padding:28px;place-content:center;text-align:center}.json-parse-error>span,.json-tree-empty>span{background:var(--surface-soft);border:1px solid var(--line);border-radius:15px;display:grid;height:48px;place-items:center;width:48px}.json-parse-error strong,.json-tree-empty strong{color:var(--text-muted);font-size:11px}.json-parse-error p,.json-tree-empty p{color:var(--danger);font:9px/1.7 ui-monospace,monospace;margin:0;max-width:420px;overflow-wrap:anywhere}.json-parse-error small,.json-tree-empty small{font-size:8px}.json-parse-error>span{background:color-mix(in srgb,var(--danger) 6%,var(--surface-solid));border-color:color-mix(in srgb,var(--danger) 25%,var(--line));color:var(--danger)}.json-workspace__status{align-items:center;background:var(--surface-soft);border-top:1px solid var(--line);color:var(--text-faint);display:flex;font-size:8px;min-height:42px;padding:0 13px}.json-workspace__status span{align-items:center;color:var(--success);display:inline-flex;gap:5px}@media(max-width:900px){.json-pane__header{align-items:flex-start;flex-direction:column}.json-pane__actions{flex-wrap:wrap;width:100%}}@media(max-width:760px){.json-workspace{height:min(760px,calc(100dvh - 24px));max-height:calc(100dvh - 24px)}.json-workspace__grid{grid-template-columns:1fr;overflow-y:auto;overscroll-behavior:contain}.json-pane--input{border-bottom:1px solid var(--line);border-right:0}.json-editor,.json-editor textarea,.json-parse-error,.json-tree,.json-tree-empty{height:min(420px,calc(100dvh - 170px));min-height:280px}}@media(max-width:520px){.json-validation-state{display:none}.json-pane__header{padding:10px}.json-pane__actions button{flex:1 1 auto}.json-pane__footer{align-items:flex-start;flex-direction:column}.json-workspace__status{line-height:1.5}}