.pi{--pi-bg:#171614;--pi-panel:#1d1c1a;--pi-panel-2:#22211e;--pi-rule:#2c2a26;--pi-rule-2:#3a3731;--pi-ink:#ede8e3;--pi-text:#cfc8bf;--pi-muted:#8e877d;--pi-dim:#6b655c;--pi-gold:#c9a876;--pi-gold-soft:#c9a87624;--pi-ok:#7bd389;--pi-ok-soft:#7bd38924;--pi-warn:#e6c15a;--pi-warn-soft:#e6c15a24;--pi-bad:#f3a2a2;--pi-bad-soft:#f3a2a229;--pi-info:#8fb8e8;--pi-info-soft:#8fb8e824;--pi-sel:#8fb8e82e;--pi-sans:var(--font-geist-sans), Geist, ui-sans-serif, system-ui, sans-serif;--pi-mono:var(--font-geist-mono), "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;color:var(--pi-text);background:var(--pi-bg);border:1px solid var(--pi-rule);font-family:var(--pi-sans);-webkit-font-smoothing:antialiased;border-radius:14px;font-size:12.5px;line-height:1.5;overflow:hidden}.pi *,.pi :before,.pi :after{box-sizing:border-box}.pi button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.pi button:focus-visible,.pi input:focus-visible,.pi select:focus-visible,.pi [tabindex]:focus-visible{outline:2px solid var(--pi-gold);outline-offset:-2px}.pi a{color:var(--pi-info);text-decoration:none}.pi a:hover{text-decoration:underline}.pi-mono,.pi code,.pi pre{font-family:var(--pi-mono);font-size:11.5px}.pi-ink{color:var(--pi-ink)}.pi-muted{color:var(--pi-muted)}.pi-dim{color:var(--pi-dim)}.pi-num{font-variant-numeric:tabular-nums}.pi-nowrap{white-space:nowrap}.pi-break{overflow-wrap:anywhere}.pi-title{border-bottom:1px solid var(--pi-rule);background:var(--pi-panel);align-items:center;gap:12px;padding:10px 16px;display:flex}.pi-dots{gap:6px;display:inline-flex}.pi-dots i{border-radius:50%;width:10px;height:10px;display:block}.pi-title-name{color:var(--pi-ink);font-size:13px;font-weight:600}.pi-title-right{color:var(--pi-muted);white-space:nowrap;margin-left:auto;font-size:11px}.pi-toolbar{border-bottom:1px solid var(--pi-rule);background:var(--pi-panel);scrollbar-width:thin;align-items:stretch;gap:2px;padding:0 8px;display:flex;overflow-x:auto}.pi-tab{color:var(--pi-muted);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:9px 11px;font-size:12.5px;display:inline-flex}.pi-tab:hover{color:var(--pi-text);background:var(--pi-panel-2)}.pi-tab[aria-pressed=true]{color:var(--pi-ink);border-bottom-color:var(--pi-gold)}.pi-tab .pi-count{color:var(--pi-dim);font-family:var(--pi-mono);font-size:10.5px}.pi-tab[aria-pressed=true] .pi-count{color:var(--pi-muted)}.pi-body{grid-template-columns:236px minmax(0,1fr);min-height:620px;display:grid}.pi-body[data-drawer=open]{grid-template-columns:236px minmax(0,1fr) 380px}.pi-side{border-right:1px solid var(--pi-rule);background:var(--pi-panel);scrollbar-width:thin;max-height:780px;overflow:auto}.pi-main{scrollbar-width:thin;min-width:0;max-height:780px;overflow:auto}.pi-drawer{border-left:1px solid var(--pi-rule);background:var(--pi-panel);scrollbar-width:thin;max-height:780px;overflow:auto}@media (max-width:1180px){.pi-body[data-drawer=open]{grid-template-columns:236px minmax(0,1fr)}.pi-drawer{border-left:0;border-top:1px solid var(--pi-rule);grid-column:1/-1;max-height:420px}}@media (max-width:820px){.pi-body,.pi-body[data-drawer=open]{grid-template-columns:minmax(0,1fr)}.pi-side{display:none}.pi-body[data-side=open] .pi-side{border-right:0;border-bottom:1px solid var(--pi-rule);grid-column:1/-1;max-height:320px;display:block}}.pi-tree{padding:8px 6px}.pi-tree-h{color:var(--pi-dim);padding:8px 10px 4px;font-size:11px}.pi-node{text-align:left;width:100%;color:var(--pi-text);border-radius:6px;align-items:center;gap:7px;padding:5px 10px;display:flex}.pi-node:hover{background:var(--pi-panel-2)}.pi-node[aria-current=true]{background:var(--pi-sel);color:var(--pi-ink)}.pi-node .pi-count{color:var(--pi-dim);font-family:var(--pi-mono);margin-left:auto;font-size:10.5px}.pi-node.pi-child{padding-left:30px;font-size:12px}.pi-node svg{opacity:.85;flex:none}.pi-panel{padding:14px 16px 18px}.pi-panel-h{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 10px;display:flex}.pi-panel-h h3{color:var(--pi-ink);margin:0;font-size:13px;font-weight:600}.pi-panel-h .pi-muted{font-size:11.5px}.pi-h4{color:var(--pi-ink);margin:18px 0 8px;font-size:12.5px;font-weight:600}.pi-note{color:var(--pi-muted);max-width:78ch;font-size:11.5px;line-height:1.55}.pi-filters{flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 10px;display:flex}.pi-chip{border:1px solid var(--pi-rule-2);color:var(--pi-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:11.5px;display:inline-flex}.pi-chip[aria-pressed=true]{color:var(--pi-ink);background:var(--pi-gold-soft);border-color:var(--pi-gold)}.pi-chip .pi-count{font-family:var(--pi-mono);color:var(--pi-dim);font-size:10.5px}.pi-search{border:1px solid var(--pi-rule-2);background:var(--pi-bg);border-radius:6px;align-items:center;gap:6px;min-width:160px;padding:3px 9px;display:inline-flex}.pi-search input{color:var(--pi-ink);font:inherit;background:0 0;border:0;width:100%;font-size:12px}.pi-search input::placeholder{color:var(--pi-dim)}.pi-btn{border:1px solid var(--pi-rule-2);color:var(--pi-ink);background:var(--pi-panel-2);white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;display:inline-flex}.pi-btn:hover{border-color:var(--pi-gold)}.pi-btn:disabled{opacity:.5;cursor:default}.pi-pill{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:1px 8px;font-size:11px;line-height:1.6;display:inline-flex}.pi-pill[data-tone=ok]{color:var(--pi-ok);background:var(--pi-ok-soft)}.pi-pill[data-tone=warn]{color:var(--pi-warn);background:var(--pi-warn-soft)}.pi-pill[data-tone=bad]{color:var(--pi-bad);background:var(--pi-bad-soft)}.pi-pill[data-tone=info]{color:var(--pi-info);background:var(--pi-info-soft)}.pi-pill[data-tone=gold]{color:var(--pi-ink);background:var(--pi-gold-soft);border-color:var(--pi-gold)}.pi-pill[data-tone=muted]{color:var(--pi-muted);background:var(--pi-panel-2)}.pi-dot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.pi-dot[data-tone=ok]{background:var(--pi-ok)}.pi-dot[data-tone=warn]{background:var(--pi-warn)}.pi-dot[data-tone=bad]{background:var(--pi-bad)}.pi-dot[data-tone=info]{background:var(--pi-info)}.pi-dot[data-tone=muted]{background:var(--pi-dim)}.pi-table-wrap{border:1px solid var(--pi-rule);background:var(--pi-panel);border-radius:8px;overflow-x:auto}.pi-table{border-collapse:collapse;width:100%;font-size:12px}.pi-table th{z-index:1;text-align:left;color:var(--pi-muted);background:var(--pi-panel-2);border-bottom:1px solid var(--pi-rule);white-space:nowrap;padding:6px 10px;font-size:11.5px;font-weight:500;position:sticky;top:0}.pi-table td{border-bottom:1px solid var(--pi-rule);white-space:nowrap;vertical-align:middle;color:var(--pi-text);padding:5px 10px}.pi-table tr:last-child td{border-bottom:0}.pi-table tbody tr{cursor:pointer}.pi-table tbody tr:hover td{background:var(--pi-panel-2)}.pi-table tbody tr[aria-selected=true] td{background:var(--pi-sel);color:var(--pi-ink)}.pi-table td.pi-r,.pi-table th.pi-r{text-align:right;font-variant-numeric:tabular-nums}.pi-table .pi-name{color:var(--pi-ink);align-items:center;gap:7px;display:inline-flex}.pi-table .pi-name svg{opacity:.8;flex:none}.pi-empty{color:var(--pi-dim);padding:18px 12px}.pi-wf{background:var(--pi-bg);border-radius:2px;width:220px;height:10px;position:relative;overflow:hidden}.pi-wf i{border-radius:2px;min-width:2px;display:block;position:absolute;top:0;bottom:0}.pi-kv{grid-template-columns:minmax(130px,190px) minmax(0,1fr);gap:4px 14px;font-size:12px;display:grid}.pi-kv>div:nth-child(odd){color:var(--pi-muted)}.pi-kv>div:nth-child(2n){color:var(--pi-ink);overflow-wrap:anywhere;min-width:0}@media (max-width:560px){.pi-kv{grid-template-columns:minmax(0,1fr)}.pi-kv>div:nth-child(2n){margin-bottom:6px}}.pi-tiles{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:8px;display:grid}.pi-tile{border:1px solid var(--pi-rule);background:var(--pi-panel);border-radius:8px;min-width:0;padding:9px 11px}.pi-tile>div:first-child{color:var(--pi-muted);align-items:center;gap:6px;font-size:11px;display:flex}.pi-tile>div:nth-child(2){color:var(--pi-ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;font-size:17px;font-weight:600;display:flex}.pi-tile>div:nth-child(3){color:var(--pi-dim);margin-top:2px;font-size:11px}.pi-meter{grid-template-columns:minmax(120px,170px) minmax(0,1fr) 62px;align-items:center;gap:10px;padding:3px 0;font-size:12px;display:grid}.pi-meter .pi-bar{background:var(--pi-bg);border-radius:3px;height:6px;overflow:hidden}.pi-meter .pi-bar i{background:var(--pi-gold);border-radius:3px;height:100%;display:block}.pi-meter[data-tone=bad] .pi-bar i{background:var(--pi-bad)}.pi-meter[data-tone=warn] .pi-bar i{background:var(--pi-warn)}.pi-meter[data-tone=ok] .pi-bar i{background:var(--pi-ok)}.pi-meter .pi-val{text-align:right;font-variant-numeric:tabular-nums;color:var(--pi-ink)}.pi-two{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;display:grid}.pi-card{border:1px solid var(--pi-rule);background:var(--pi-panel);border-radius:8px;min-width:0;padding:11px 13px}.pi-card-h{color:var(--pi-ink);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;font-weight:600;display:flex}.pi-card-h .pi-mono{font-weight:500}.pi-list{margin:6px 0 0;padding-left:18px}.pi-list li{margin:2px 0}.pi-chain{gap:0;margin:0;padding:0;list-style:none;display:grid}.pi-chain li{border-bottom:1px solid var(--pi-rule);grid-template-columns:22px minmax(0,1fr);gap:10px;padding:7px 0;display:grid}.pi-chain li:last-child{border-bottom:0}.pi-chain .pi-step{color:var(--pi-ink)}.pi-chain .pi-step-d{color:var(--pi-muted);overflow-wrap:anywhere;font-size:11.5px}.pi-chain svg{margin-top:2px}.pi-drawer-h{border-bottom:1px solid var(--pi-rule);background:var(--pi-panel);z-index:1;align-items:center;gap:8px;padding:9px 12px;display:flex;position:sticky;top:0}.pi-drawer-h .pi-name{color:var(--pi-ink);overflow-wrap:anywhere;align-items:center;gap:7px;min-width:0;font-weight:600;display:inline-flex}.pi-drawer-h button{color:var(--pi-muted);border-radius:4px;margin-left:auto;padding:2px}.pi-drawer-h button:hover{color:var(--pi-ink);background:var(--pi-panel-2)}.pi-drawer-b{padding:10px 12px 16px}.pi-drawer-b .pi-kv{grid-template-columns:minmax(100px,130px) minmax(0,1fr)}.pi-links{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.pi-links button{border:1px solid var(--pi-rule-2);color:var(--pi-info);border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;display:inline-flex}.pi-links button:hover{border-color:var(--pi-info)}.pi-json{font-family:var(--pi-mono);white-space:pre;background:var(--pi-bg);border:1px solid var(--pi-rule);color:var(--pi-text);border-radius:8px;max-height:560px;padding:10px 12px;font-size:11.5px;line-height:1.55;overflow:auto}.pi-json .k{color:var(--pi-info)}.pi-json .s{color:#d9b48a}.pi-json .n{color:#b5d7a8}.pi-json .b{color:var(--pi-warn)}.pi-json .z{color:var(--pi-dim)}.pi-json details{display:inline}.pi-json summary{cursor:pointer;color:var(--pi-muted);list-style:none;display:inline}.pi-json summary::-webkit-details-marker{display:none}.pi-hex{grid-template-columns:minmax(0,1fr) 300px;gap:14px;display:grid}@media (max-width:900px){.pi-hex{grid-template-columns:minmax(0,1fr)}}.pi-hexdump{font-family:var(--pi-mono);white-space:pre;background:var(--pi-bg);border:1px solid var(--pi-rule);border-radius:8px;max-height:560px;padding:10px 12px;font-size:11.5px;line-height:1.6;overflow:auto}.pi-hexdump .o,.pi-hexdump .a{color:var(--pi-dim)}.pi-hexdump b{border-radius:2px;padding:0 1px;font-weight:400}.pi-hexdump b:hover,.pi-hexdump b[data-on="1"]{outline:1px solid var(--pi-gold)}.pi-fields{align-content:start;gap:4px;display:grid}.pi-field{cursor:default;border:1px solid #0000;border-radius:6px;grid-template-columns:12px minmax(0,1fr);gap:8px;padding:5px 8px;display:grid}.pi-field:hover,.pi-field[data-on="1"]{border-color:var(--pi-rule-2);background:var(--pi-panel-2)}.pi-field i{border-radius:2px;width:10px;height:10px;margin-top:4px;display:block}.pi-field .pi-fn{color:var(--pi-ink);font-size:12px}.pi-field .pi-fv{font-family:var(--pi-mono);color:var(--pi-text);overflow-wrap:anywhere;font-size:11px}.pi-field .pi-fb{color:var(--pi-dim);font-size:10.5px}.pi-sources{grid-template-columns:260px minmax(0,1fr);gap:14px;display:grid}@media (max-width:900px){.pi-sources{grid-template-columns:minmax(0,1fr)}}.pi-doclist{border:1px solid var(--pi-rule);background:var(--pi-panel);border-radius:8px;max-height:620px;overflow:auto}.pi-doclist .pi-tree-h{background:var(--pi-panel);position:sticky;top:0}.pi-doc{text-align:left;width:100%;color:var(--pi-text);grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 10px;font-size:12px;display:grid}.pi-doc:hover{background:var(--pi-panel-2)}.pi-doc[aria-current=true]{background:var(--pi-sel);color:var(--pi-ink)}.pi-doc .pi-count{font-family:var(--pi-mono);color:var(--pi-dim);font-size:10.5px}.pi-doc span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pi-jws{font-family:var(--pi-mono);overflow-wrap:anywhere;white-space:pre-wrap;background:var(--pi-bg);border:1px solid var(--pi-rule);border-radius:8px;max-height:260px;padding:10px 12px;font-size:11px;line-height:1.55;overflow:auto}.pi-jws .h{color:var(--pi-info)}.pi-jws .p{color:var(--pi-text)}.pi-jws .g{color:var(--pi-gold)}.pi-tl-wrap{border:1px solid var(--pi-rule);background:var(--pi-panel);border-radius:8px;overflow-x:auto}.pi-tl-wrap svg{display:block}.pi-tl-wrap text{font-family:var(--pi-mono);fill:var(--pi-muted);font-size:10.5px}.pi-tl-wrap .lane-label{font-family:var(--pi-sans);fill:var(--pi-ink);font-size:11.5px}.pi-tl-wrap .grid{stroke:var(--pi-rule)}.pi-tl-wrap .lane{fill:#0000}.pi-tl-wrap .lane:nth-child(2n){fill:#ffffff04}.pi-tl-wrap [data-hit]{cursor:pointer}.pi-graph{border:1px solid var(--pi-rule);background:var(--pi-panel);border-radius:8px;position:relative;overflow:hidden}.pi-graph canvas{cursor:grab;width:100%;height:520px;display:block}.pi-legend{border:1px solid var(--pi-rule);color:var(--pi-muted);background:#171614d9;border-radius:6px;flex-wrap:wrap;gap:10px;padding:6px 10px;font-size:11px;display:flex;position:absolute;bottom:10px;left:10px}.pi-legend i{vertical-align:-1px;border-radius:50%;width:9px;height:9px;margin-right:5px;display:inline-block}.pi-console{border-top:1px solid var(--pi-rule);background:var(--pi-bg)}.pi-console-h{border-bottom:1px solid var(--pi-rule);background:var(--pi-panel);color:var(--pi-muted);align-items:center;gap:8px;padding:6px 12px;font-size:11.5px;display:flex}.pi-console-h .pi-chip{padding:1px 7px}.pi-console-b{max-height:260px;font-family:var(--pi-mono);scrollbar-width:thin;font-size:11px;overflow:auto}.pi-log{border-bottom:1px solid var(--pi-rule);color:var(--pi-text);grid-template-columns:62px 14px minmax(0,1fr) 70px 70px;align-items:start;gap:8px;padding:3px 12px;display:grid}.pi-log:last-child{border-bottom:0}.pi-log .t{color:var(--pi-dim)}.pi-log .m{overflow-wrap:anywhere;white-space:pre-wrap}.pi-log .d{color:var(--pi-muted)}.pi-log .r{text-align:right;color:var(--pi-dim);font-variant-numeric:tabular-nums}.pi-log[data-level=bad] .m{color:var(--pi-bad)}.pi-log[data-level=warn] .m{color:var(--pi-warn)}.pi-log[data-level=ok] .m{color:var(--pi-ink)}@media (max-width:700px){.pi-log{grid-template-columns:52px 14px minmax(0,1fr)}.pi-log .r{display:none}}.pi-status{border-top:1px solid var(--pi-rule);background:var(--pi-panel);color:var(--pi-muted);flex-wrap:wrap;align-items:center;gap:14px;padding:6px 14px;font-size:11.5px;display:flex}.pi-status>span{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.pi-status .pi-num{color:var(--pi-ink)}.pi-status .pi-right{margin-left:auto}.pi-loading{color:var(--pi-muted);align-items:center;gap:10px;padding:48px 20px;display:flex}.pi-spin{animation:1s linear infinite pi-spin}@keyframes pi-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.pi-spin{animation:none}}.pi-error{grid-template-columns:20px minmax(0,1fr);gap:12px;padding:40px 22px;display:grid}.pi-error-t{color:var(--pi-ink);font-size:15px;font-weight:600}.pi-error-d{color:var(--pi-muted);max-width:70ch;margin-top:4px}.pi-idle{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;padding:24px 22px 28px;display:grid}.pi-idle-t{color:var(--pi-ink);font-size:15px;font-weight:600}.pi-idle p{color:var(--pi-muted);max-width:48ch;margin:6px 0 0}.pi-idle-list{border:1px solid var(--pi-rule);border-radius:8px}.pi-idle-list>div{border-bottom:1px solid var(--pi-rule);grid-template-columns:24px 128px minmax(0,1fr);align-items:start;gap:10px;padding:8px 12px;font-size:12px;display:grid}.pi-idle-list>div:last-child{border-bottom:0}.pi-idle-list>div>span:nth-child(2){color:var(--pi-ink)}.pi-idle-list>div>span:nth-child(3){color:var(--pi-muted)}.pi-idle-list svg{color:var(--pi-gold);margin-top:1px}.pi-verification{border-bottom:1px solid var(--pi-rule);background:var(--pi-panel);flex-wrap:wrap;gap:6px;padding:10px 16px;display:flex}.pi-rot{transform:rotate(90deg)}