.json-desk{--np-accent:#edb765;--np-surface:#1e2229;--np-soft:#2d333d;--np-muted:#b9b9bf;--np-text:#eef0f3}.jd-top{justify-content:space-between;align-items:center;margin:20px 0 30px;display:flex}.jd-top h2{font-size:clamp(32px,4vw,54px)}.jd-top h2>span{color:#edb765}.jd-local{align-items:center;gap:25px;display:flex}.jd-local>span{letter-spacing:-10px;color:#edb765;font:70px IBM Plex Mono,monospace}.jd-local p{color:#b9b9bf;font-size:12px}.jd-toolbar{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:18px;display:flex}.jd-upload{cursor:pointer;background:#2d333d;border-radius:6px;min-height:44px;padding:10px 16px;font-weight:600;position:relative;color:#eef0f3!important;font-size:16px!important}.jd-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.jd-upload:focus-within{outline-offset:4px;outline:3px solid #edb765}.jd-editors{grid-template-columns:1fr 1fr;gap:22px;display:grid}.jd-editors>section{min-width:0}.jd-pane-label{color:#c2c1c5;justify-content:space-between;align-items:center;gap:10px;height:55px;font:11px IBM Plex Mono,monospace;display:flex}.jd-pane-label label{align-items:center;gap:10px;display:flex}.json-desk .jd-pane-label select{min-height:35px;margin:0;padding:4px;font-size:11px}.json-desk textarea,.jd-output{resize:vertical;tab-size:2;height:420px;overflow:auto;border:1px solid #46464c!important;border-radius:6px!important;padding:22px!important;font:13px/1.8 IBM Plex Mono,monospace!important}.jd-output{color:#ffd2b1;white-space:pre-wrap;overflow-wrap:anywhere;background:#1e2229;margin:0}.jd-tree{background:#1e2229;border-radius:6px;height:300px;margin-bottom:16px;padding:15px;overflow:auto}.jd-tree-node .jd-tree-node{border-left:1px solid #444;margin-left:16px;padding-left:10px}.jd-tree summary{white-space:nowrap;padding:0!important}.jd-tree summary>span{color:#b9b9bf;margin-left:10px;font:11px IBM Plex Mono,monospace}.json-desk .jd-tree button{color:#edb765;text-align:left;background:0 0;min-height:36px;padding:8px 4px;font:12px IBM Plex Mono,monospace}.jd-leaf{gap:14px;display:flex}.jd-leaf span{color:#d9d9e0;text-overflow:ellipsis;max-width:250px;overflow:hidden}.jd-extract{white-space:pre-wrap;overflow-wrap:anywhere;background:#1e2229;max-height:200px;padding:16px;font:12px/1.7 IBM Plex Mono,monospace;overflow:auto}.jd-differences{background:#1e2229;border-radius:8px;margin-top:20px;padding:25px}.jd-differences article{overflow-wrap:anywhere;border-top:1px solid #45454b;grid-template-columns:80px minmax(100px,1fr) 2fr;gap:20px;padding:16px 0;font:12px/1.8 IBM Plex Mono,monospace;display:grid}.jd-differences ins,.jd-differences del{max-height:150px;text-decoration:none;display:block;overflow:auto}.jd-differences del{color:#edacac}.jd-differences ins{color:#b6d5ff}.jd-kind{color:#edb765}.jd-differences button{margin-top:20px}.jd-limits{color:#b9b9bf;max-width:800px;font-size:13px}@media (width<=740px){.jd-local{display:none}.jd-editors{grid-template-columns:1fr}.json-desk textarea,.jd-output{height:290px}.jd-differences{padding:18px}.jd-differences article{grid-template-columns:70px 1fr;gap:8px}.jd-differences article>div{grid-column:1/-1}.jd-tree button{min-height:44px!important}}.jd-field-guide{border-top:1px solid #4c4640;margin-top:32px;padding-top:24px}.jd-field-guide>div{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.jd-field-guide h4{font-size:14px;font-weight:600}.jd-field-guide p{color:var(--np-muted);font-size:13px}.jd-field-guide code{color:var(--np-accent);font-size:12px}.jd-field-guide button{font-size:12px}@media (width<=740px){.jd-field-guide>div{grid-template-columns:1fr;gap:4px}}.product-shell:has(.json-desk){--p-bg:#171a20;--p-ink:#eef0f3;--p-muted:#adb3bd}.jd-top{align-items:end;margin:0 0 28px}.jd-top h2{letter-spacing:-1.8px;font-size:clamp(32px,3.5vw,48px);font-weight:500;line-height:1.05}.jd-local{gap:20px}.jd-local>span{letter-spacing:-8px;color:#edb765;font-size:58px}.jd-local p{font-size:11px}.jd-editors{background:#39414d;gap:1px}.jd-editors>section{background:#171a20}.jd-pane-label{background:#252b34;height:56px;padding:12px 18px}.json-desk textarea,.jd-output{background:#1e2229;height:470px;padding:20px;border:0!important;border-radius:0!important}.json-desk :is(button,select,input),.jd-upload{border-radius:3px}.jd-field-guide{border:0;margin-top:40px}.jd-field-guide>div{gap:40px}.jd-differences{background:0 0;padding-inline:0}@media (width<=740px){.jd-top h2{font-size:34px}.jd-editors{background:0 0;gap:24px}.json-desk textarea,.jd-output{height:330px}.jd-toolbar{margin-bottom:12px}}
