.json-tool [hidden]{display:none!important}
.json-card{padding:24px}
.json-privacy{display:flex;align-items:center;gap:8px;margin:0 0 22px;color:var(--muted)}
.json-privacy .icon{width:18px;height:18px;flex:0 0 auto}
.json-toolbar{display:flex;align-items:center;justify-content:flex-start;gap:16px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--border)}
.json-toolbar-group{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:var(--heading);font-weight:600}
.json-toolbar select{min-height:38px;padding:6px 30px 6px 10px;text-transform:none}
.json-check{display:flex;align-items:center;gap:7px;margin-left:8px;color:var(--heading);font-weight:600}
.json-check input{width:17px;height:17px;accent-color:var(--primary)}
.json-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.json-panel{min-width:0}
.json-panel-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}
.json-panel h2{margin:0;color:var(--heading);font-size:1.15rem}
.json-file-status,.json-output-status{min-width:0;overflow:hidden;color:var(--muted);font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}
.json-editor{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);height:430px;overflow:hidden;border:1px solid var(--border);border-radius:10px;background:#171b35;box-shadow:inset 0 1px 2px #00000012}
.json-line-numbers{position:relative;z-index:2;overflow:hidden;padding:15px 10px 15px 0;border-right:1px solid #ffffff18;color:#8e96b2;font:14px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:right;user-select:none;white-space:normal}
.json-line-number{display:block;height:23.1px;line-height:23.1px;white-space:nowrap}
.json-line-number.is-error{color:#ff8b8b;font-weight:700}
.json-line-number.is-error::before{content:'●';display:inline-block;margin-right:5px;color:#ff6b6b;font-size:.65em;vertical-align:middle}
.json-editor textarea{position:relative;z-index:2;display:block;width:100%;height:100%;min-width:0;resize:none;overflow:auto;padding:15px;border:0;outline:0;background:transparent;color:#f4f5fb;font:14px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2;white-space:pre}
.json-error-line{position:absolute;z-index:1;left:42px;right:0;height:23.1px;border-left:3px solid #ff6b6b;background:#ff6b6b18;pointer-events:none}
.json-inline-diagnostic{position:absolute;z-index:3;right:8px;max-width:47%;padding:5px 8px;border:1px solid #ff8a8a66;border-radius:6px;background:#3a2028eF;color:#ffd9d9;font:12px/1.35 Inter,system-ui,sans-serif;box-shadow:0 4px 14px #00000030;cursor:help}
.json-inline-diagnostic strong{display:block;color:#fff;font-weight:700}
.json-inline-diagnostic span{display:block;margin-top:2px;color:#ffc0c0}
.json-inline-diagnostic:focus-visible{outline:2px solid #ffb0b0;outline-offset:2px}
.json-editor textarea::placeholder{color:#8e96b2}
.json-editor textarea:focus{box-shadow:inset 0 0 0 2px #817bff}
.json-help{margin:7px 0 0;color:var(--muted);font-size:.82rem}
.json-input-actions,.json-output-actions,.json-primary-actions{display:flex;flex-wrap:wrap;gap:9px}
.json-input-actions{margin-top:13px}
.json-output{display:block;width:100%;height:430px;margin:0;overflow:auto;padding:15px;border:1px solid var(--border);border-radius:10px;background:#f7f8fc;color:var(--heading);font:14px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2;white-space:pre!important;user-select:text}
.json-output code{display:block;min-width:max-content;margin:0;padding:0;font:inherit;white-space:pre!important;overflow-wrap:normal;word-break:normal}
.json-token-key{color:#635bff}.json-token-string{color:#087f5b}.json-token-number{color:#a15c00}.json-token-boolean{color:#b42370}.json-token-null{color:#7a5af8}
.json-output:focus{outline:3px solid #635bff55;outline-offset:2px}
.json-output-actions{margin-top:13px}
.json-primary-actions{margin-top:22px;padding-top:20px;border-top:1px solid var(--border)}
.json-result,.json-tool .tool-error{margin-top:16px;padding:12px 14px;border-radius:9px;white-space:pre-line}
.json-result{border:1px solid #b7e5d8;background:#eefbf7;color:#087f5b;font-weight:700}
.json-tool .tool-error{border:1px solid #f0c1c1;background:#fff4f4;color:#a12a2a}
.json-content{margin-top:20px}
.json-content h2{margin-top:34px}
.json-content h2:first-child{margin-top:0}
.json-content details{padding:15px 0;border-bottom:1px solid var(--border)}
.json-content summary{color:var(--heading);font-weight:700;cursor:pointer}
.json-content details p{margin:9px 0 0}
@media(max-width:800px){.json-editor-grid{grid-template-columns:1fr}.json-output{height:320px}}
@media(max-width:560px){.json-card{padding:16px}.json-toolbar{align-items:flex-start;flex-direction:column}.json-toolbar-group{width:100%}.json-toolbar-group select{max-width:140px}.json-editor{height:340px}.json-inline-diagnostic{left:52px;right:8px;max-width:none}.json-input-actions,.json-output-actions,.json-primary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.json-input-actions .button,.json-output-actions .button,.json-primary-actions .button{width:100%;min-width:0}.json-primary-actions .button-primary{grid-column:1/-1}}