/* JSON inspection workspace: The New paper, with a code-focused split surface. */
#jivTool {
  box-sizing:border-box;
  --jiv-paper:#faf6ee; --jiv-wash:#f5efdf; --jiv-ink:#1a1208; --jiv-muted:#5a4a30;
  --jiv-line:#b8a888; --jiv-soft:#ddd4be; --jiv-button:#ede6d4; --jiv-hover:#dfd4bb;
  --jiv-accent:#c44a00; --jiv-primary:#1a1208; --jiv-on-primary:#faf6ee;
  color:var(--jiv-ink); background:var(--jiv-paper); border-top:3px double var(--jiv-ink); border-bottom:1px solid var(--jiv-line);
  width:100%; min-width:0; padding:20px 20px 0; -webkit-font-smoothing:antialiased;
  font-variant-numeric:tabular-nums;
}
#jivTool *, #jivTool *::before, #jivTool *::after { box-sizing:border-box; }
#jivTool [hidden] { display:none !important; }
#jivTool :is(button,select,textarea,input) { -webkit-text-fill-color:currentColor; }
#jivTool :is(button,.jiv-file,select) {
  min-height:40px; border:1px solid var(--jiv-line); border-radius:2px; box-shadow:none;
  background:var(--jiv-button); color:var(--jiv-ink); padding:9px 13px;
  font:800 12px/1.2 'Courier New',monospace; cursor:pointer;
  transition:background-color 170ms cubic-bezier(.2,0,0,1),border-color 170ms cubic-bezier(.2,0,0,1),color 170ms cubic-bezier(.2,0,0,1),transform 170ms cubic-bezier(.2,0,0,1);
}
#jivTool :is(button,.jiv-file,select):hover { background:var(--jiv-hover); border-color:var(--jiv-ink); }
#jivTool button:not(:disabled):active { transform:scale(.96); }
#jivTool button:disabled { opacity:.46; cursor:not-allowed; transform:none; }
#jivTool :is(button,select,textarea,input):focus-visible,#jivTool .jiv-file:focus-within { outline:2px solid var(--jiv-accent); outline-offset:2px; }
#jivTool .jiv-topline { display:flex; justify-content:space-between; gap:8px 20px; align-items:center; flex-wrap:wrap; margin:0 0 14px; }
#jivTool .jiv-topline p { margin:0; color:var(--jiv-muted); font-size:12px; line-height:1.5; }
#jivTool .jiv-local { display:inline-flex; align-items:center; gap:7px; font-weight:700; }
#jivTool .jiv-local span { width:7px; height:7px; border-radius:50%; background:var(--jiv-accent); box-shadow:0 0 0 3px var(--jiv-wash); }
#jivTool .jiv-shortcut span { margin-inline:5px; color:var(--jiv-line); }
#jivTool .jiv-workspace { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); gap:12px; align-items:stretch; }
#jivTool .jiv-pane { min-width:0; display:flex; flex-direction:column; border:1px solid var(--jiv-line); background:var(--jiv-paper); transition:border-color 180ms ease,background-color 180ms ease; }
#jivTool .jiv-result { background:var(--jiv-wash); }
#jivTool[data-state="ready"] .jiv-result { border-color:var(--jiv-accent); }
#jivTool[data-state="error"] .jiv-source { border-color:var(--jiv-accent); }
#jivTool .jiv-pane-head { display:flex; justify-content:space-between; align-items:center; gap:12px; min-height:66px; padding:11px 16px; border-bottom:1px solid var(--jiv-soft); }
#jivTool .jiv-pane-head > div { min-width:0; }
#jivTool .jiv-index { display:block; margin-bottom:4px; color:var(--jiv-accent); font:900 10px/1.25 'Courier New',monospace; letter-spacing:.12em; }
#jivTool .jiv-pane-head h2 { margin:0; font-size:16px; line-height:1.3; font-weight:800; text-wrap:balance; }
#jivTool .jiv-pane-head label { cursor:text; }
#jivTool .jiv-file { flex:none; position:relative; display:grid; place-items:center; overflow:hidden; white-space:nowrap; }
#jivTool .jiv-file input { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }
#jivTool .jiv-result-mark { display:inline-flex; align-items:center; gap:5px; color:var(--jiv-accent); font:900 17px/1 'Courier New',monospace; }
#jivTool .jiv-result-mark i { width:4px; height:4px; background:currentColor; border-radius:50%; }
#jivTool .jiv-editor-shell { display:grid; grid-template-columns:44px minmax(0,1fr); min-width:0; min-height:347px; padding:0 16px; overflow:hidden; }
#jivTool .jiv-gutter { overflow:hidden; height:347px; padding:16px 9px 16px 0; border-right:1px solid var(--jiv-soft); color:var(--jiv-muted); text-align:right; user-select:none; font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace; }
#jivTool .jiv-gutter span { display:block; min-height:1.65em; }
#jivTool #jivInput { width:100%; min-width:0; height:347px; min-height:347px; resize:vertical; border:0; border-radius:0; box-shadow:none; outline-offset:-3px; padding:16px 0 16px 15px; background:transparent; color:var(--jiv-ink); font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace; tab-size:2; white-space:pre-wrap; overflow-x:hidden; overflow-wrap:anywhere; word-break:break-word; }
#jivTool #jivInput::placeholder { color:var(--jiv-muted); opacity:.72; }
#jivTool .jiv-pane-foot { margin-top:auto; padding:11px 16px; border-top:1px solid var(--jiv-soft); }
#jivTool .jiv-pane-foot p { margin:0 0 9px; color:var(--jiv-muted); font-size:11px; line-height:1.5; text-wrap:pretty; }
#jivTool .jiv-foot-actions,#jivTool .jiv-result-foot,#jivTool .jiv-format-actions,#jivTool .jiv-save-actions { display:flex; align-items:center; gap:7px; flex-wrap:wrap; }
#jivTool .jiv-foot-actions,#jivTool .jiv-result-foot { justify-content:space-between; }
#jivTool .jiv-foot-actions > div { display:flex; gap:7px; flex-wrap:wrap; }
#jivTool #jivInputSize { color:var(--jiv-muted); font:700 11px/1.3 'Courier New',monospace; }
#jivTool .jiv-result-controls { display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; padding:9px 16px; border-bottom:1px solid var(--jiv-soft); }
#jivTool .jiv-view-tabs { display:flex; }
#jivTool .jiv-view-tabs button { min-height:40px; padding:7px 13px; }
#jivTool .jiv-view-tabs button + button { margin-left:-1px; }
#jivTool .jiv-view-tabs button[aria-pressed="true"] { position:relative; z-index:1; background:var(--jiv-primary); border-color:var(--jiv-primary); color:var(--jiv-on-primary); -webkit-text-fill-color:var(--jiv-on-primary); opacity:1; }
#jivTool .jiv-indent-wrap { display:inline-flex; align-items:center; gap:8px; color:var(--jiv-muted); font-size:11px; font-weight:700; }
#jivTool .jiv-indent-wrap select { min-height:40px; padding:5px 24px 5px 8px; }
#jivTool .jiv-output-frame { position:relative; flex:1; min-width:0; min-height:278px; background:var(--jiv-paper); }
#jivTool .jiv-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:278px; padding:28px 24px; text-align:center; background:radial-gradient(circle at 50% 52%,var(--jiv-wash),transparent 67%); }
#jivTool .jiv-empty-icon { display:grid; place-items:center; width:58px; height:58px; margin-bottom:14px; border:1px solid var(--jiv-soft); border-radius:50%; color:var(--jiv-accent); font:900 20px/1 'Courier New',monospace; }
#jivTool .jiv-empty strong { font-size:15px; line-height:1.4; font-weight:800; text-wrap:balance; }
#jivTool .jiv-empty p { max-width:260px; margin:7px 0 0; color:var(--jiv-muted); font-size:12px; line-height:1.55; text-wrap:pretty; }
#jivTool .jiv-tree { height:278px; overflow:auto; padding:11px 12px 14px 14px; scrollbar-color:var(--jiv-line) transparent; }
#jivTool .jiv-tree :is(ul,li) { list-style:none; margin:0; padding:0; }
#jivTool .jiv-tree ul ul { margin-left:15px; padding-left:11px; border-left:1px solid var(--jiv-soft); }
#jivTool .jiv-tree li { min-width:0; }
#jivTool .jiv-node-row { display:flex; align-items:center; gap:4px; min-width:0; min-height:40px; border-radius:2px; }
#jivTool .jiv-node-row:hover { background:var(--jiv-wash); }
#jivTool .jiv-node-row[data-selected="true"] { background:var(--jiv-button); }
#jivTool .jiv-tree button { border:0; min-height:40px; box-shadow:none; background:transparent; color:var(--jiv-ink); padding:4px 6px; font:500 12px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace; text-align:left; }
#jivTool .jiv-tree button:hover { background:transparent; border-color:transparent; }
#jivTool .jiv-tree .jiv-node-toggle { flex:none; display:grid; place-items:center; width:40px; padding:0; font-size:14px; color:var(--jiv-accent); }
#jivTool .jiv-node-spacer { flex:none; width:40px; }
#jivTool .jiv-tree .jiv-node-label { flex:1; display:flex; align-items:baseline; gap:7px; min-width:0; overflow-wrap:anywhere; }
#jivTool .jiv-node-key { color:var(--jiv-ink); font-weight:800; }
#jivTool .jiv-node-meta { color:var(--jiv-muted); font-size:11px; }
#jivTool .jiv-node-value { color:var(--jiv-accent); overflow-wrap:anywhere; }
#jivTool .jiv-more { margin:5px 0 5px 40px; color:var(--jiv-accent) !important; text-decoration:underline; }
#jivTool #jivOutput { display:block; width:100%; height:278px; min-height:278px; resize:vertical; border:0; border-radius:0; box-shadow:none; background:transparent; color:var(--jiv-ink); padding:16px 18px; font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace; white-space:pre-wrap; overflow-x:hidden; overflow-wrap:anywhere; word-break:break-word; }
#jivTool .jiv-pathbar { display:flex; align-items:center; gap:8px; min-width:0; min-height:55px; padding:7px 16px; border-block:1px solid var(--jiv-soft); }
#jivTool .jiv-pathbar > span { flex:none; color:var(--jiv-muted); font-size:11px; }
#jivTool .jiv-pathbar code { flex:1; min-width:0; padding:0; border:0; background:transparent; color:var(--jiv-ink); font:700 11px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace; overflow-wrap:anywhere; }
#jivTool .jiv-pathbar button { flex:none; min-height:40px; padding:6px 10px; }
#jivTool .jiv-result-foot { gap:7px 12px; }
#jivTool #jivDownload { background:var(--jiv-primary); border-color:var(--jiv-primary); color:var(--jiv-on-primary); -webkit-text-fill-color:var(--jiv-on-primary); }
#jivTool #jivDownload:not(:disabled):hover { background:var(--jiv-accent); border-color:var(--jiv-accent); color:#fffaf2; -webkit-text-fill-color:#fffaf2; }
#jivTool .jiv-feedback { padding:12px 0 11px; border-bottom:1px solid var(--jiv-soft); }
#jivTool .jiv-status-line { display:flex; align-items:center; gap:8px; }
#jivTool .jiv-status-dot { flex:none; width:7px; height:7px; border-radius:50%; background:var(--jiv-line); transition:background-color 180ms ease,box-shadow 180ms ease; }
#jivTool[data-state="ready"] .jiv-status-dot { background:var(--jiv-accent); box-shadow:0 0 0 3px var(--jiv-wash); }
#jivTool[data-state="error"] .jiv-status-dot { background:var(--jiv-accent); }
#jivTool #jivStatus { flex:1; margin:0; color:var(--jiv-ink); font-size:13px; line-height:1.45; font-weight:700; overflow-wrap:anywhere; }
#jivTool[data-state="error"] #jivStatus { color:var(--jiv-accent); }
#jivTool #jivErrorJump { min-height:40px; padding:6px 10px; }
#jivTool #jivDetail { margin:4px 0 0 15px; color:var(--jiv-muted); font-size:11px; line-height:1.5; overflow-wrap:anywhere; }
#jivTool .jiv-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
#jivTool .jiv-metrics > div { display:flex; justify-content:space-between; align-items:baseline; gap:8px; min-width:0; padding:12px 16px; border-right:1px solid var(--jiv-soft); }
#jivTool .jiv-metrics > div:first-child { padding-left:0; }
#jivTool .jiv-metrics > div:last-child { border-right:0; padding-right:0; }
#jivTool .jiv-metrics span { color:var(--jiv-muted); font-size:11px; white-space:nowrap; }
#jivTool .jiv-metrics b { color:var(--jiv-ink); font:800 13px/1.2 system-ui,sans-serif; font-variant-numeric:tabular-nums lining-nums; text-align:right; overflow-wrap:anywhere; }
body:is([data-scheme="dark"],[data-scheme="inverse"],[data-scheme="auto"][data-l="dark"],[data-scheme="auto"][data-d="dark"]) #jivTool,
html[data-scheme="dark"] body:not([data-scheme="light"]) #jivTool {
  --jiv-paper:#241d12; --jiv-wash:#2c2519; --jiv-ink:#efe6d2; --jiv-muted:#c3b492;
  --jiv-line:#6f6047; --jiv-soft:#574a37; --jiv-button:#2f2115; --jiv-hover:#3a2a1b;
  --jiv-accent:#e8823f; --jiv-primary:#6a3b1f; --jiv-on-primary:#f7ead1; color-scheme:dark;
}
@media (prefers-color-scheme:dark) {
  body[data-scheme="auto"] #jivTool { --jiv-paper:#241d12; --jiv-wash:#2c2519; --jiv-ink:#efe6d2; --jiv-muted:#c3b492; --jiv-line:#6f6047; --jiv-soft:#574a37; --jiv-button:#2f2115; --jiv-hover:#3a2a1b; --jiv-accent:#e8823f; --jiv-primary:#6a3b1f; --jiv-on-primary:#f7ead1; color-scheme:dark; }
}
@media (max-width:860px) { #jivTool .jiv-workspace { grid-template-columns:minmax(0,1fr); } #jivTool .jiv-editor-shell,#jivTool #jivInput,#jivTool .jiv-gutter { min-height:250px; height:250px; } #jivTool .jiv-output-frame,#jivTool .jiv-empty,#jivTool .jiv-tree,#jivTool #jivOutput { min-height:245px; height:245px; } }
@media (max-width:720px) {
  #jivTool { padding:14px 14px 0; }
  #jivTool .jiv-topline { margin-bottom:12px; }
  #jivTool .jiv-pane-head { min-height:60px; padding:10px 12px; }
  #jivTool .jiv-editor-shell { padding-inline:12px; grid-template-columns:37px minmax(0,1fr); }
  #jivTool .jiv-gutter { padding-top:13px; font-size:16px; line-height:1.55; }
  #jivTool #jivInput { padding:13px 0 13px 11px; font-size:16px; line-height:1.55; }
  #jivTool .jiv-pane-foot,#jivTool .jiv-result-controls,#jivTool .jiv-pathbar { padding-inline:12px; }
  #jivTool .jiv-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #jivTool .jiv-metrics > div { padding:10px 12px; }
  #jivTool .jiv-metrics > div:nth-child(2) { border-right:0; padding-right:0; }
  #jivTool .jiv-metrics > div:nth-child(3),#jivTool .jiv-metrics > div:nth-child(4) { border-top:1px solid var(--jiv-soft); }
  #jivTool .jiv-metrics > div:nth-child(3) { padding-left:0; }
}
@media (max-width:390px) {
  #jivTool .jiv-shortcut { display:none; }
  #jivTool .jiv-result-foot { align-items:stretch; }
  #jivTool .jiv-format-actions,#jivTool .jiv-save-actions { width:100%; }
  #jivTool .jiv-format-actions button,#jivTool .jiv-save-actions button { flex:1; padding-inline:5px; }
  #jivTool .jiv-foot-actions { align-items:flex-start; }
}
@media (prefers-reduced-motion:reduce) { #jivTool :is(button,.jiv-pane,.jiv-status-dot) { transition:none; } }
.tn-jiv-page .jiv-ad { width:min(900px,100%); min-height:90px; margin-inline:auto; background:transparent; }
.tn-jiv-page .jiv-ad--top { margin-top:54px; margin-bottom:20px; }
.tn-jiv-page .jiv-ad--bottom { margin-top:22px; margin-bottom:28px; }
.tn-jiv-page .jiv-ad ins { max-width:100%; }
@media (max-width:720px) { .tn-jiv-page .jiv-ad--top { margin-top:48px; } }