.cp{--bg:var(--c-bg);--panel:var(--c-surface);--panel-alt:var(--c-field);--border:var(--c-border);--text:var(--c-text);--text-dim:var(--c-muted);--accent:var(--c-accent);--accent-ink:var(--c-on-accent);--accent-soft:var(--c-accent-soft);--danger:var(--c-bad);--danger-soft:color-mix(in srgb, var(--c-bad) 12%, transparent);--ok:var(--c-good);--ok-soft:color-mix(in srgb, var(--c-good) 14%, transparent);--syn-tag:#1d5fbf;--syn-attr:#a15a15;--syn-value:#17794a;--syn-text:#262421;--syn-comment:#8a8478;--syn-cdata:#9b3f9b;--syn-punct:#9a9186;--syn-number:#0b7285;--mark-bg:#f0cb85;--mark-fg:#4a3010;--diff-del-bg:#b23b3b17;--diff-add-bg:#2f7d4f17;--font-ui:var(--font-sans);--font-code:var(--font-mono);height:min(78vh,820px);min-height:520px;font-family:var(--font-ui);color:var(--text);flex-direction:column;display:flex;position:relative}[data-theme=dark] .cp{--syn-tag:#7fb0f5;--syn-attr:#e2a355;--syn-value:#8bd49c;--syn-text:#e6e8ef;--syn-comment:#7b8194;--syn-cdata:#d68fd6;--syn-punct:#5b6376;--syn-number:#56c2d6;--mark-bg:#6b5220;--mark-fg:#ffe8bf;--diff-del-bg:#e0858524;--diff-add-bg:#79c69a24}.cp .panel{min-height:0!important}.cp .convert-select{min-width:9.5em}.cp .syn-yaml-key{color:var(--syn-json-key,var(--syn-attr))}.cp .code-block.minified .line:before{content:"";width:0}@media (width<=700px){.cp{height:82vh;min-height:460px}}.cp .stage[data-syntax-theme=dracula],.cp .modal-panel[data-syntax-theme=dracula],.cp .compare-stage[data-syntax-theme=dracula]{--panel:#282a36;--panel-alt:#21222c;--border:#44475a;--text:#f8f8f2;--text-dim:#6272a4;--accent:#ff79c6;--accent-ink:#282a36;--syn-tag:#ff79c6;--syn-attr:#50fa7b;--syn-value:#f1fa8c;--syn-text:#f8f8f2;--syn-comment:#6272a4;--syn-cdata:#bd93f9;--syn-punct:#9aa1c9;--syn-number:#8be9fd;--mark-bg:#6b4a26;--mark-fg:#ffe3c2}.cp .stage[data-syntax-theme=monokai],.cp .modal-panel[data-syntax-theme=monokai],.cp .compare-stage[data-syntax-theme=monokai]{--panel:#272822;--panel-alt:#32332c;--border:#49483e;--text:#f8f8f2;--text-dim:#90897a;--accent:#a6e22e;--accent-ink:#272822;--syn-tag:#f92672;--syn-attr:#a6e22e;--syn-value:#e6db74;--syn-text:#f8f8f2;--syn-comment:#75715e;--syn-cdata:#ae81ff;--syn-punct:#949185;--syn-number:#fd971f;--mark-bg:#5c4a20;--mark-fg:#f5e6b8}.cp .stage[data-syntax-theme=solarized],.cp .modal-panel[data-syntax-theme=solarized],.cp .compare-stage[data-syntax-theme=solarized]{--panel:#fdf6e3;--panel-alt:#eee8d5;--border:#ded6c1;--text:#657b83;--text-dim:#93a1a1;--accent:#b58900;--accent-ink:#fdf6e3;--syn-tag:#268bd2;--syn-attr:#cb4b16;--syn-value:#2aa198;--syn-text:#657b83;--syn-comment:#93a1a1;--syn-cdata:#6c71c4;--syn-punct:#93a1a1;--syn-number:#d33682;--mark-bg:#e4dcc0;--mark-fg:#586e75}[data-theme=dark] .cp .stage[data-syntax-theme=solarized],[data-theme=dark] .cp .modal-panel[data-syntax-theme=solarized],[data-theme=dark] .cp .compare-stage[data-syntax-theme=solarized]{--panel:#002b36;--panel-alt:#073642;--border:#0d4a58;--text:#839496;--text-dim:#586e75;--accent:#b58900;--accent-ink:#002b36;--syn-tag:#268bd2;--syn-attr:#cb4b16;--syn-value:#2aa198;--syn-text:#839496;--syn-comment:#586e75;--syn-cdata:#6c71c4;--syn-punct:#586e75;--syn-number:#d33682;--mark-bg:#0a4552;--mark-fg:#eee8d5}.cp [data-syntax-theme=postman]{color-scheme:light;--panel:#fff;--panel-alt:#f9f9f9;--border:#ededed;--text:#000;--text-dim:#237893;--syn-tag:maroon;--syn-attr:red;--syn-value:#00f;--syn-text:#000;--syn-comment:#5f8fbf;--syn-cdata:gray;--syn-punct:#000;--syn-xml-punct:#00f;--syn-xml-quote:#00f;--syn-xml-equals:#000;--syn-json-key:#a31515;--syn-json-value:#0451a5;--syn-json-literal:#0451a5;--syn-number:#098658;--syntax-selection:#add6ff;--diff-add-bg:#9bb95533;--diff-del-bg:#f003;--accent:#3a82e6;--accent-ink:#fff;--accent-soft:#add6ff;--mark-bg:#add6ff;--mark-fg:#000;--syn-xml-decl-attr:red;--syn-xml-decl-value:#00f;--syn-xml-decl-punct:#00f}[data-theme=dark] .cp [data-syntax-theme=postman]{color-scheme:dark;--panel:#212121;--panel-alt:#262626;--border:#303030;--text:#f8f8f2;--text-dim:#90908a;--syn-tag:#569cd6;--syn-attr:#9cdcfe;--syn-value:#ce9178;--syn-text:#f8f8f2;--syn-comment:#88846f;--syn-cdata:#569cd6;--syn-punct:#dcdcdc;--syn-xml-punct:gray;--syn-xml-quote:#ce9178;--syn-xml-equals:#dcdcdc;--syn-json-key:#9cdcfe;--syn-json-value:#ce9178;--syn-json-literal:#ce9178;--syn-number:#b5cea8;--syntax-selection:#878b9180;--diff-add-bg:#4b661680;--diff-del-bg:#90274a70;--accent:#3a82e6;--accent-ink:#212121;--accent-soft:#878b9180;--mark-bg:#878b9180;--mark-fg:#f8f8f2;--syn-xml-decl-attr:#9cdcfe;--syn-xml-decl-value:#ce9178;--syn-xml-decl-punct:gray}.cp [data-syntax-theme=postman] .syn-tag{font-weight:400}.cp [data-syntax-theme=postman] .syn-comment{font-style:normal}.cp [data-syntax-theme=postman] .line:before{opacity:1}.cp [data-syntax-theme=postman] ::selection{background:var(--syntax-selection);color:var(--text)}.cp main.single{flex:1;min-height:0;display:flex}.cp .panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;flex:1;min-height:480px;display:flex;overflow:hidden}.cp .panel-head{background:var(--panel-alt);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.cp .panel-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cp .divider{background:var(--border);align-self:stretch;width:1px;margin:2px}.cp .inline-alert{background:var(--danger-soft);color:var(--danger);border-bottom:1px solid var(--border);padding:9px 14px;font-size:.78rem}.cp .inline-alert[hidden]{display:none}.cp button,.cp select{font-family:var(--font-ui);border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;border-radius:7px;padding:6px 10px;font-size:.8rem}.cp button{font-weight:600}.cp button:hover{border-color:var(--accent)}.cp button:focus-visible,.cp select:focus-visible,.cp textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.cp button.ghost{background:0 0}.cp button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.cp select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-dim) 50%), linear-gradient(135deg, var(--text-dim) 50%, transparent 50%);background-position:right 10px center,right 6px center;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:22px}@media (prefers-reduced-motion:no-preference){.cp button{transition:filter .12s,background-color .12s,border-color .12s,opacity .12s}}.cp .stage{flex-direction:column;flex:1;min-height:0;display:flex}.cp .code-scroll{background:var(--panel);cursor:text;overflow-anchor:none;scrollbar-gutter:stable;scroll-behavior:auto;flex:1;min-height:0;overflow:auto}.cp .code-block{counter-reset:line;font-family:var(--font-code);min-height:100%;caret-color:var(--accent);outline:none;padding:12px 0;font-size:.86rem;line-height:1.65}.cp .code-block.is-empty:before{content:attr(data-placeholder);color:var(--text-dim);padding:0 14px;display:block}.cp .code-block.wrap-on .code{white-space:break-spaces;overflow-wrap:anywhere}.cp .code-block:not(.wrap-on) .code{white-space:pre}.cp .line-chunk{content-visibility:auto;contain-intrinsic-size:auto calc(var(--line-count) * 23px)}.cp .code-block:not(.wrap-on) .line-chunk{height:calc(var(--line-count) * 23px)}.cp .code-block:not(.wrap-on) .line{height:23px;line-height:23px}.cp .code-block.wrap-on .line-chunk{content-visibility:visible;contain-intrinsic-size:none}.cp .line-chunk[hidden],.cp .changes-only .line:not(.diff-del):not(.diff-add){display:none}.cp .line{align-items:flex-start;gap:14px;padding:0 14px;display:flex}.cp .line:hover{background:var(--panel-alt)}.cp .line:before{content:attr(data-line);text-align:right;width:2.4em;color:var(--text-dim);opacity:.6;user-select:none;flex:none;padding-top:.1em;font-size:.82em;line-height:1.65}.cp .code{flex:auto;min-width:0}.cp .syn-tag{color:var(--syn-tag);font-weight:600}.cp .syn-attr{color:var(--syn-attr)}.cp .syn-value{color:var(--syn-value)}.cp .syn-text{color:var(--syn-text)}.cp .syn-comment{color:var(--syn-comment);font-style:italic}.cp .syn-cdata{color:var(--syn-cdata)}.cp .syn-punct{color:var(--syn-punct)}.cp .syn-number{color:var(--syn-number)}.cp .syn-json-key{color:var(--syn-json-key,var(--syn-attr))}.cp .syn-json-value{color:var(--syn-json-value,var(--syn-value))}.cp .syn-json-literal{color:var(--syn-json-literal,var(--syn-cdata))}.cp .syn-xml-punct{color:var(--syn-xml-punct,var(--syn-punct))}.cp .syn-xml-quote{color:var(--syn-xml-quote,var(--syn-punct))}.cp .syn-xml-equals{color:var(--syn-xml-equals,var(--syn-punct))}.cp .syn-xml-decl-attr{color:var(--syn-xml-decl-attr,var(--syn-cdata))}.cp .syn-xml-decl-value{color:var(--syn-xml-decl-value,var(--syn-cdata))}.cp .syn-xml-decl-punct{color:var(--syn-xml-decl-punct,var(--syn-cdata))}.cp .syn-xml-decl-equals{color:var(--syn-xml-equals,var(--syn-cdata))}.cp .jwt-value{cursor:pointer;text-underline-offset:3px;text-decoration:underline dotted}.cp .jwt-value:hover{background:var(--accent-soft);border-radius:3px}.cp mark.search-hit{background:var(--mark-bg);color:var(--mark-fg);box-shadow:0 0 0 1px color-mix(in srgb, var(--mark-fg) 25%, transparent);border-radius:2px}.cp mark.search-hit.search-hit-active{background:var(--accent);color:var(--accent-ink);box-shadow:0 0 0 1px var(--accent-ink)}.cp .code-block.highlight-all-off mark.search-hit:not(.search-hit-active){color:inherit;box-shadow:none;background:0 0}.cp .search-dock{z-index:40;background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;width:260px;display:flex;position:absolute;top:16px;right:16px;overflow:hidden;box-shadow:0 12px 40px #00000047}.cp .search-dock[hidden]{display:none}@media (width<=1220px){.cp .search-dock{width:240px;top:8px;right:8px}}.cp .search-dock-head{background:var(--panel-alt);border-bottom:1px solid var(--border);cursor:grab;touch-action:none;user-select:none;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.cp .search-dock-head.dragging{cursor:grabbing}.cp .search-dock-head .label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-dim);font-size:.72rem;font-weight:700}.cp .search-dock-body{flex-direction:column;gap:10px;padding:12px 14px;display:flex}.cp .search-dock-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.cp .search-input{border:1px solid var(--border);background:var(--panel-alt);width:100%;color:var(--text);font-family:var(--font-ui);border-radius:7px;outline:none;padding:7px 10px;font-size:.86rem}.cp .search-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.cp .search-count{color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.78rem}.cp .highlight-all-label{color:var(--text-dim);cursor:pointer;user-select:none;align-items:center;gap:6px;font-size:.8rem;display:flex}.cp .highlight-all-label input[type=checkbox]{accent-color:var(--accent);cursor:pointer}.cp .icon-btn{padding:4px 8px;line-height:1}.cp .modal-backdrop{z-index:50;background:#0a09068c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.cp .modal-backdrop[hidden]{display:none}.cp .modal-panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;width:100%;max-width:560px;max-height:82vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000059}.cp .modal-head{background:var(--panel-alt);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.cp .modal-head .label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-dim);font-size:.72rem;font-weight:700}.cp .modal-body{flex-direction:column;gap:14px;padding:16px;display:flex;overflow:auto}.cp .jwt-expiry{flex-wrap:wrap;gap:8px;display:flex}.cp .jwt-expiry .pill{font-size:.72rem}.cp .jwt-claim-row{color:var(--text-dim);gap:6px;font-size:.76rem;display:flex}.cp .jwt-claim-row b{color:var(--text);font-weight:600}.cp .jwt-section-label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-dim);justify-content:space-between;align-items:center;font-size:.72rem;font-weight:700;display:flex}.cp .jwt-json{font-family:var(--font-code);white-space:pre-wrap;word-break:break-word;background:var(--panel-alt);border:1px solid var(--border);border-radius:8px;margin:6px 0 0;padding:10px 12px;font-size:.82rem;line-height:1.6}.cp .jwt-signature{font-family:var(--font-code);color:var(--text-dim);word-break:break-all;font-size:.76rem}.cp .status-bar{color:var(--text-dim);background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;font-size:.78rem;display:flex}.cp .status-bar[hidden]{display:none}.cp .pill{letter-spacing:.02em;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.74rem;font-weight:700;display:inline-flex}.cp .pill.ok{background:var(--ok-soft);color:var(--ok)}.cp .pill.err{background:var(--danger-soft);color:var(--danger)}.cp .pill.idle{background:var(--panel-alt);color:var(--text-dim);border:1px solid var(--border)}.cp .stats{font-variant-numeric:tabular-nums;gap:14px;display:flex}.cp .stats b{color:var(--text);font-weight:700}.cp .compare-controls{border:1px solid var(--border);background:var(--panel);border-radius:999px;flex-wrap:wrap;align-items:center;max-width:100%;padding:3px;display:flex}.cp .compare-controls .compare-toggle{white-space:nowrap;min-height:32px;padding:5px 10px}.cp .compare-controls .compare-toggle+.compare-toggle{border-left:1px solid var(--border)}.cp .compare-toggle{color:var(--text);cursor:pointer;user-select:none;align-items:center;gap:6px;padding:6px 8px;font-size:.8rem;display:flex}.cp .compare-toggle input[type=checkbox]{accent-color:var(--accent);cursor:pointer}.cp .compare-toggle[hidden],.cp .stage[hidden]{display:none}.cp .compare-stage{background:var(--border);flex:1;gap:1px;min-height:0;display:flex}.cp .compare-stage[hidden]{display:none}.cp .compare-pane{background:var(--panel);flex-direction:column;flex:1;min-width:0;display:flex}.cp .compare-pane-head{background:var(--panel-alt);border-bottom:1px solid var(--border);letter-spacing:.07em;text-transform:uppercase;color:var(--text-dim);justify-content:space-between;align-items:center;padding:6px 14px;font-size:.72rem;font-weight:700;display:flex}.cp .compare-pane-head button{text-transform:none;letter-spacing:normal;padding:2px 7px;font-size:.7rem;font-weight:600}.cp .compare-pane-title{align-items:center;gap:8px;min-width:0;display:flex}.cp .pane-error{color:var(--danger);text-transform:none;letter-spacing:normal;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.cp .pane-error[hidden]{display:none}.cp .compare-pane .code-scroll{flex:1}.cp .line.diff-del{background:var(--diff-del-bg);box-shadow:inset 3px 0 0 var(--danger)}.cp .line.diff-add{background:var(--diff-add-bg);box-shadow:inset 3px 0 0 var(--ok)}.cp .code-scroll,.cp textarea,.cp .modal-body{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.cp .code-scroll::-webkit-scrollbar,.cp textarea::-webkit-scrollbar,.cp .modal-body::-webkit-scrollbar{width:11px;height:11px}.cp .code-scroll::-webkit-scrollbar-track,.cp textarea::-webkit-scrollbar-track,.cp .modal-body::-webkit-scrollbar-track{background:0 0}.cp .code-scroll::-webkit-scrollbar-thumb,.cp textarea::-webkit-scrollbar-thumb,.cp .modal-body::-webkit-scrollbar-thumb{background-color:var(--border);border:3px solid var(--panel);background-clip:padding-box;border-radius:999px}.cp .code-scroll::-webkit-scrollbar-thumb:hover,.cp textarea::-webkit-scrollbar-thumb:hover,.cp .modal-body::-webkit-scrollbar-thumb:hover{background-color:var(--text-dim)}.cp .code-scroll::-webkit-scrollbar-corner{background:0 0}.cp .mobile-tools-btn,.cp .mobile-compare-tabs{display:none}@media (width<=700px),(height<=500px) and (pointer:coarse){.cp .panel{min-height:0}.cp .panel-head{flex-shrink:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-height:42%;padding:8px;display:grid;overflow-y:auto}.cp .toolbar-examples,.cp .toolbar-main{display:contents}.cp .panel-head button,.cp .panel-head select,.cp .panel-head .compare-toggle{min-width:0;min-height:40px;padding:6px;font-size:.75rem}.cp .panel-head button{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cp #copyBtn{padding:6px 2px;font-size:.7rem}.cp #clearBtn{order:0}.cp #findBtn{order:1}.cp #copyBtn{order:2}.cp .mobile-tools-btn{order:3;justify-content:center;align-items:center;gap:4px;display:inline-flex}.cp .compare-controls{border-radius:18px;order:4;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));padding:3px;display:grid}.cp .compare-controls #compareToggleLabel,.cp .compare-controls #changesOnlyLabel{white-space:normal;order:0;grid-column:span 1;min-height:40px;padding:6px}.cp .mobile-extra{order:6;grid-column:span 2;display:none}.cp .mobile-tools-open .mobile-extra:not([hidden]){display:flex}.cp #syncScrollLabel{display:none!important}.cp #compareNoChanges{order:7;grid-column:1/-1;font-size:.75rem}.cp .compare-toggle{gap:7px}.cp .compare-toggle input[type=checkbox]{flex:none;width:18px;height:18px;margin:0}.cp .status-bar{flex-shrink:0;padding:7px 10px}.cp .status-bar>div{flex-wrap:wrap;gap:6px!important}.cp .stats{flex-wrap:wrap;gap:8px;font-size:.68rem}.cp .pill{padding:3px 7px;font-size:.68rem}.cp .inline-alert{flex-shrink:0;max-height:70px;overflow:auto}.cp .compare-stage{flex-direction:column;gap:0}.cp .mobile-compare-tabs{background:var(--panel-alt);border-bottom:1px solid var(--border);flex-shrink:0;gap:6px;padding:6px 8px;display:flex}.cp .mobile-compare-tabs button{flex:1;min-height:40px}.cp .mobile-compare-tabs button[aria-selected=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.cp .compare-pane{min-height:0}.cp .compare-stage[data-mobile-pane=a] .compare-pane-b,.cp .compare-stage[data-mobile-pane=b] .compare-pane-a{display:none}.cp .compare-pane-head{padding:4px 10px}.cp .compare-pane-head button{min-height:36px}.cp .pane-error{max-height:42px;font-size:.65rem;overflow:auto}.cp .code-block{font-size:16px}.cp .line{gap:9px;padding:0 10px}.cp .line:before{width:2.5em;font-size:.7em}.cp .code-scroll{overscroll-behavior:contain}.cp .search-dock{max-height:55%;bottom:8px;overflow:auto;width:auto!important;top:auto!important;left:12px!important;right:12px!important}.cp .search-dock-head{cursor:default;touch-action:auto}.cp .search-dock-body{gap:6px;padding:8px 12px}.cp .search-input{min-height:40px;font-size:16px}.cp .search-dock button{min-width:40px;min-height:40px}.cp .modal-backdrop{padding:12px}.cp .modal-panel{max-height:calc(var(--app-height,100dvh) - 24px)}}@media (width<=700px) and (height<=500px),(height<=500px) and (pointer:coarse){.cp .status-bar{display:none}}