:root{color-scheme:dark;--bg: #0d0d0f;--bg-1: #111114;--bg-2: #1a1a1e;--bg-3: #202025;--line: rgba(255,255,255,.07);--line-strong: rgba(255,255,255,.13);--text: #e8e8ea;--muted: #9a9aa6;--text-3: #63636e;--accent: #f5a623;--accent-dim: rgba(245,166,35,.12);--accent-2: #7c8ff2;--ok: #46d689;--warn: #e8b339;--bad: #f26d6d;--mono: "SFMono-Regular", "JetBrains Mono", Consolas, monospace;--r: 8px;--shadow: 0 1px 2px rgba(0,0,0,.4), 0 6px 18px rgba(0,0,0,.25);--bg-soft: #111114;--card: #1a1a1e;--card-2: #202025;--sider: #111114;--border: rgba(255,255,255,.07)}*{box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:8px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#ffffff4d;background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}table:not(.md){table-layout:fixed;width:100%}table td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.md table td{white-space:normal;overflow:visible;text-overflow:clip;max-width:none}.trunc-wrap{display:inline-block;max-width:100%;min-width:0}.trunc{display:inline-block;max-width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}.trunc-tip{position:fixed;z-index:1000;width:max-content;max-width:min(420px,80vw);max-height:85vh;overflow:auto;background:#232329;border:1px solid rgba(255,255,255,.14);border-radius:6px;box-shadow:0 8px 24px #0000008c;pointer-events:auto}.trunc-tip-body{color:#e8e8ea;padding:8px 12px;font-size:12px;font-family:var(--mono);line-height:1.5;white-space:pre-wrap;word-break:break-all}.trunc-tip-line{padding:1px 0}.trunc-tip-copied{position:sticky;bottom:8px;left:8px;display:block;width:max-content;margin:0 12px 8px;padding:2px 10px;border-radius:99px;background:#46d68929;color:var(--ok);font-size:11px;font-weight:600}.hint-trig{cursor:pointer;-webkit-user-select:none;user-select:none}.hint-trig:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.panel .k .tag-why{color:var(--text-3)}.panel .k .tag-why:hover{background:var(--accent-dim);color:var(--accent)}.hint-tip{border-radius:3px;width:max-content;min-width:min(240px,92vw);max-width:min(440px,92vw)}.hint-tip .trunc-tip-body{font-family:inherit;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;line-height:1.6}.hint-tip-title{display:block;padding:9px 12px 0;color:var(--accent);font-size:12px;font-weight:650}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}.app{display:flex;flex-direction:column;height:100%}.topbar{position:sticky;top:10px;z-index:50;height:52px;margin:10px 12px 0;display:flex;align-items:center;flex-shrink:0;padding:0 8px;background:#ffffff0d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:14px}.topbar .brand{display:flex;align-items:center;gap:1px;padding:0 14px;font-size:17px;font-weight:700;color:#fff;letter-spacing:.3px;flex-shrink:0}.topbar .brand svg{display:block}.topbar nav{flex:1;min-width:0;display:flex;align-items:center;overflow-x:auto;scrollbar-width:none}.topbar nav::-webkit-scrollbar{display:none}.topbar nav a{display:flex;align-items:center;gap:6px;color:var(--muted);text-decoration:none;padding:6px 16px;font-size:13.5px;border-radius:10px;white-space:nowrap}.topbar nav a .ic{font-size:13px;opacity:.75}.topbar nav a:hover{color:var(--text);background:#ffffff0d}.topbar nav a.active{color:var(--accent);background:var(--accent-dim);font-weight:600}.topbar .online{display:flex;align-items:center;padding:0 10px;flex-shrink:0}.topbar .online i{width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 6px var(--ok)}.topbar .online.off i{background:var(--bad);box-shadow:0 0 6px var(--bad)}.target-tag{display:inline-flex;align-items:center;gap:8px;vertical-align:middle;margin-left:6px}.target-tag .target-pid{font-size:14px;font-weight:400;color:var(--muted)}.target-tag .target-name{font-size:14px;font-weight:400;color:var(--text);max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.target-tag .target-x{width:20px;height:20px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--muted);border:1px solid var(--line-strong);font-size:12px;line-height:1;font-weight:600}.target-tag .target-x:hover{color:var(--bad);border-color:var(--bad);filter:none}.main{flex:1;display:flex;flex-direction:column;min-width:0}.content{flex:1;overflow:auto;padding:18px 22px 250px}h1{font-size:20px;margin:0 0 14px;font-weight:650}h2{font-size:14px;margin:0 0 12px;font-weight:600}.crumbbar{display:flex;align-items:center;gap:12px;height:40px;margin:-6px 0 14px;border-bottom:1px solid var(--line)}.crumbbar .crumb{color:var(--muted);font-size:13px}.crumbbar .crumb b{color:var(--text);font-weight:600}.crumbbar .tag{font-size:11.5px;padding:2px 10px;border-radius:20px;background:var(--accent-dim);color:var(--accent);font-family:var(--mono);font-weight:600}.crumbbar .snap{color:var(--text-3);font-size:12px;font-family:var(--mono)}.seg{margin-bottom:22px}.card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:16px;margin-bottom:14px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:top}th{color:var(--text-3);font-weight:600;background:#ffffff05;font-size:11.5px;letter-spacing:.4px}tr:hover td{background:#ffffff08}tr:last-child td{border-bottom:none}button,.btn{background:var(--accent);color:#1c1200;border:none;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer}button:hover,.btn:hover{filter:brightness(1.08)}button:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--line-strong)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);filter:none}.btn-danger{background:var(--bad)}.btn-sm{padding:5px 13px;font-size:12px}input:not([type]),input[type=text],input[type=number],input[type=search],input[type=password],input[type=email],input[type=url],input[type=tel],textarea,select{background:var(--bg-1);color:var(--text);border:1px solid var(--line-strong);border-radius:6px;padding:7px 10px;font-size:13px;width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--text-3)}label{color:var(--muted);font-size:12px;display:block;margin-bottom:4px}.grid{display:grid;gap:12px}.g-4{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.g-2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.checkbox-row{display:flex;gap:14px;flex-wrap:wrap}.checkbox-row label{color:var(--text);font-size:13px;margin-bottom:0;display:inline-flex;align-items:center;gap:6px}.checkbox-row input{width:auto}select option,select optgroup{background:var(--bg-1);color:var(--text)}input:-webkit-autofill,input:-webkit-autofill:focus,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-text-fill-color:var(--text);caret-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--bg-1) inset;box-shadow:0 0 0 1000px var(--bg-1) inset;transition:background-color 9999s ease-out 0s}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}.grp{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:22px}.grp h3{grid-column:1/-1;display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--text);margin:6px 0 0}.grp h3:before{content:"";width:3px;height:13px;border-radius:2px;background:var(--accent)}.panel{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;transition:border-color .15s}.panel:hover{border-color:var(--line-strong)}.panel .k{color:var(--muted);font-size:11.5px;margin-bottom:6px;display:flex;justify-content:space-between;align-items:center}.panel .k .tag{font-size:10.5px;padding:1px 7px;border-radius:10px;background:#ffffff0f;color:var(--text-3)}.panel .v{font-family:var(--mono);font-size:18px;font-weight:650;letter-spacing:.2px}.panel .v.acc{color:var(--accent)}.panel .sub{color:var(--text-3);font-size:11.5px;margin-top:4px;font-family:var(--mono)}.panel .bar{height:3px;border-radius:99px;background:#ffffff0f;margin-top:8px;overflow:hidden}.panel .bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.bar{height:3px;border-radius:99px;background:#ffffff0f;overflow:hidden}.bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.metric{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px}.metric .k{color:var(--muted);font-size:11.5px;margin-bottom:6px}.metric .v{font-size:16px;font-weight:650;font-family:var(--mono)}.banner{background:linear-gradient(90deg,var(--accent-dim),rgba(245,166,35,.03));border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--r);padding:14px 18px;margin-bottom:18px}.banner .cls{font-family:var(--mono);font-weight:700;color:var(--accent);font-size:15px}.banner .why{color:var(--muted);font-size:12.5px;margin-top:4px}.caps{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.caps span{font-size:12px;padding:4px 12px;border-radius:99px;border:1px solid var(--line-strong);color:var(--muted);font-family:var(--mono)}.caps span.ok{background:#46d68914;border-color:#46d68959;color:var(--ok)}.caps span.acc{background:var(--accent-dim);border-color:transparent;color:var(--accent)}.ptag{display:inline-block;padding:1px 8px;border-radius:99px;font-size:11px;font-weight:600}.ptag.jvm{background:#f5a62324;color:var(--accent)}.ptag.kernel{background:#ffffff0f;color:var(--muted)}.ptag.system{background:#c08df224;color:#c08df2}.ptag.user{background:#46d6891f;color:var(--ok)}.lv-OK{color:var(--ok)}.lv-DEGRADED{color:var(--warn)}.lv-UNAVAILABLE{color:var(--bad)}.pill{display:inline-block;padding:4px 12px;border-radius:99px;font-size:12px;border:1px solid;margin-right:8px;margin-bottom:4px;font-family:var(--mono)}.pill.asprof{border-color:#f5a62373;color:var(--accent);background:var(--accent-dim)}.pill.ebpf{border-color:#46d68959;color:var(--ok)}.pill.perf{border-color:#e8b33966;color:var(--warn)}.pill.bpftrace{border-color:#7c8ff273;color:var(--accent-2)}.pill.jfr{border-color:#c08df273;color:#c08df2}.pill.c2c{border-color:#f26d6d66;color:var(--bad)}.badge{padding:4px 11px;border-radius:99px;font-size:12px;font-weight:600}.badge.running{background:#e8b3391f;color:var(--warn)}.badge.done{background:#46d6891f;color:var(--ok)}.badge.error{background:#f26d6d1f;color:var(--bad)}.logbar{position:fixed;left:0;right:0;bottom:0;height:210px;background:var(--bg-1);border-top:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.logbar.collapsed{height:34px}.logbar-head{display:flex;align-items:center;gap:10px;padding:6px 14px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.logbar-head .dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 6px var(--ok)}.logbar-head .dot.off{background:var(--bad);box-shadow:0 0 6px var(--bad)}.logbar-head button{background:transparent;color:var(--text-3);border:none;font-size:12px;padding:2px 8px;border-radius:4px;cursor:pointer}.logbar-head button:hover{background:#ffffff0d;color:var(--text)}.logbar-body{flex:1;overflow:auto;padding:8px 14px;font-family:var(--mono);font-size:12px;line-height:1.55;white-space:pre-wrap;word-break:break-all}.logbar-body .t{color:var(--text-3);margin-right:8px}.md{line-height:1.7}.md h1,.md h2,.md h3,.md h4{margin:16px 0 8px}.md pre{background:var(--bg-1);border:1px solid var(--line);padding:12px;border-radius:6px;overflow:auto;font-family:var(--mono);font-size:12.5px}.md code{font-family:var(--mono);background:#ffffff0f;padding:1px 5px;border-radius:4px;font-size:12.5px}.md pre code{background:none;padding:0}.md table{margin:8px 0}.md blockquote{border-left:3px solid var(--line-strong);margin:8px 0;padding:2px 12px;color:var(--muted)}.muted{color:var(--muted)}.mono{font-family:var(--mono)}.spacer{flex:1}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.mt{margin-top:14px}.msg{padding:10px 14px;border-radius:var(--r);margin-bottom:12px;font-size:13px}.msg.err{background:#f26d6d1a;border:1px solid rgba(242,109,109,.35)}.msg.ok{background:#46d6891a;border:1px solid rgba(70,214,137,.35)}.msg.info{background:#f5a62314;border:1px solid rgba(245,166,35,.3)}.pmask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:20px}.pdlg{width:min(980px,96vw);max-height:86vh;display:flex;flex-direction:column;background:var(--bg-2);border:1px solid var(--line-strong);border-radius:12px;box-shadow:var(--shadow)}.pdlg-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);flex-shrink:0}.pdlg-head h2{margin:0}.pdlg-x{width:24px;height:24px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--muted);border:1px solid var(--line-strong);font-size:14px;line-height:1;font-weight:600}.pdlg-x:hover{color:var(--bad);border-color:var(--bad);filter:none}.pdlg-body{padding:12px 16px 16px;overflow:auto}.pdlg .pick-row{cursor:pointer}.pdlg .pick-row:hover td{background:var(--accent-dim)}.card-h{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:8px}.card-h:hover{color:var(--accent)}.card-arrow{font-size:12px;color:var(--muted);transition:transform .15s;display:inline-block}.card-arrow.off{transform:rotate(-90deg)}.collect-tab{position:fixed;right:14px;top:50%;z-index:40;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-2);border:1px solid var(--line-strong);cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow);transition:transform .18s,border-color .18s}.collect-tab:hover{transform:translateY(-50%) scale(1.08);border-color:var(--accent)}.collect-tab .dot{width:12px;height:12px;border-radius:50%;background:var(--muted);transition:background .18s}.collect-tab.on{border-color:#46d68973}.collect-tab.on .dot{background:var(--ok);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@media (max-width: 760px){.collect-tab{right:10px;width:36px;height:36px}}.error-text{color:var(--bad)}iframe.flame{width:100%;height:620px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-1)}.artifact{margin-bottom:18px}.subtabs{display:flex;gap:2px;margin-bottom:14px;border-bottom:1px solid var(--line)}.subtab{background:transparent;color:var(--muted);border:none;border-bottom:2px solid transparent;border-radius:0;padding:8px 16px;font-size:13.5px;font-weight:600;cursor:pointer}.subtab:hover{color:var(--text);filter:none}.subtab.on{color:var(--accent);border-bottom-color:var(--accent)}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:99px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:#ffffff4d;background-clip:content-box}*::-webkit-scrollbar-corner{background:transparent}.card table{table-layout:fixed;width:100%}.card table th,.card table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md table{table-layout:auto}.md table th,.md table td{white-space:normal;overflow:visible;text-overflow:clip}@media (max-width: 1024px){.topbar nav a{padding:6px 12px}.content{padding:14px 14px 240px}}@media (max-width: 760px){body{display:block;height:auto;min-height:100vh}.topbar{top:6px;height:46px;margin:6px 8px 0;padding:0 6px}.topbar .brand{font-size:15px;padding:0 8px;gap:1px}.topbar .brand svg{width:19px;height:19px}.topbar nav a{padding:5px 10px;font-size:13px}.main{height:auto;min-height:calc(100vh - 58px)}.content{padding:12px 10px 190px}.target-tag .target-name{max-width:38vw}.grp{gap:8px}.panel{padding:10px 12px}.panel .v{font-size:15px}.banner{padding:10px 12px}.logbar{height:170px}.logbar-body{font-size:11px}table{display:block;overflow-x:auto;white-space:nowrap}.table-x>table{display:table;overflow-x:visible}iframe.flame{height:400px}}.trace-row{display:flex;align-items:center;gap:8px;padding:3px 0;font-size:12px;line-height:1.55;white-space:nowrap}.trace-row .tr-conn{color:var(--text-3);white-space:pre;font-family:var(--mono)}.trace-row .tr-cost{min-width:66px;text-align:right;color:var(--accent);font-family:var(--mono);font-variant-numeric:tabular-nums}.trace-row .tr-bar{flex:0 0 96px;height:6px;border-radius:3px;background:var(--bg-3);overflow:hidden}.trace-row .tr-bar i{display:block;height:100%;background:var(--accent);opacity:.8}.trace-row .tr-pct{min-width:38px;text-align:right;color:var(--muted);font-family:var(--mono);font-variant-numeric:tabular-nums}.trace-row .tr-name{overflow:hidden;text-overflow:ellipsis;color:var(--text)}@media (max-width: 760px){.trace-row{font-size:11px;gap:6px}.trace-row .tr-bar{flex-basis:56px}}.feed{border:1px solid var(--line);border-radius:var(--r);background:var(--bg-1);padding:8px 12px;max-height:340px;overflow:auto}.feed-line{display:flex;align-items:baseline;gap:8px;font-size:12px;line-height:1.7;font-family:var(--mono)}.feed-line .t{color:var(--text-3);white-space:nowrap}.feed-line .d{color:var(--muted)}