.uplot,.uplot *,.uplot :before,.uplot :after{box-sizing:border-box}.uplot{width:min-content;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{-webkit-user-select:none;user-select:none;position:relative}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{width:100%;height:100%;display:block;position:relative}.u-axis{position:absolute}.u-legend{text-align:center;margin:auto;font-size:14px}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{pointer-events:none;background:#00000012;position:absolute}.u-cursor-x,.u-cursor-y{pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.u-hz .u-cursor-x,.u-vt .u-cursor-y{border-right:1px dashed #607d8b;height:100%}.u-hz .u-cursor-y,.u-vt .u-cursor-x{border-bottom:1px dashed #607d8b;width:100%}.u-cursor-pt{pointer-events:none;will-change:transform;border:0 solid;border-radius:50%;position:absolute;top:0;left:0;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}:root{color:#20242a;font-synthesis:none;text-rendering:geometricprecision;background:#f6f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f6f7f8;min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{width:min(1440px,100%);margin:0 auto;padding:24px}.topbar{border-bottom:1px solid #d9dee5;justify-content:space-between;align-items:center;gap:16px;padding:0 0 20px;display:flex}.eyebrow{color:#5b6573;letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:700}h1,h2{letter-spacing:0;margin:0}h1{font-size:28px;line-height:1.15}h2{font-size:16px}.icon-button{color:#20242a;cursor:pointer;background:#fff;border:1px solid #cbd3dc;border-radius:8px;place-items:center;width:38px;height:38px;display:inline-grid}.icon-button:hover{color:#397367;border-color:#397367}.primary-button{color:#fff;cursor:pointer;background:#397367;border:1px solid #397367;border-radius:8px;min-height:38px;padding:0 14px}.primary-button:disabled{cursor:default;background:#aab5c2;border-color:#aab5c2}.status-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.metric{background:#fff;border:1px solid #d9dee5;border-radius:8px;grid-template-columns:24px 1fr;align-items:center;gap:6px 10px;min-height:86px;padding:14px;display:grid}.metric strong{grid-column:2;font-size:24px;line-height:1}.metric-label{color:#5b6573;font-size:13px}.metric-icon{color:#41516a;display:inline-flex}.metric-good .metric-icon,.metric-good strong{color:#1f7a4d}.metric-bad .metric-icon,.metric-bad strong{color:#b63f3f}.work-grid{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:16px;display:grid}.panel{background:#fff;border:1px solid #d9dee5;border-radius:8px;min-width:0}.live-stream-panel,.latency-heatmap-panel,.world-latency-map-panel,.dns-sunburst-panel,.error-timeline-panel,.waterfall-panel,.screenshot-grid-panel,.slow-requests-panel,.phase-stats-panel,.distribution-panel,.request-log-panel,.slo-status-panel,.edge-ip-map-panel,.edge-catalog-panel{grid-column:1/-1}.session-panel{margin:0 0 16px}.panel-heading{border-bottom:1px solid #e7ebef;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.panel-heading span{color:#5b6573;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.region-list{gap:10px;padding:16px;display:grid}.region-row{grid-template-columns:minmax(70px,110px) minmax(80px,1fr) 58px;align-items:center;gap:10px;min-height:28px;font-size:13px;display:grid}.bar-track{background:#e7ebef;border-radius:999px;height:10px;overflow:hidden}.bar-fill{border-radius:inherit;background:#397367;min-width:2px;height:100%}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:620px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #eef1f4;padding:10px 12px}th{color:#5b6573;font-size:12px;font-weight:700}td{font-size:13px}.empty,.error-text{color:#5b6573;margin:0;padding:14px 16px;font-size:13px}.error-text{color:#b63f3f}.session-form{grid-template-columns:minmax(120px,180px) minmax(120px,180px) auto;align-items:center;gap:10px;padding:16px;display:grid}.session-form input{color:#20242a;width:100%;min-height:38px;font:inherit;background:#fff;border:1px solid #cbd3dc;border-radius:8px;padding:0 10px}.session-ready{color:#1f7a4d;padding:16px;font-size:13px;font-weight:700}.session-error{color:#b63f3f;margin:0;padding:0 16px 16px;font-size:13px}.live-stream-body{padding:16px}.live-chart{width:100%;min-height:220px;overflow:hidden}.live-chart .u-wrap,.live-chart canvas{max-width:100%}.stream-error{color:#b63f3f;margin:10px 0 0;font-size:13px}.heatmap-body{padding:16px}.heatmap-chart{width:100%;height:280px}.heatmap-labels{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.heatmap-labels span{color:#5b6573;font-size:12px}.world-map-body,.dns-sunburst-body,.chart-loading-body{padding:16px}.world-map-chart,.dns-sunburst-chart{width:100%;height:300px}.chart-loading{background:#eef1f4;border-radius:6px;width:100%;height:220px}.world-map-list,.dns-sunburst-list{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.world-map-list span,.dns-sunburst-list span{color:#5b6573;font-size:12px}.error-timeline-body{padding:16px}.error-timeline-svg{width:100%;min-height:120px;display:block}.timeline-lane-label{fill:#5b6573;font-size:12px}.timeline-lane-line{stroke:#e7ebef;stroke-width:1px}.timeline-event{stroke:#fff;stroke-width:2px}.timeline-event-http{fill:#b63f3f}.timeline-event-exit{fill:#7a5c1f}.timeline-event-render{fill:#397367}.error-event-list{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.error-event-list span{color:#5b6573;font-size:12px}.waterfall-body{padding:16px}.waterfall-svg{width:100%;min-height:150px;display:block}.waterfall-label{fill:#20242a;font-size:12px;font-weight:700}.waterfall-region{fill:#5b6573;font-size:11px}.waterfall-row-line{stroke:#e7ebef;stroke-width:1px}.waterfall-legend{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.waterfall-legend span{color:#5b6573;align-items:center;gap:5px;font-size:12px;display:inline-flex}.waterfall-legend i{border-radius:2px;width:10px;height:10px}.distribution-body{gap:10px;padding:16px;display:grid}.distribution-row{grid-template-columns:minmax(80px,110px) minmax(80px,1fr) 48px;align-items:center;gap:10px;min-height:28px;font-size:13px;display:grid}.slo-status-summary{flex-wrap:wrap;gap:8px;padding:12px 16px 0;display:flex}.slo-status-summary span{color:#5b6573;font-size:12px}.slo-pill{border-radius:999px;align-items:center;min-height:22px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.slo-pass{color:#1f7a4d;background:#e7f1ec}.slo-fail{color:#b63f3f;background:#f8e7e7}.catalog-toolbar{padding:12px 16px 0}.catalog-toolbar input{color:#20242a;width:min(340px,100%);min-height:34px;font:inherit;background:#fff;border:1px solid #cbd3dc;border-radius:8px;padding:0 10px;font-size:13px}.screenshot-grid-body{padding:16px}.screenshot-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.screenshot-card{border:1px solid #e7ebef;border-radius:8px;min-width:0;padding:10px}.screenshot-thumb{aspect-ratio:16/10;background:#eef1f4;border-radius:6px;place-items:center;width:100%;display:grid;overflow:hidden}.screenshot-thumb img{object-fit:cover;width:100%;height:100%}.screenshot-thumb span{color:#5b6573;font-size:12px}.screenshot-card strong,.screenshot-card span{text-overflow:ellipsis;white-space:nowrap;margin-top:8px;font-size:12px;display:block;overflow:hidden}.screenshot-card span{color:#5b6573}@media (width<=820px){.app-shell{padding:16px}.status-row,.work-grid,.session-form{grid-template-columns:1fr}.metric{min-height:72px}}