:root{font-synthesis:none;color:#27313b;--line:#d5dce1;--muted:#62707b;--blue:#225b84;--mono:ui-monospace, SFMono-Regular, Consolas, monospace;background:#f4f5f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #3973a0}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.app-header{border-bottom:1px solid var(--line);background:#fafbfc;align-items:center;gap:18px;height:52px;padding:0 24px;display:flex}.brand{letter-spacing:-.5px;font-size:17px;font-weight:650}.app-label{border-left:1px solid var(--line);color:var(--muted);padding-left:18px;font-size:12px}.local-note{color:var(--muted);margin-left:auto;font-size:11px}.app-header>a:last-child{font-size:12px}main{max-width:1680px;margin:auto;padding:18px 24px}.source-strip{justify-content:space-between;align-items:center;gap:20px;padding-bottom:18px;display:flex}.source-info{align-items:center;gap:12px;min-width:0;display:flex}.source-icon{font-family:var(--mono);color:#5f7384;background:#fff;border:1px solid #adb9c3;border-radius:2px;padding:13px 5px;font-size:9px}.source-info>div{min-width:0}h1{overflow-wrap:anywhere;margin:0;font-size:15px;font-weight:600;line-height:1.5}.badge{color:#587083;vertical-align:middle;background:#f4f7fa;border:1px solid #c2cdd6;border-radius:3px;margin-left:9px;padding:2px 6px;font-size:10px;font-weight:400;display:inline-block}.file-source{color:#516947;background:#f0f5ee;border-color:#c7d4c0}.source-info p{color:var(--muted);margin:6px 0 0;font-size:11px;line-height:1.5}.source-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.text-button{color:#41637d;background:0 0;border:0;padding:7px 0;font-size:12px}.text-button[aria-pressed=true]{text-underline-offset:5px;text-decoration:underline}.primary,.secondary{background:#fff;border:1px solid #bbc6cd;border-radius:3px;padding:8px 11px;font-size:12px;line-height:1.3}.primary{background:var(--blue);border-color:var(--blue);color:#fff}.secondary:hover:not(:disabled){background:#edf2f6}.file-button{cursor:pointer;display:block;position:relative}.file-button:hover{background:#17496e}.file-button input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.file-button:focus-within{outline-offset:3px;outline:2px solid #3973a0}#error:empty{display:none}#error{color:#8b3620;background:#fff5ef;border:1px solid #dbaea0;margin-bottom:14px;padding:10px 13px;font-size:12px;line-height:1.6}.workbench{background:#fff;border:1px solid #becad3;border-radius:4px;overflow:hidden}.capture-summary{border-bottom:1px solid var(--line);color:var(--muted);background:#eef2f5;flex-wrap:wrap;align-items:center;gap:12px 21px;padding:10px 14px;font-size:11px;display:flex}.capture-summary strong{color:#344a5b;font-weight:500;font-family:var(--mono);font-size:12px}.summary-scope{color:#657483;border-right:1px solid #bcc9d1;padding-right:18px}.capture-summary .has-errors,.capture-summary .has-errors strong{color:#994c39}.toolbar{border-bottom:1px solid var(--line);align-items:center;gap:9px;padding:12px 14px;display:flex}.search{flex:1;min-width:160px;max-width:460px}.search input{background:#fff;border:1px solid #c0ccd5;border-radius:3px;width:100%;padding:8px 10px;font-size:12px;line-height:1.4}select{color:#3c4c58;background:#fff;border:1px solid #c0ccd5;border-radius:3px;min-width:130px;padding:8px 7px;font-size:12px}#result-count{font:11px var(--mono);color:var(--muted);white-space:nowrap;margin-left:auto}#reset-view{white-space:nowrap;padding:7px;font-size:11px}.outlier-controls{border-bottom:1px solid var(--line);background:#fafbfc;align-items:center;gap:8px;padding:9px 14px;display:flex}.outlier-label{color:#6e7e8a;margin-right:4px;font-size:11px}.outlier{background:#fff;border:1px solid #cad4db;border-radius:3px;align-items:center;gap:7px;min-width:0;padding:6px 8px;font-size:11px;display:inline-flex}.outlier strong{font-family:var(--mono);white-space:nowrap;font-weight:500}.outlier>span:first-child{color:#596e7d}.outlier-path{white-space:nowrap;text-overflow:ellipsis;max-width:165px;font-family:var(--mono);color:#75828b;overflow:hidden}.outlier:hover:not(:disabled),.outlier[aria-pressed=true]{background:#edf4f9;border-color:#91acc0}.outlier.failure{color:#94503d;margin-left:auto}.workspace{grid-template-columns:minmax(0,1fr) 310px;display:grid}.request-pane{min-width:0}.request-scroll{scrollbar-width:thin;scrollbar-color:#bac6cf #f3f6f8;height:clamp(360px,100vh - 351px,640px);overflow:auto}.table-head,.request{grid-template-columns:minmax(230px,1.1fr) 94px minmax(230px,1fr);align-items:center;gap:12px;min-width:620px;display:grid}.table-head{z-index:1;color:#6b7b87;background:#f5f7f9;border-bottom:1px solid #cbd5dc;padding:9px 14px;font-size:10px;font-weight:500;position:sticky;top:0}.table-head>span:nth-child(2){text-align:right}.request{text-align:left;background:#fff;border:0;border-bottom:1px solid #e7ebef;border-radius:0;width:100%;min-height:54px;padding:10px 14px}.request:nth-child(2n){background:#fafbfc}.request:hover{background:#eff5fa}.request.selected{background:#e7f0f7;box-shadow:inset 3px 0 #477d9e}.request-name{align-items:center;gap:10px;min-width:0;display:flex}.request-name>span:last-child{min-width:0}.request-name strong{white-space:nowrap;text-overflow:ellipsis;font:11px/1.5 var(--mono);color:#344a5b;display:block;overflow:hidden}.request-name small{color:#75818b;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:10px;display:block;overflow:hidden}.status{font:10px var(--mono);color:#557348;min-width:28px}.status.bad{color:#a63f2d;font-weight:600}.bytes{font:11px var(--mono);color:#5d6c76;text-align:right}.timeline{align-items:center;gap:12px;display:flex}.duration{font:11px var(--mono);color:#465d6e;text-align:right;min-width:56px}.track{background:repeating-linear-gradient(90deg,#0000 0 calc(25% - 1px),#e6ebef calc(25% - 1px) 25%);border-left:1px solid #d8e0e6;flex:1;min-width:0;height:17px;display:block}.track i{border-radius:1px;max-width:100%;height:8px;display:block;position:relative;top:4px}.data{background:#528ea3}.script{background:#aa9553}.image{background:#8c79a9}.style{background:#72905d}.font{background:#b67d6d}.document{background:#5a78a5}.other{background:#8d999f}.pagination{border-top:1px solid var(--line);background:#f7f9fa;justify-content:flex-end;align-items:center;gap:8px;padding:10px 12px;font-size:11px;display:flex}.pagination>span{color:var(--muted);font-family:var(--mono);margin-right:auto}.pagination .secondary{padding:6px 8px;font-size:11px}#detail{border-left:1px solid var(--line);scrollbar-width:thin;background:#fafbfd;max-height:calc(clamp(360px,100vh - 351px,640px) + 50px);padding:17px 18px;overflow:auto}.detail-heading{justify-content:space-between;align-items:center;display:flex}.detail-heading h2,.detail-empty h2{margin:0;font-size:12px;font-weight:600}.detail-index{color:#728493;font:10px var(--mono)}#detail h3{font:12px/1.6 var(--mono);overflow-wrap:anywhere;color:#274760;margin:17px 0 5px}.detail-host{color:#73818d;overflow-wrap:anywhere;margin:0;font-size:11px}.detail-total{font:23px var(--mono);color:#284c65;align-items:baseline;gap:9px;margin:20px 0 10px;display:flex}.detail-total>span{color:#728393;font-family:inherit;font-size:11px}.detail-meta{font:10px var(--mono);color:#516979;flex-wrap:wrap;gap:9px;display:flex}.detail-meta>span+span{border-left:1px solid #cad4dc;padding-left:9px}#detail h4{color:#667988;margin:22px 0 15px;font-size:11px;font-weight:500}.phase{margin-top:11px}.phase>div:first-child{color:#667783;justify-content:space-between;gap:8px;font-size:11px;display:flex}.phase strong{font:11px var(--mono);color:#384f61}.phase-track{background:#e8edf1;height:4px;margin-top:6px}.phase-track i{background:#7f9bac;height:4px;display:block}.phase.subset{padding-left:12px}.phase.subset .phase-track i{background:#bdcad4}.phase.subset>div:first-child{font-size:10px}.detail-foot{color:#738392;margin:20px 0 0;font-size:10px;line-height:1.8}.detail-empty p{color:#697c89;font-size:12px;line-height:1.7}#back-to-list{display:none}.empty{color:var(--muted);padding:40px;font-size:13px}.legend{color:#6b7b87;border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;font-size:10px;display:flex}.legend>span{align-items:center;gap:5px;display:flex}.legend i{border-radius:1px;width:7px;height:7px}.timeline-note{margin-left:auto}.warnings:empty{display:none}.warnings{color:#8e572d;margin-top:12px;font-size:12px}.warnings summary{cursor:pointer}.warnings p{max-height:160px;margin:8px 0;line-height:1.8;overflow:auto}footer{color:#6d7c87;align-items:flex-start;gap:22px;margin:16px 0 0;font-size:11px;line-height:1.7;display:flex}footer details{flex:1;max-width:720px}footer summary{cursor:pointer}footer p{margin:10px 0}footer>a{white-space:nowrap}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1200px){.source-strip{flex-direction:column;align-items:flex-start;gap:12px}.source-actions{justify-content:flex-end;width:100%}.source-actions .text-button:first-child{margin-right:0}.source-actions .file-button{margin-left:auto}.request-scroll{height:clamp(340px,100vh - 399px,600px)}#detail{max-height:calc(clamp(340px,100vh - 399px,600px) + 50px)}.workspace{grid-template-columns:minmax(0,1fr) 280px}.outlier-path{max-width:130px}.outlier-controls{gap:7px}.toolbar{flex-wrap:wrap}.search{max-width:none}#result-count{font-size:10px}.timeline-note{width:100%;margin-left:0}}@media (width<=900px){main{padding:16px}.app-header{padding:0 16px}.local-note{display:none}.app-header>a:last-child{margin-left:auto}.workspace{display:block}#detail{border-left:0;border-top:1px solid var(--line);max-height:none;padding:18px 22px;scroll-margin-top:14px}#back-to-list{margin:10px 0 0;font-size:12px;display:block}.detail-total{margin:14px 0 10px}.phase{max-width:640px}.outlier-path{display:none}.request-scroll{height:390px}.toolbar{gap:8px}.search{flex-basis:100%;max-width:none}select{flex:1;min-width:0}#result-count{width:100%;margin-left:0}.source-actions{flex-wrap:wrap}.source-info{width:100%}.source-strip{gap:14px}footer{flex-wrap:wrap}footer details{flex-basis:100%;max-width:none}.capture-summary{gap:9px 15px}.summary-scope{border-right:0;width:100%;padding-right:0}.source-info h1{font-size:14px}.source-info p{font-size:11px}.badge{margin-left:7px}}@media (width<=480px){.app-header{gap:14px;height:50px}.app-label{padding-left:14px;font-size:11px}main{padding:14px 10px}.source-icon{display:none}.source-strip{padding-bottom:14px}.source-actions{gap:9px}.source-actions>.text-button{font-size:11px}.source-actions .file-button{margin-left:0}.source-actions .primary,.source-actions .secondary{text-align:center;flex:1;padding:10px 8px;font-size:12px}.source-actions>.text-button:first-child{margin-right:auto}.source-actions>.text-button:nth-child(2){margin-right:0}.source-actions>.text-button{text-align:left;flex-basis:40%}.source-info h1{font-size:13px;line-height:1.8}.badge{margin-left:5px;font-size:9px}.capture-summary{gap:8px 13px;padding:10px 12px;font-size:10px}.capture-summary strong{font-size:11px}.toolbar{padding:10px 12px}.search input{font-size:13px}.toolbar select{padding:9px 4px;font-size:11px}#reset-view{padding:4px;font-size:10px}.outlier-controls{flex-wrap:wrap;gap:6px;padding:9px 12px}.outlier-label{display:none}.outlier{gap:5px;padding:8px 7px;font-size:10px}.outlier>span:last-child{display:none}.outlier.failure{margin-left:0}.pagination{padding:9px}.pagination>span{font-size:10px}.legend{gap:9px;padding:10px 12px}.timeline-note{line-height:1.6}#detail{padding:17px}.detail-heading h2{font-size:13px}.phase>div:first-child,.phase strong{font-size:12px}.phase.subset>div:first-child,.detail-foot,.detail-meta{font-size:11px}footer{gap:12px;font-size:10px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.export-control{flex-direction:column;align-items:center;gap:5px;display:flex}#export-note{color:#6a7680;font-size:9px}.timeline-header{grid-template-columns:56px minmax(0,1fr);align-items:center;gap:12px;display:grid}.timeline-header>span:first-child{text-align:right}.waterfall-axis{font:10px var(--mono);color:#697f90;justify-content:space-between;align-items:center;display:flex}@media (width<=480px){.source-actions .export-control{text-align:center;flex:1;align-items:stretch}.source-actions>.file-button{align-self:flex-start}}.scroll-hint{display:none}@media (width<=900px){.scroll-hint{color:#6d7e8a;border-bottom:1px solid var(--line);background:#f8fafc;margin:0;padding:8px 12px;font-size:10px;display:block}}@media (width<=480px){.source-actions{grid-template-columns:1fr 1fr;align-items:start;gap:10px;display:grid}.source-actions>.text-button{margin:0;font-size:11px}.source-actions>.file-button{white-space:nowrap;width:100%}.source-actions .export-control{width:100%}}