:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f6f3;--surface:#fcfcfb;--sunken:#efefea;--ink:#1b1d24;--muted:#565b68;--rule:#dcdcd5;--accent:#2346c4;--accent-ink:#fff;--traces:#2346c4;--metrics:#0f7f56;--logs:#a85f00;--error:#c0262d;--focus:#2346c4;--select:#e3e8fb;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "Cascadia Mono", Menlo, Consolas, monospace;--radius:8px;--width:1200px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#101219;--surface:#171a23;--sunken:#0d0f15;--ink:#e9ebf1;--muted:#a5abba;--rule:#2c3140;--accent:#6f8cf0;--accent-ink:#0d0f15;--traces:#6f8cf0;--metrics:#2fa77c;--logs:#bd8028;--error:#f0686a;--focus:#93abff;--select:#252c44}}:root[data-theme=dark]{--bg:#101219;--surface:#171a23;--sunken:#0d0f15;--ink:#e9ebf1;--muted:#a5abba;--rule:#2c3140;--accent:#6f8cf0;--accent-ink:#0d0f15;--traces:#6f8cf0;--metrics:#2fa77c;--logs:#bd8028;--error:#f0686a;--focus:#93abff;--select:#252c44}*{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%}body{max-width:var(--width);background:var(--bg);color:var(--ink);font:16px/1.5 var(--font);margin:0 auto;padding:0 16px 32px}h1,h2,h3,h4,p{margin:0}h2{font-size:1.15rem;line-height:1.3}h3{margin-top:16px;font-size:1rem}h4{color:var(--muted);margin:14px 0 4px;font-size:.8rem;font-weight:600}code,pre{font-family:var(--mono);font-size:.875em}pre{background:var(--sunken);border-radius:6px;margin:0;padding:10px 12px;line-height:1.45;overflow:auto}a{color:var(--accent)}button,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.skip{background:var(--surface);border-radius:6px;padding:8px 12px;position:absolute;top:-64px;left:8px}.skip:focus{top:8px}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;padding:18px 0 14px;display:flex}.wordmark{font-family:var(--mono);letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.lead{color:var(--muted)}.links{flex-wrap:wrap;align-items:center;gap:4px 14px;font-size:.95rem;display:flex}.theme,.plain{background:var(--surface);border:1px solid var(--rule);cursor:pointer;border-radius:6px;min-height:36px;padding:4px 12px}.plain:hover,.theme:hover{border-color:var(--accent)}main{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);min-width:0;padding:16px}.card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.split{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:14px;display:grid}.split.even{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.quiet{color:var(--muted);font-size:.875rem}.empty{color:var(--muted);padding:20px 0;list-style:none}.privacy{color:var(--muted);margin-top:4px}.actions{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.action{background:var(--accent);min-height:76px;color:var(--accent-ink);text-align:left;cursor:pointer;border:0;border-radius:6px;grid-template-columns:minmax(0,1fr);align-content:start;gap:2px;padding:10px 12px;display:grid}.action strong{font-size:.95rem;line-height:1.25}.action span{font-size:.78rem;line-height:1.25}.action:hover{filter:brightness(1.12)}.action:active{transform:translateY(1px)}.toolbar{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:12px;display:flex}.check{align-items:center;gap:6px;min-height:36px;font-size:.9rem;display:inline-flex}.result{min-width:0;color:var(--muted);flex:260px;font-size:.9rem}.stats{border-top:1px solid var(--rule);grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:14px 0 0;padding-top:12px;display:grid}.stats dt{color:var(--muted);font-size:.75rem;line-height:1.25}.stats dd{font-family:var(--mono);font-variant-numeric:tabular-nums;margin:0;font-size:1.15rem}.legend{color:var(--muted);flex-wrap:wrap;gap:4px 14px;margin:8px 0 0;padding:0;font-size:.8rem;list-style:none;display:flex}.legend li{align-items:center;gap:6px;display:inline-flex}.key{vertical-align:baseline;border-radius:50%;flex:none;width:10px;height:10px;margin-right:6px;display:inline-block}.legend .key{margin-right:0}.key-traces,.packet-traces{background:var(--traces)}.key-metrics,.packet-metrics{background:var(--metrics)}.key-logs,.packet-logs{background:var(--logs)}.key-bar{background:var(--traces);border-radius:2px;width:22px;height:8px}.key-log-mark{background:var(--logs);border-radius:1px;width:9px;height:9px;transform:rotate(45deg)}.key-failed{background:var(--error);border-radius:2px;width:22px;height:8px}.waterfall{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:10px;display:grid}.trace{border:1px solid var(--rule);border-radius:6px;min-width:0}.trace-head{border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:baseline;gap:2px 10px;padding:6px 8px;font-size:.85rem;display:flex}.trace-name{font-weight:600}.trace-meta{color:var(--muted)}.trace-id{color:var(--muted);margin-left:auto}.rows{margin:0;padding:2px;list-style:none}.span-row{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;grid-template-columns:minmax(0,36%) minmax(0,1fr) 4.6em;align-items:center;gap:8px;width:100%;min-height:30px;padding:2px 6px;font-size:.85rem;display:grid}.span-row:hover{background:var(--sunken)}.span-row.is-selected{background:var(--select)}.span-row.is-new{animation:.7s ease-out arrive}@keyframes arrive{0%{background:var(--select);opacity:.2}}.span-name{min-width:0;padding-left:calc(var(--depth) * 12px);align-items:center;gap:6px;display:flex}.span-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track{height:12px;position:relative}.bar{background:var(--traces);border-radius:2px;height:8px;position:absolute;top:2px}.bar-error{background:var(--error)}.log-mark{background:var(--logs);width:8px;height:8px;box-shadow:0 0 0 2px var(--surface);border-radius:1px;margin-left:-4px;position:absolute;top:2px;transform:rotate(45deg)}.span-time{color:var(--muted);font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right;font-size:.78rem}.tag{border:1px solid var(--rule);color:var(--muted);font-family:var(--mono);border-radius:4px;flex:none;padding:0 5px;font-size:.7rem;line-height:1.5}.tag-error{border-color:var(--error);color:var(--error)}.detail{max-height:40rem;overflow:auto}.detail-head h3{overflow-wrap:anywhere;margin:0;font-size:1.05rem}.attrs{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:2px 10px;margin:0;font-size:.82rem;display:grid}.attrs dt{color:var(--muted);font-family:var(--mono);overflow-wrap:anywhere}.attrs dd{font-family:var(--mono);overflow-wrap:anywhere;margin:0}.event{margin-top:6px;font-size:.85rem}.raw{margin-top:14px;font-size:.85rem}.raw pre{max-height:16rem;margin-top:6px}.lanes{margin-top:10px}.lane{grid-template-columns:8em minmax(0,1fr);align-items:center;gap:8px;display:grid}.lane-name{font-family:var(--mono);font-size:.8rem}.lane-track{border-bottom:1px solid var(--rule);height:46px;margin-right:18px;position:relative}.packet{width:var(--size);height:var(--size);border:2px solid var(--surface);cursor:pointer;border-radius:50%;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.packet:after{content:"";position:absolute;inset:-6px}.packet.is-selected{outline:2px solid var(--ink);outline-offset:1px}.axis{color:var(--muted);justify-content:space-between;margin:4px 18px 0 calc(8em + 8px);font-size:.75rem;display:flex}.readout{min-height:1.5em;margin-top:6px}.scroller{margin-top:8px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.85rem}caption{text-align:left;padding-bottom:4px}th,td{border-bottom:1px solid var(--rule);text-align:left;padding:4px 6px}th{color:var(--muted);font-weight:600}.num{font-variant-numeric:tabular-nums;text-align:right}tr.is-selected td{background:var(--select)}.link-button{min-height:28px;color:var(--accent);font-family:var(--mono);cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:.82rem;text-decoration:underline}.payload{height:24rem;margin-top:8px}.histograms,.histogram{margin-top:10px}.histogram-head{font-size:.85rem}.bucket{grid-template-columns:6.5em minmax(0,1fr) 2.5em;align-items:center;gap:8px;min-height:20px;font-size:.78rem;display:grid}.bucket-label{color:var(--muted)}.bucket-track{height:8px}.bucket-bar{background:var(--metrics);border-radius:0 2px 2px 0;min-width:2px;height:8px;display:block}.bucket-count{font-family:var(--mono);text-align:right}.logs{margin:8px 0 0;padding:0;list-style:none}.log{border-bottom:1px solid var(--rule);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:4px 0;font-size:.85rem;display:grid}.log-body{overflow-wrap:anywhere}.options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0;display:grid}.options label{font-family:var(--mono);overflow-wrap:anywhere;grid-template-columns:minmax(0,1fr);gap:2px;font-size:.75rem;display:grid}select{background:var(--surface);border:1px solid var(--rule);border-radius:6px;width:100%;min-height:36px;padding:4px 6px}#config{margin-top:6px}#ids-title+p+.attrs{margin-top:8px}#id-before{margin-top:6px}.plain-list{margin:4px 0 0;padding-left:18px;font-size:.9rem}.prose ol{margin:8px 0;padding-left:20px}.prose p{margin-top:8px}.install{align-items:center;gap:8px;margin-top:6px;display:flex}.install pre{flex:1 1 0;min-width:0}.foot{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding-top:18px;font-size:.8rem;display:flex}@media (max-width:1000px){.actions{grid-template-columns:repeat(3,minmax(0,1fr))}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:860px){.split,.split.even{grid-template-columns:minmax(0,1fr)}.detail{max-height:26rem}}@media (max-width:560px){body{padding:0 10px 24px}.card{padding:12px}.actions,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.span-row{grid-template-columns:minmax(0,1fr) auto;row-gap:2px}.track{grid-area:2/1/auto/-1}.lane{grid-template-columns:minmax(0,1fr);gap:0}.axis{margin-left:0}.options{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (forced-colors:active){.bar,.packet,.bucket-bar,.log-mark{forced-color-adjust:none;background:canvastext}}