:root{color-scheme:dark;font-family:system-ui,sans-serif;--line: #1b2732;--line-strong: #2a3a47;--text: #e8f0f4;--text-soft: #bdc9d1;--muted: #82929f;--faint: #52616d;--accent: #59e0bd;--blue: #69aefc;--warning: #f0b35b;--danger: #ff7181;--mono: "SF Mono", "Cascadia Code", "Roboto Mono", ui-monospace, monospace}*{box-sizing:border-box}body{margin:0;background:#0b0f14;color:#e6edf3}a{color:inherit}.home{display:flex;flex-direction:column;min-height:100vh}.home-header{padding:1.25rem 2rem}.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;gap:1rem}.hero h1{font-size:clamp(1.75rem,4vw,3rem);line-height:1.15;margin:0}.hero-sub{max-width:34rem;color:#9fb0c3;margin:0 0 .5rem}.cta{display:inline-block;padding:.75rem 1.75rem;border:none;border-radius:8px;background:#2f81f7;color:#fff;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer}.cta:hover{background:#4c8ef7}.home-footer{padding:1.25rem 2rem;color:#64748b;font-size:.875rem}.app{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{border-right:1px solid #1f2733;padding:1rem}.brand{display:block;font-weight:700;margin-bottom:1.5rem;text-decoration:none}.nav-item{display:block;padding:.5rem .75rem;border-radius:6px;color:#9fb0c3;text-decoration:none}.nav-item:hover{background:#151c26;color:#e6edf3}.nav-item-active{background:#151c26;color:#e6edf3;font-weight:600}.main-col{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;border-bottom:1px solid #1f2733}.topbar-title{color:#9fb0c3;font-size:.875rem}.session-chip{padding:.25rem .75rem;border-radius:999px;border:1px solid #1f2733;color:#9fb0c3;font-size:.75rem}.session-chip-button{background:none;cursor:pointer}.content{color-scheme:light;--line: #e2e8ef;--line-strong: #cbd5e1;--text: #172b3a;--text-soft: #33485b;--muted: #586b7c;--faint: #657687;--accent: #087f68;--blue: #2463b6;--warning: #955600;--danger: #bf3046;flex:1;min-width:0;padding:2rem;background:#fff;color:var(--text)}.panel{border:1px solid var(--line);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;max-width:56rem;background:#fff}.content .panel-hint,.content .manifest-kind,.content .source-url,.content .inspection-history-meta,.content .progress-state,.content .state,.content .raw-json summary{color:var(--muted)}.content .inspect-form input{min-width:0;background:#fff;color:var(--text);border-color:var(--line-strong)}.content .inspect-form input::placeholder{color:var(--faint)}.content .inspection-history,.content .inspection-history-list li+li{border-color:var(--line)}.content .inspection-history-link:hover{background:#f8fafc}.content .inspection-history-link:hover .inspection-history-url{color:var(--blue)}.content .badge{background:#eef2f6;color:var(--text-soft)}.content .badge-completed{background:#e4f5ec;color:#17633e}.content .badge-partial{background:#fff3d6;color:#875300}.content .badge-failed{background:#fdebec;color:#b42338}.content .inspection-warnings{background:#fffbeb;border-color:#eddaaa;color:var(--warning)}.content .state-error{color:var(--danger)}.content .raw-json pre{background:#f8fafc;color:var(--text-soft);border-color:var(--line)}.content .drm-overview{background:#f8fafc}.content .stream-map{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.content .stream-map-header{padding:1.1rem 0 .65rem}@media (max-width: 680px){.content,.content .panel{padding:1rem}.inspect-form{flex-direction:column}}.mcp-page input,.mcp-page select{min-width:0;padding:.65rem;border:1px solid var(--line-strong);border-radius:6px;background:#fff;color:var(--text)}.mcp-page button{padding:.6rem .9rem;cursor:pointer}.mcp-page button:disabled{cursor:default;opacity:.55}.investigations-page{display:grid;gap:1rem}.investigations-page .mcp-form{display:grid;gap:.65rem;max-width:46rem;margin-top:.75rem}.investigations-page .mcp-form input,.investigations-page .mcp-form select,.investigations-page .inspect-form input,.investigations-page input,.investigations-page select{min-width:0}.investigation-selection{display:grid;gap:.35rem;max-height:22rem;overflow:auto;border:1px solid var(--line-strong);border-radius:.5rem;padding:.75rem}.investigation-segment{display:flex;align-items:center;gap:.55rem;padding:.25rem 0}.investigation-segment input{width:auto}.investigation-window-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.investigation-window-fields label{display:grid;gap:.4rem}.investigation-evidence{margin-top:1rem}.investigation-evidence details{border-top:1px solid var(--line);padding:.65rem 0}.investigation-evidence pre{max-height:24rem;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:#111820;border-radius:.5rem;padding:.75rem}@media (max-width: 640px){.investigation-window-fields{grid-template-columns:1fr}}.mcp-copy-row{display:flex;flex-wrap:wrap;gap:.6rem;margin:.5rem 0 1rem}.mcp-copy-row input{flex:1;font-family:var(--mono)}.mcp-form{display:grid;gap:.65rem;max-width:28rem}.mcp-secret{border-color:var(--accent)}.mcp-token-list{padding:0;list-style:none}.mcp-token-list li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 0;border-bottom:1px solid var(--line)}.mcp-token-list p{color:var(--muted);font-size:.85rem}.mcp-token-list strong{overflow-wrap:anywhere}.health-overview{margin:1.5rem 0;padding:1.25rem;border:1px solid var(--line);border-radius:16px;background:#f8fafc}.health-overview>header{display:flex;align-items:end;justify-content:space-between;gap:1rem}.health-overview-actions{display:flex;align-items:center;gap:.75rem}.health-overview-actions p{margin:0}.health-toggle{gap:.4rem}.health-toggle.is-open{border-color:var(--blue);color:var(--blue);background:#eff6ff}.health-overview h2{margin:.2rem 0 0}.health-overview header p,.health-disclaimer{margin:0;color:var(--muted);font-size:.8125rem}.health-disclaimer{margin-top:.75rem}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.75rem;margin-top:1rem}.health-primary{margin-top:1rem;padding:1rem;border:1px solid var(--line);border-left:4px solid var(--line-strong);border-radius:10px;background:#fff}.health-primary>span{color:var(--muted);font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.health-primary h3{margin:.35rem 0;font-size:1rem}.health-primary>strong{display:block;font-size:1.125rem}.health-primary p{margin:.35rem 0 0;color:var(--muted);font-size:.8125rem}.health-primary.health-issue{border-left-color:#dc2626}.health-primary.health-observed{border-left-color:#059669}.health-primary.health-unknown{border-left-color:#d97706}.health-details{margin-top:.9rem}.health-details summary{cursor:pointer;color:var(--text-soft);font-size:.8125rem}.health-check{min-width:0;padding:.9rem;border:1px solid var(--line);border-left-width:4px;border-radius:10px;background:#fff}.health-check>span{color:var(--muted);font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.health-check h3{margin:.35rem 0;font-size:.875rem}.health-check>strong{display:block;font-size:1rem}.health-check p{margin:.4rem 0 0;color:var(--muted);font-size:.75rem;line-height:1.45}.health-issue{border-left-color:#dc2626}.health-observed{border-left-color:#059669}.health-unknown{border-left-color:#d97706}.live-edge-overview{margin-top:1rem;padding:1rem;border:1px solid var(--line);border-radius:12px;background:#fff}.live-edge-overview>header{display:flex;align-items:end;justify-content:space-between;gap:1rem}.live-edge-overview h4{margin:.2rem 0 0}.live-edge-overview>header>span,.live-edge-overview>p{color:var(--muted);font-size:.75rem}.live-edge-overview>p{margin:.7rem 0 0}.live-edge-lanes{display:grid;gap:.45rem;margin-top:.85rem}.live-edge-lane{display:grid;grid-template-columns:minmax(12rem,1fr) minmax(5rem,1.4fr) minmax(10rem,1fr);align-items:center;gap:.75rem;min-width:0;padding:.55rem .65rem;border-radius:8px;background:#f8fafc}.live-edge-lane>div:first-child,.live-edge-facts{min-width:0}.live-edge-lane code,.live-edge-lane small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-edge-lane small{margin-top:.15rem;color:var(--muted);font-size:.68rem}.live-edge-track{height:.35rem;overflow:hidden;border-radius:999px;background:#dfe7ea}.live-edge-track span{display:block;height:100%;border-radius:inherit;background:var(--accent)}.live-edge-lane.lagging .live-edge-track span{background:#d97706}.live-edge-facts{text-align:right}.live-edge-facts strong{font-size:.8125rem}@media (max-width: 680px){.live-edge-overview>header{align-items:flex-start;flex-direction:column}.live-edge-lane{grid-template-columns:1fr auto}.live-edge-track{grid-column:1 / -1;grid-row:2}}.snapshot-comparison{margin:1rem 0 1.5rem;padding:.9rem 1rem;border:1px solid var(--line);border-radius:12px;background:#fff}.snapshot-comparison summary{cursor:pointer;font-weight:700}.snapshot-comparison>p{color:var(--muted);font-size:.8rem}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem}.comparison-grid article{padding:.75rem;border-radius:8px;background:#f8fafc}.comparison-grid span,.comparison-grid small{display:block;color:var(--muted);font-size:.7rem}.comparison-grid strong{display:block;margin:.25rem 0}@media (max-width: 680px){.health-overview>header{align-items:flex-start;flex-direction:column}}.panel h2{margin-top:0}.panel.inspect-detail{width:100%;max-width:none}.panel-hint{color:#9fb0c3}.inspect-form{display:flex;gap:.75rem;margin-top:1rem}.inspect-form input{flex:1;padding:.65rem .9rem;border:1px solid #1f2733;border-radius:8px;background:#10161f;color:#e6edf3;font-size:.95rem}.inspect-form input:focus{outline:2px solid #2f81f7;outline-offset:-1px}.inspection-history{border-top:1px solid #1f2733;margin-top:1.5rem;padding-top:1.25rem}.inspection-history h3{font-size:1rem;margin:0}.inspection-history-list{list-style:none;margin:.75rem 0 0;padding:0}.inspection-history-list li{align-items:center;display:flex;gap:.75rem}.inspection-history-list li+li{border-top:1px solid #1f2733}.inspection-history-link{display:block;flex:1;min-width:0;padding:.8rem .25rem;text-decoration:none}.inspection-history-delete{background:none;border:1px solid #3a4453;border-radius:6px;color:#82929f;cursor:pointer;flex-shrink:0;font-size:.75rem;padding:.3rem .65rem}.inspection-history-delete:hover:not(:disabled){border-color:#f87171;color:#f87171}.inspection-history-delete:disabled{cursor:default;opacity:.6}.inspection-history-link:hover .inspection-history-url{color:#69aefc}.inspection-history-url{display:block;font-size:.9rem;overflow-wrap:anywhere}.inspection-history-meta{align-items:center;color:#82929f;display:flex;flex-wrap:wrap;font-size:.75rem;gap:.5rem;margin-top:.4rem}.inspection-title-line{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.inspection-title-line h2{margin:0}.badge{padding:.2rem .7rem;border-radius:999px;font-size:.75rem;font-weight:600;background:#1f2733;color:#9fb0c3}.badge-completed{background:#123322;color:#4ade80}.badge-partial{background:#3b2f0b;color:#fbbf24}.badge-failed{background:#3b1212;color:#f87171}.manifest-kind{color:#9fb0c3;font-size:.875rem}.source-url{color:#64748b;font-size:.875rem;overflow-wrap:anywhere}.progress-state{color:#9fb0c3}.progress-pulse{display:inline-block;width:.6rem;height:.6rem;border-radius:50%;background:#2f81f7;margin-right:.5rem;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}.inspection-warnings{border:1px solid #3b2f0b;border-radius:8px;padding:.75rem 1.25rem;color:#fbbf24;font-size:.875rem}.state-error{color:#f87171}.raw-json summary{cursor:pointer;color:#9fb0c3}.raw-json pre{max-height:24rem;overflow:auto;background:#10161f;border:1px solid #1f2733;border-radius:8px;padding:1rem;font-size:.8125rem}.state{color:#9fb0c3}.auth-loading{min-height:50vh;display:flex;align-items:center;justify-content:center;color:#9fb0c3}.dev-banner{padding:.5rem 1rem;background:#3b2f0b;color:#fbbf24;font-size:.8125rem;text-align:center}.table-scroll{overflow-x:auto}.structure-table{width:100%;border-collapse:collapse;font-size:.8125rem}.structure-table th,.structure-table td{padding:.55rem .75rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.structure-table th{color:var(--muted);font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase}.structure-table code{font-family:var(--mono);font-size:.75rem;overflow-wrap:anywhere}.stream-map{color-scheme:light;--line: #e2e8ef;--line-strong: #cbd5e1;--text: #172b3a;--text-soft: #33485b;--muted: #586b7c;--faint: #657687;--accent: #087f68;--blue: #2463b6;--warning: #955600;--danger: #bf3046;margin-top:1.5rem;padding:0 1.5rem 1.5rem;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--text);box-shadow:0 8px 30px #00000012}.stream-map-header{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;padding:1.5rem 0 1rem}.eyebrow{display:block;margin-bottom:.18rem;color:var(--accent);font-family:var(--mono);font-size:.6875rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.stream-map h2{margin:0;font-size:1.25rem}.capture-inline{display:flex;gap:.45rem 1.25rem;color:var(--muted);font-size:.75rem;flex-wrap:wrap;justify-content:flex-end}.capture-inline strong{color:var(--text-soft);font-family:var(--mono);font-weight:600}.value-warning{color:var(--warning)!important}.snapshot-meta{color:var(--faint);font-size:.75rem}.segment-legend{display:flex;align-items:center;justify-content:flex-end;gap:1rem;min-height:2rem;border-top:1px solid var(--line);color:var(--muted);font-size:.6875rem}.segment-legend span{display:inline-flex;align-items:center;gap:.35rem}.legend-dot{width:7px;height:7px;border-radius:2px;background:var(--faint)}.legend-dot.captured{background:var(--accent)}.legend-dot.init{background:var(--blue)}.legend-dot.failed{background:var(--danger)}.track-groups{background:transparent}.track-group{border-top:1px solid var(--line-strong)}.track-group-header{display:flex;align-items:baseline;gap:.6rem;min-height:2.6rem;padding:.7rem .85rem;background:#ffffff05}.track-group-header h3{margin:0;font-size:.8125rem;letter-spacing:.045em;text-transform:uppercase}.track-group-header span{color:var(--muted);font-size:.75rem}.track-group-header span:last-child{margin-left:auto;font-family:var(--mono)}.representation-row{position:relative;display:grid;grid-template-columns:minmax(16rem,1.45fr) minmax(8rem,.7fr) minmax(22rem,2.5fr);align-items:stretch;min-height:8.75rem;border-top:1px solid var(--line);background:#0c1219a3}.representation-row:hover{background:#111a24b8}.representation-row>div:not(.segment-detail){min-width:0;padding:1rem}.representation-identity{position:relative;display:grid;grid-template-columns:4px minmax(0,1fr);column-gap:.75rem;align-content:center}.kind-marker{display:block;grid-row:1 / span 3;width:4px;height:2.4rem;align-self:center;border-radius:999px;background:var(--accent)}.kind-audio .kind-marker{background:var(--blue)}.kind-subtitle .kind-marker,.kind-closed_captions .kind-marker{background:#c699ff}.quality-block{display:flex;align-items:baseline;gap:.55rem;min-width:0}.quality-block strong{flex:0 0 auto;font-size:1.15rem}.quality-block span{overflow:hidden;color:var(--muted);font-family:var(--mono);font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.representation-identity p{grid-column:2;margin:.3rem 0 0;overflow:hidden;color:var(--text-soft);font-family:var(--mono);font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.codec-stack{display:grid;grid-column:2;gap:.35rem;margin-top:.65rem}.codec-summary{display:flex;align-items:center;gap:.35rem;min-width:0;flex-wrap:wrap}.codec-string{flex:0 0 auto;padding:.2rem .35rem;border:1px solid var(--line-strong);border-radius:3px;background:#0003;color:var(--text-soft);font-size:.75rem}.codec-profile-byte{color:var(--accent);font-weight:750}.codec-constraints-byte{color:var(--muted)}.codec-tier-byte{color:var(--warning);font-weight:750}.codec-level-byte{color:var(--blue);font-weight:750}.codec-object-type-byte{color:var(--warning);font-weight:750}.codec-audio-object-type-byte{color:var(--accent);font-weight:750}.codec-family{color:var(--muted);font-size:.7rem}.codec-pill{display:inline-flex;align-items:baseline;gap:.25rem;padding:.15rem .35rem;border:1px solid var(--line-strong);border-radius:999px;background:#ffffff06;color:var(--muted);font-size:.75rem;line-height:1.25;white-space:nowrap}.codec-pill strong{color:var(--text)}.codec-profile{border-color:#59e0bd52}.codec-profile strong{color:var(--accent)}.codec-tier{border-color:#f0b35b57}.codec-tier strong{color:var(--warning)}.codec-level{border-color:#69aefc57}.codec-level strong{color:var(--blue)}.codec-audio{border-color:#f0b35b57}.codec-audio strong{color:var(--warning)}.codec-pill-help{position:relative;cursor:help}.codec-pill-help:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.codec-tooltip{position:absolute;z-index:40;top:calc(100% + .65rem);left:50%;display:grid;width:min(20rem,calc(100vw - 2rem));padding:.8rem;border:1px solid #36536e;border-radius:6px;background:#101a24;box-shadow:0 14px 35px #0000006b;color:var(--text-soft);font-size:.75rem;gap:.4rem;line-height:1.45;opacity:0;pointer-events:none;transform:translate(-50%,-4px);transition:opacity .13s ease,transform .13s ease,visibility .13s;visibility:hidden;white-space:normal}.codec-tooltip:before{position:absolute;top:-5px;left:50%;width:8px;height:8px;border-top:1px solid #36536e;border-left:1px solid #36536e;background:#101a24;content:"";transform:translate(-50%) rotate(45deg)}.codec-tooltip>strong{color:var(--blue);font-size:.78rem}.codec-tooltip>span:last-child{color:var(--muted)}.codec-tooltip-profile{border-color:#31594f}.codec-tooltip-profile:before{border-color:#31594f}.codec-tooltip-profile>strong{color:var(--accent)}.codec-tooltip-audio{border-color:#665032}.codec-tooltip-audio:before{border-color:#665032}.codec-tooltip-audio>strong{color:var(--warning)}.codec-pill-help:hover .codec-tooltip,.codec-pill-help:focus .codec-tooltip,.codec-pill-help:focus-within .codec-tooltip{opacity:1;transform:translate(-50%);visibility:visible}.codec-unknown code{color:var(--muted);font-size:.72rem}.bitrate-cell{display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--line)}.bitrate-value{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.bitrate-value span,.segments-head span:first-child{color:var(--muted);font-size:.6875rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase}.bitrate-value strong{font-family:var(--mono);font-size:.8125rem;font-weight:650}.bitrate-track{width:100%;height:5px;margin-top:.65rem;overflow:hidden;border-radius:99px;background:#1c2832}.bitrate-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#b5ffe7)}.kind-audio .bitrate-track span{background:linear-gradient(90deg,var(--blue),#aad5ff)}.segments-cell{display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--line)}.segments-head{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.55rem}.segments-head span:last-child{color:var(--muted);font-family:var(--mono);font-size:.6875rem}.segment-track{display:flex;gap:.3rem;min-width:0;padding:2px;overflow-x:auto}.segment-block{position:relative;display:grid;grid-template-columns:1fr;place-items:center;min-width:3.25rem;min-height:3.15rem;padding:.35rem .45rem;border:1px solid #274138;border-radius:4px;background:#59e0bd17;color:var(--text);transition:border-color .14s ease,background .14s ease,transform .14s ease}.segment-block:hover:not(:disabled){z-index:1;border-color:var(--accent);background:#59e0bd26;transform:translateY(-1px)}.segment-block.is-selected{border-color:var(--accent);background:#59e0bd33;box-shadow:0 0 0 2px #59e0bd1f,inset 0 -2px var(--accent)}.segment-block:disabled{cursor:default;opacity:.55}.segment-init{border-color:#294968;background:#69aefc1a}.segment-init:hover:not(:disabled),.segment-init.is-selected{border-color:var(--blue);background:#69aefc2e;box-shadow:0 0 0 2px #69aefc1c,inset 0 -2px var(--blue)}.segment-failed{border-color:#5c2b35;background:#ff718117}.segment-failed:hover:not(:disabled),.segment-failed.is-selected{border-color:var(--danger);background:#ff718126;box-shadow:0 0 0 2px #ff71811a,inset 0 -2px var(--danger)}.segment-planned{border-style:dashed;border-color:var(--line-strong);background:#ffffff06;color:var(--muted)}.has-discontinuity:before{position:absolute;top:-3px;bottom:-3px;left:-4px;border-left:1px dashed var(--warning);content:""}.segment-index{font-family:var(--mono);font-size:.75rem;font-weight:700;line-height:1;text-transform:uppercase}.segment-duration{color:var(--muted);font-family:var(--mono);font-size:.625rem}.timeline-empty{display:grid;min-height:3.15rem;place-items:center start;border:1px dashed var(--line);border-radius:4px;color:var(--faint);font-size:.75rem}.bitrate-observations,.delivery-observations,.drm-overview{margin:1.25rem 0;padding:1rem;border:1px solid var(--line-strong);border-radius:6px;background:#111a2494}.bitrate-observations>header,.delivery-observations>header,.drm-overview>header{display:flex;align-items:start;justify-content:space-between;gap:1rem}.bitrate-observations h3,.delivery-observations h3,.drm-overview h2{margin:0;font-size:1rem}.bitrate-observations>header>span,.bitrate-observations>p,.delivery-observations>header>span,.delivery-observations>p,.drm-overview>header>span,.drm-overview>p{color:var(--muted);font-size:.8125rem}.bitrate-observations>p,.delivery-observations>p,.drm-overview>p{max-width:78ch;margin:.5rem 0 .75rem}.metric-help{position:relative;display:inline-flex;align-items:center;gap:.35rem;cursor:help}.metric-help-icon{display:inline-grid;width:1rem;height:1rem;place-items:center;border:1px solid var(--faint);border-radius:50%;color:var(--muted);font-size:.65rem;line-height:1}.metric-tooltip{position:absolute;z-index:3;top:calc(100% + .5rem);left:0;display:none;width:min(22rem,70vw);padding:.6rem .7rem;border:1px solid var(--line-strong);border-radius:5px;background:#0a1118;color:var(--text-soft);font-size:.75rem;font-weight:450;line-height:1.4;white-space:normal;box-shadow:0 10px 24px #00000052}.metric-help:hover .metric-tooltip,.metric-help:focus .metric-tooltip{display:block}.delivery-note{margin-top:.75rem!important;color:var(--warning)!important}.bitrate-table small{color:var(--muted);font-size:.72rem}.drm-table td code,.drm-table td span,.drm-table td small{display:block}.drm-table td code+code,.drm-table td span+span{margin-top:.3rem}.drm-table td small{margin-top:.2rem;color:var(--muted)}.bitrate-details{margin-top:.85rem}.bitrate-details>summary{cursor:pointer;color:var(--text-soft);font-size:.8125rem}.bitrate-details[open]>.table-scroll{margin-top:.8rem}.segment-detail{grid-column:1 / -1;padding:1.25rem 1rem 1.5rem;border-top:1px solid rgba(89,224,189,.4);background:linear-gradient(90deg,rgba(89,224,189,.04),transparent 42%),#091017;box-shadow:inset 3px 0 var(--accent);animation:reveal-detail .18s ease-out}@keyframes reveal-detail{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.segment-detail-header{display:flex;align-items:start;justify-content:space-between;gap:1rem}.detail-path{display:flex;gap:.45rem;color:var(--muted);font-family:var(--mono);font-size:.6875rem;text-transform:uppercase}.detail-path span:last-child{color:var(--accent)}.segment-detail h4{margin:.35rem 0 0;font-size:1.2rem}.icon-button{display:grid;width:2rem;height:2rem;padding:0;border:1px solid var(--line-strong);border-radius:4px;background:transparent;color:var(--muted);font-size:1.25rem;line-height:1;place-items:center}.icon-button:hover{border-color:var(--text-soft);color:var(--text)}.segment-facts,.segment-trace dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:0;margin:1rem 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.segment-facts>div,.segment-trace dl>div{min-width:0;padding:.7rem 1rem;border-left:1px solid var(--line)}.segment-facts>div:first-child,.segment-trace dl>div:first-child{border-left:0}.segment-facts dt,.segment-trace dt{color:var(--muted);font-size:.6875rem;font-weight:650;letter-spacing:.065em;text-transform:uppercase}.segment-facts dd,.segment-trace dd{margin:.15rem 0 0;overflow-wrap:anywhere;font-family:var(--mono);font-size:.8125rem}.status-captured{color:var(--accent)}.status-failed{color:var(--danger)}.status-init{color:var(--blue)}.inline-warning{margin:.75rem 0 0;color:var(--warning)}.segment-trace{margin-top:.85rem}.segment-trace summary{cursor:pointer;color:var(--text-soft);font-size:.8125rem}.legend-container{color:var(--accent);font-style:normal;font-size:.85rem}.container-mark{position:absolute;top:2px;right:4px;color:var(--accent);font-size:.68rem}.container-inspector{margin-top:.5rem}.container-section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-top:1.5rem}.container-section-heading h5{margin:0;font-size:.95rem}.provenance{color:var(--muted);font-family:var(--mono);font-size:.65rem}.row-warning td{color:var(--warning)}.empty-inline{margin:1rem 0 0;color:var(--muted);font-size:.8125rem}.sample-map{margin-top:1.25rem;padding:.9rem;overflow:hidden;border:1px solid #263b48;border-radius:.6rem;background:linear-gradient(180deg,rgba(105,174,252,.045),transparent 65%),#0b131a}.sample-legend{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem 1rem;margin-top:.75rem;color:var(--muted);font-family:var(--mono);font-size:.64rem;text-transform:uppercase}.probe-timing-note{max-width:72ch;margin:.8rem 0 0;color:var(--muted);font-size:.75rem;line-height:1.45}.probe-frame-card{flex:0 0 10rem;display:grid;gap:.3rem;padding:.6rem;color:var(--text);background:#fff;border:1px solid var(--line);border-radius:6px}.probe-frame-chart{height:84px;display:flex;align-items:end}.probe-frame-bar{width:min(100%,var(--sample-width));height:var(--sample-height);background:var(--sample-color);border:1px solid var(--sample-border);border-radius:4px 4px 0 0}.probe-frame-bar.is-sync{outline:2px solid var(--warning);outline-offset:-2px}.probe-frame-card .sample-time{overflow:visible;white-space:normal;overflow-wrap:anywhere;font-size:.72rem;color:var(--text-soft)}.probe-frame-card .sample-index{font-family:var(--mono);font-size:.75rem;font-weight:700}.sample-legend span{display:inline-flex;align-items:center;gap:.35rem}.sample-size-axis{color:var(--accent);font-family:var(--mono);font-size:.9rem;font-style:normal;line-height:.5}.sample-type-key{display:inline-block;width:.85rem;height:.55rem;border:1px solid;border-radius:2px}.sample-type-key.type-keyframe{border-color:#eab253;background:#ba8221}.sample-type-key.type-interframe{border-color:#25a4e4;background:#1b6e98}.sample-type-key.type-bframe{border-color:#a961e0;background:#67328f}.sample-type-key.type-unknown{border-color:#667581;background:#26323c}.sample-lane{margin-top:.9rem}.sample-lane>header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.4rem}.sample-lane>header strong{font-family:var(--mono);font-size:.75rem}.sample-lane>header span{color:var(--muted);font-family:var(--mono);font-size:.65rem}.sample-track{display:flex;align-items:end;gap:.3rem;min-height:5.7rem;padding:.45rem .15rem .35rem;overflow-x:auto;border-bottom:1px solid var(--line-strong)}.sample-block{display:flex;flex:0 0 var(--sample-width);flex-direction:column;justify-content:end;min-width:0;height:var(--sample-height);padding:.42rem .5rem;overflow:hidden;border:1px solid var(--sample-border);border-radius:4px 4px 2px 2px;background:linear-gradient(145deg,color-mix(in srgb,var(--sample-color),white 8%),var(--sample-color));color:#f5fbff;text-shadow:0 1px 1px rgba(0,0,0,.42)}.sample-block.is-sync{border-width:2px;border-color:#f4f7c8;box-shadow:inset 0 0 0 1px #0e141880}.sample-block .sample-index{font-family:var(--mono);font-size:.62rem;font-weight:750;letter-spacing:.04em}.sample-block strong{margin:.05rem 0 .15rem;font-family:var(--mono);font-size:.74rem}.sample-time{overflow:hidden;font-family:var(--mono);font-size:.58rem;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.gop-summary{margin-top:.85rem;padding:.8rem;border:1px solid rgba(89,224,189,.2);border-radius:.45rem;background:#59e0bd09}.gop-summary-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem}.gop-summary-heading h6{margin:.1rem 0 0;font-size:.82rem}.gop-summary-heading>span{color:var(--muted);font-family:var(--mono);font-size:.62rem}.gop-facts{display:grid;grid-template-columns:repeat(5,minmax(7rem,1fr));margin:.7rem 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.gop-facts>div{min-width:0;padding:.55rem .65rem;border-left:1px solid var(--line)}.gop-facts>div:first-child{border-left:0}.gop-facts dt{color:var(--muted);font-family:var(--mono);font-size:.56rem;letter-spacing:.035em;text-transform:uppercase}.gop-facts dd{margin:.22rem 0 0;overflow-wrap:anywhere;font-family:var(--mono);font-size:.72rem;font-weight:700}.gop-note{margin:.65rem 0 0;color:var(--text-soft);font-size:.7rem;line-height:1.5}.timing-health{margin-top:1.25rem}.timing-health-note{max-width:76ch;margin:.5rem 0 .75rem;color:var(--muted);font-size:.8125rem}.boundary-basis{display:block;margin-top:.2rem;color:var(--muted);font-size:.65rem;font-weight:400}.container-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:0;margin:1rem 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.container-facts>div{min-width:0;padding:.7rem 1rem;border-left:1px solid var(--line)}.container-facts>div:first-child{border-left:0}.container-facts dt{color:var(--muted);font-size:.6875rem;font-weight:650;letter-spacing:.065em;text-transform:uppercase}.container-facts dd{margin:.15rem 0 0;overflow-wrap:anywhere;font-family:var(--mono);font-size:.8125rem}.hdr-panel{margin:1rem 0;padding:.85rem;border:1px solid #5c477a;border-radius:.55rem;background:#704e9d1a}.container-note{margin:.75rem 0 0;color:var(--muted);font-size:.82rem}.representations-intro{margin:0 0 .75rem;color:var(--muted);font-size:.875rem}.representation-help{margin-bottom:1.25rem;font-size:.8rem;color:var(--muted)}.representation-help summary,.variant-measurements>summary{cursor:pointer}.representation-help p{max-width:85ch;line-height:1.6}.variant-disclosure{border-top:1px solid var(--line)}.variant-summary,.variant-columns{display:grid;grid-template-columns:minmax(8rem,1.6fr) minmax(4.5rem,.8fr) repeat(2,minmax(5.5rem,1fr)) minmax(5rem,.8fr) minmax(4rem,.7fr) .75rem;align-items:center;gap:.75rem;padding:.65rem .85rem}.variant-columns{color:var(--muted);font-size:.65rem;font-weight:600;letter-spacing:.04em}.variant-summary{min-height:3.4rem;cursor:pointer;list-style:none;transition:background .15s}.variant-summary::-webkit-details-marker{display:none}.variant-summary:hover,.variant-disclosure[open]>.variant-summary{background:#f4f7fa}.variant-disclosure.kind-video>.variant-summary{background:#f1f8f5;box-shadow:inset 3px 0 #79ad98}.variant-disclosure.kind-audio>.variant-summary{background:#f1f6fd;box-shadow:inset 3px 0 #83a9dc}.variant-disclosure.kind-subtitle>.variant-summary,.variant-disclosure.kind-closed_captions>.variant-summary{background:#f7f3fb;box-shadow:inset 3px 0 #b497d0}.variant-disclosure.kind-video>.variant-summary:hover,.variant-disclosure.kind-video[open]>.variant-summary{background:#eaf4ef}.variant-disclosure.kind-audio>.variant-summary:hover,.variant-disclosure.kind-audio[open]>.variant-summary{background:#eaf2fc}.variant-disclosure.kind-subtitle>.variant-summary:hover,.variant-disclosure.kind-subtitle[open]>.variant-summary,.variant-disclosure.kind-closed_captions>.variant-summary:hover,.variant-disclosure.kind-closed_captions[open]>.variant-summary{background:#f1eaf8}.variant-summary:focus-visible,.stream-map summary:focus-visible,.stream-map button:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.variant-title,.variant-metric{display:grid;gap:.2rem;min-width:0}.variant-title{grid-template-columns:1.1rem minmax(0,1fr);align-items:center;column-gap:.4rem}.variant-kind-icon{grid-column:1;grid-row:1 / span 2;display:grid;place-items:center;color:var(--muted)}.variant-kind-icon svg{display:block;width:1rem;height:1rem}.kind-video .variant-kind-icon{color:#42856b}.kind-audio .variant-kind-icon{color:#477bbd}.kind-subtitle .variant-kind-icon,.kind-closed_captions .variant-kind-icon{color:#896aa8}.variant-title strong,.variant-title small{grid-column:2}.variant-title strong{font-size:.9rem;font-weight:650;overflow-wrap:anywhere}.variant-summary small{color:var(--muted);font-size:.65rem}.variant-title small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variant-metric strong{font-size:.75rem;font-weight:500;font-variant-numeric:tabular-nums}.variant-codec{color:var(--text-soft);font-size:.72rem;overflow-wrap:anywhere}.variant-bitrate strong{font-weight:650}.variant-bitrate-track{height:3px;max-width:5rem;border-radius:2px;background:#e5ecef;overflow:hidden}.variant-bitrate-track>span{display:block;height:100%;background:var(--blue);border-radius:inherit}.variant-status{display:inline-flex;align-items:center;gap:.35rem;font-size:.68rem;font-variant-numeric:tabular-nums}.variant-status.is-ok:before,.variant-status.is-error:before{content:"";width:5px;height:5px;border-radius:50%;background:#218363;flex-shrink:0}.variant-status.is-error{color:var(--danger)}.variant-status.is-error:before{background:var(--danger)}.variant-toggle{color:var(--muted);transition:transform .15s}.variant-disclosure[open]>summary .variant-toggle{transform:rotate(180deg)}.variant-content{padding:.5rem 0 1rem}.variant-measurements{margin:.8rem .85rem;color:var(--text-soft);font-size:.8125rem}.stream-map .representation-row,.stream-map .representation-row:hover{background:#fff}.stream-map .representation-row{grid-template-columns:minmax(12rem,1fr) minmax(8rem,.6fr) minmax(12rem,1.4fr)}.stream-map .bitrate-observations,.stream-map .delivery-observations,.stream-map .segment-detail{background:#f8fafc}.stream-map .sample-map{background:#fff;border-color:var(--line-strong)}.stream-map .bitrate-track{background:#e5ecef}.stream-map .codec-string{background:#f1f5f9}.stream-map .codec-tooltip,.stream-map .codec-tooltip:before,.stream-map .metric-tooltip{background:#fff;border-color:var(--line-strong)}.stream-map .quality-block{flex-wrap:wrap}.stream-map .quality-block span{white-space:normal;overflow-wrap:anywhere}.stream-map .segment-legend{justify-content:flex-start;flex-wrap:wrap}@media (max-width: 1400px){.stream-map .representation-row{grid-template-columns:minmax(0,1fr)}.stream-map .segments-cell,.stream-map .bitrate-cell{grid-column:1;border-left:0}}@media (max-width: 680px){.content .stream-map{padding:0;border-radius:0}.stream-map-header{align-items:flex-start;flex-direction:column;gap:.75rem}.stream-map .capture-inline{justify-content:flex-start}.variant-summary,.variant-columns{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,.8fr) .75rem;gap:.5rem;padding-inline:.4rem}.variant-codec,.variant-measured,.variant-http,.variant-columns>:nth-child(2),.variant-columns>:nth-child(4),.variant-columns>:nth-child(6){display:none}.variant-title strong{font-size:.8rem}}.box-tree,.box-children,.probe-streams{margin:0;padding:0;list-style:none}.box-tree{margin-top:.8rem;border-top:1px solid var(--line)}.box-node{position:relative;border-bottom:1px solid rgba(27,39,50,.68)}.box-children{margin-left:1rem;border-left:1px solid var(--line-strong)}.box-toggle{display:flex;align-items:baseline;gap:.55rem;width:100%;min-height:2.15rem;padding:.35rem .5rem;border:0;background:transparent;color:var(--text);text-align:left}.box-toggle:not(:disabled):hover{background:#59e0bd0a}.box-toggle:disabled{cursor:default}.box-chevron{width:.8rem;color:var(--accent);font-family:var(--mono)}.box-meta{color:var(--muted);font-family:var(--mono);font-size:.65rem}.box-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.3rem 1rem;margin:0 0 .6rem 2rem}.box-fields>div{display:flex;gap:.5rem}.box-fields dt{color:var(--muted);font-size:.6875rem;text-transform:uppercase}.box-fields dd{margin:0;color:var(--text-soft);font-family:var(--mono);font-size:.72rem}.probe-details{margin-top:1rem;border-top:1px solid var(--line)}.probe-details summary,.segment-trace summary{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 0}.probe-details summary{cursor:pointer;color:var(--text-soft);font-size:.8125rem}.probe-streams{margin-top:.75rem}.probe-streams li{display:flex;gap:.75rem;padding:.4rem 0;border-bottom:1px solid var(--line);color:var(--text-soft);font-size:.75rem}@media (max-width: 680px){.representation-row{grid-template-columns:1fr}.bitrate-cell,.segments-cell{grid-column:1;border-top:1px solid var(--line);border-left:0}.segment-detail{grid-column:1}.codec-tooltip{right:-1rem;left:auto;transform:translateY(-4px)}.codec-tooltip:before{right:2rem;left:auto;transform:rotate(45deg)}.codec-pill-help:hover .codec-tooltip,.codec-pill-help:focus .codec-tooltip,.codec-pill-help:focus-within .codec-tooltip{transform:translateY(0)}}.streams-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem}.streams-header h2{margin:0 0 .35rem}.streams-workspace{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem;margin:0}.streams-workspace div{padding:.6rem .75rem;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.streams-workspace dt{font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.streams-workspace dd{margin:.25rem 0 0;font-size:.8125rem;color:var(--text)}.streams-form{display:flex;flex-direction:column;gap:.6rem;margin:1.25rem 0 .5rem;padding:1rem;border:1px solid var(--line);border-radius:10px;background:#f8fafc}.streams-form-row{display:grid;grid-template-columns:minmax(0,1fr) 7rem;gap:.6rem}.streams-form input,.streams-form select{width:100%;min-width:0;padding:.55rem .7rem;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:var(--text);font:inherit;font-size:.875rem}.streams-form input:focus,.streams-form select:focus{outline:2px solid var(--blue);outline-offset:1px}.streams-form-advanced{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.6rem}.streams-form-advanced label{display:flex;flex-direction:column;gap:.25rem}.streams-form-advanced label span{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.streams-form-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.streams-advanced-toggle{padding:0;border:none;background:none;color:var(--blue);font-size:.8125rem;cursor:pointer}.streams-form .cta{padding:.55rem 1.2rem;font-size:.875rem}.streams-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.streams-row{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border:1px solid var(--line);border-radius:10px;background:#fff}.streams-row-main{display:flex;flex-direction:column;gap:.3rem;min-width:0}.streams-row-title{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.streams-format{font-size:.65rem;font-weight:700;letter-spacing:.06em;color:var(--muted)}.streams-source{overflow:hidden;font-family:var(--mono);font-size:.75rem;color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap}.streams-source:hover{color:var(--blue)}.streams-row-meta{margin:0;font-size:.75rem;color:var(--muted)}.streams-progress{height:.35rem;overflow:hidden;border-radius:999px;background:#e2e8ef}.streams-progress span{display:block;height:100%;background:var(--accent)}.streams-row-actions{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem}.streams-preset{display:flex;flex-direction:column;gap:.25rem}.streams-preset span{font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.streams-row select{padding:.45rem .6rem;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:var(--text);font:inherit;font-size:.8125rem}.streams-playback{display:flex;gap:.5rem}.streams-button{display:inline-flex;align-items:center;padding:.45rem .8rem;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:var(--text);font-size:.8125rem;font-weight:600;text-decoration:none;cursor:pointer}.streams-button:hover{border-color:var(--blue);color:var(--blue)}.streams-dashboard-link{margin-left:auto;border-color:var(--blue);color:var(--blue)}.stream-dashboard,.stream-player-dashboard{display:flex;flex-direction:column;gap:1.25rem}.stream-dashboard-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.stream-dashboard-header h2{margin:.35rem 0}.stream-back{color:var(--blue);font-size:.8125rem;text-decoration:none}.stream-delete{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;flex-shrink:0}.stream-delete .streams-delete{margin-left:0}.stream-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem;margin:0}.stream-overview>div{min-width:0;padding:.75rem;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.stream-overview dt{color:var(--muted);font-size:.65rem;letter-spacing:.06em;text-transform:uppercase}.stream-overview dd{margin:.3rem 0 0;font-size:.8125rem}.stream-overview-source{grid-column:1 / -1}.stream-overview-source dd{overflow:hidden;font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap}.stream-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem;padding:.9rem;border:1px solid var(--line);border-radius:10px;background:#fff}.stream-controls select{padding:.45rem .6rem;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:var(--text);font:inherit;font-size:.8125rem}.stream-player-lab{margin-top:0}@media (max-width: 680px){.stream-dashboard-header{flex-direction:column}.stream-delete{width:100%;align-items:stretch}}.streams-delete{margin-left:auto;padding:.45rem .8rem;border:1px solid #e7b4bc;border-radius:8px;background:#fdebec;color:#b42338;font-size:.8125rem;font-weight:600;cursor:pointer}.streams-delete:disabled{opacity:.5;cursor:not-allowed}.streams-button-primary,.streams-button-success,.streams-button-live{border-color:transparent;color:#fff}.streams-button-primary{background:var(--blue)}.streams-button-success{background:var(--accent)}.streams-button-live{background:var(--danger)}.streams-button-primary:hover,.streams-button-success:hover,.streams-button-live:hover{border-color:transparent;color:#fff;filter:brightness(.9)}.streams-button-live.is-live{background:#fff;border-color:var(--danger);color:var(--danger)}.streams-button-live.is-live:hover{background:#fdebec;color:var(--danger);filter:none}.streams-live-badge{align-self:center;padding:.2rem .55rem;border-radius:999px;background:#fdebec;color:var(--danger);font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.content .badge-ready{background:#e4f5ec;color:#17633e}.content .badge-capturing{background:#e7f0fd;color:#2463b6}.content .badge-queued{background:#eef2f6;color:#586b7c}@media (max-width: 680px){.streams-form-row{grid-template-columns:1fr}.streams-delete{margin-left:0}}.streams-proxy-preset{display:flex;flex-direction:column;gap:.25rem}.streams-proxy-preset span{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.streams-proxy-hint{margin:0;color:var(--muted);font-size:.75rem}.streams-proxy-scope{color:var(--muted);font-size:.75rem}.streams-proxy-result{display:flex;flex-direction:column;gap:.5rem;padding:.6rem;border:1px solid var(--line);border-radius:8px;background:#fff}.streams-proxy-result input{font-family:var(--mono);font-size:.75rem}.activity{margin-top:1.5rem;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#fff}.activity-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1rem 1.1rem;border-bottom:1px solid var(--line)}.activity-header h3{margin:0 0 .25rem}.activity-header-actions{display:flex;align-items:center;gap:.75rem}.activity-count{padding:.4rem .7rem;border:1px solid var(--line);border-radius:10px;background:#f8fafc;text-align:right}.activity-count span{display:block;font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.activity-count strong{font-size:1.15rem}.activity-empty{padding:2.5rem 1rem;text-align:center}.activity-empty p{margin:.2rem 0}.activity-list{margin:0;padding:0;list-style:none}.activity-list>li+li{border-top:1px solid var(--line)}.activity-row{display:grid;grid-template-columns:3rem auto auto minmax(0,1fr) auto auto auto;align-items:center;gap:.6rem;width:100%;padding:.6rem 1rem;border:none;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.activity-row:hover{background:#f8fafc}.activity-target{display:flex;flex-direction:column;gap:.25rem;min-width:0}.activity-url{overflow:hidden;font-family:var(--mono);font-size:.72rem;color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap}.activity-flags{display:flex;flex-wrap:wrap;gap:.25rem}.activity-metric{font-size:.7rem;color:var(--muted);white-space:nowrap}.activity-time{font-size:.7rem;color:var(--muted);text-align:right;white-space:nowrap}.activity-waterfall{grid-column:1 / -1;padding-bottom:.2rem}.activity-details{padding:.9rem 1rem;border-top:1px solid var(--line);background:#f8fafc}.activity-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.5rem}.activity-detail{padding:.5rem .6rem;border:1px solid var(--line);border-radius:8px;background:#fff}.activity-detail span{display:block;font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.activity-detail code{display:block;margin-top:.2rem;font-size:.7rem;word-break:break-all}.activity-note{margin-top:.6rem;padding:.5rem .6rem;border-radius:8px;font-size:.72rem}.activity-note code{font-size:.7rem}.activity-note-extra{margin-left:.5rem}.activity-pill{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:999px;font-size:.65rem;font-weight:600;white-space:nowrap}.activity-ok{background:#e4f5ec;color:#17633e}.activity-info{background:#e7f0fd;color:#2463b6}.activity-warn{background:#fff3d6;color:#875300}.activity-danger{background:#fdebec;color:#b42338}.activity-muted{background:#eef2f6;color:#586b7c}@media (max-width: 820px){.activity-row{grid-template-columns:3rem minmax(0,1fr) auto}.activity-kind,.activity-cmcd,.activity-metric,.activity-range{display:none}}.pb-lab{border:1px solid var(--line);border-radius:8px;padding:1.5rem;margin-top:1.5rem;background:#f8fafc;display:flex;flex-direction:column;gap:1.5rem}.pb-lab-head,.pb-inspector-head,.pb-player-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.pb-lab-head h3,.pb-inspector-head h3,.pb-player-head h3{margin:0 0 .25rem;font-size:1rem}.pb-inspector{border:1px solid var(--line);border-radius:8px;padding:1.25rem;background:#fff;display:flex;flex-direction:column;gap:1.25rem}.pb-inspector-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.pb-player{border:1px solid var(--line);border-radius:8px;padding:1.25rem;background:#fff;display:flex;flex-direction:column;gap:.75rem}.pb-player-meta{font-size:.75rem;color:var(--muted);white-space:nowrap}.pb-video{width:100%;aspect-ratio:16 / 9;background:#0b1220;border-radius:6px}.pb-empty{border:1px dashed var(--line-strong);border-radius:8px;padding:1.5rem;text-align:center}.pb-empty p{margin:.25rem 0}.pb-body{display:flex;flex-direction:column;gap:1.25rem}.pb-chips{display:flex;flex-wrap:wrap;gap:.4rem}.pb-chip{display:inline-flex;align-items:center;padding:.15rem .6rem;border-radius:999px;background:#eef2f6;color:var(--text-soft);font-size:.68rem;font-weight:600;white-space:nowrap}.pb-chip-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.pb-chip-ok{background:#e4f5ec;color:#17633e}.pb-chip-warn{background:#fff3d6;color:#875300}.pb-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.6rem}.pb-summary-card{border:1px solid var(--line);border-radius:6px;background:#f8fafc;padding:.6rem .75rem;display:flex;flex-direction:column;gap:.15rem;min-width:0}.pb-summary-card span{font-size:.65rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.pb-summary-card strong{font-size:.95rem}.pb-summary-card small{font-size:.7rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pb-subtitle{margin:0 0 .5rem;font-size:.85rem}.pb-subhead{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.pb-subhead .pb-subtitle{margin:0}.pb-lanes{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.6rem}.pb-lane{border:1px solid var(--line);border-radius:6px;background:#fff;padding:.5rem}.pb-lane-label{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:.35rem}.pb-lane-bars{display:flex;align-items:flex-end;gap:2px;height:3.5rem}.pb-bar{flex:1;min-width:3px;background:var(--blue);border-radius:2px 2px 0 0}.pb-bar-miss{background:var(--danger)}.pb-bar-empty{background:var(--line)}.pb-chart{border:1px solid var(--line);border-radius:6px;background:#fff;padding:.75rem;margin-bottom:.6rem}.pb-chart-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.6rem}.pb-chart-toggle{font-size:.7rem;padding:.2rem .5rem}.pb-chart-note{margin:.5rem 0 0;font-size:.68rem;color:var(--muted)}.pb-chart-legend{display:flex;flex-wrap:wrap;gap:.35rem 1rem}.pb-chart-legend-item{display:inline-flex;align-items:center;gap:.35rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.pb-chart-swatch{width:.7rem;height:.7rem;border-radius:2px}.pb-chart-plotwrap{position:relative}.pb-chart-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.pb-chart-gridline{position:absolute;left:0;right:0;border-top:1px dashed var(--line)}.pb-chart-gridline span{position:absolute;right:0;top:-1.15em;font-size:.6rem;color:var(--muted);background:#fff;padding:0 2px;line-height:1.1}.pb-chart-plot{position:relative;display:flex;align-items:flex-end;gap:3px;height:14rem;border-bottom:1px solid var(--line);overflow-x:auto}.pb-chart-col{flex:1;min-width:6px;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:1px;z-index:1}.pb-chart-col:hover{background:#0000000d}.pb-chart-col-miss{box-shadow:inset 0 -3px 0 var(--danger)}.pb-chart-bar{width:100%;max-width:14px;border-top:2px solid;border-radius:2px 2px 0 0}.pb-chart-bar-empty{background:var(--line);border-top-color:transparent}.pb-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.25rem;align-items:start}.pb-finding{display:block;width:100%;text-align:left;border:1px solid transparent;border-radius:6px;padding:.6rem .75rem;margin-bottom:.5rem;cursor:pointer;font:inherit}.pb-finding-head{display:flex;justify-content:space-between;gap:.5rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.pb-finding p{margin:.3rem 0 0;font-size:.8rem}.pb-finding-compact{padding:.4rem .6rem}.pb-finding-evidence{color:var(--muted);font-size:.7rem}.pb-finding-error{background:#fdebec;border-color:#f3c2c9;color:#b42338}.pb-finding-warning{background:#fff3d6;border-color:#ecd39c;color:#875300}.pb-finding-info{background:#e7f0fd;border-color:#bcd4f5;color:#2463b6}.pb-context summary{cursor:pointer;font-size:.75rem;color:var(--muted);margin-bottom:.5rem}.pb-healthy{border:1px solid #bfe4cd;background:#e4f5ec;color:#17633e;border-radius:6px;padding:.6rem .75rem;font-size:.8rem}.pb-events{border:1px solid var(--line);border-radius:6px;background:#f8fafc;padding:.5rem .75rem;max-height:16rem;overflow-y:auto;display:flex;flex-direction:column;gap:.2rem}.pb-event{display:flex;justify-content:space-between;gap:.75rem;font-size:.75rem}.pb-event-time{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.pb-waterfall{display:flex;flex-direction:column;gap:.25rem}.pb-waterfall-row{display:grid;grid-template-columns:11rem minmax(0,1fr) 4.5rem;align-items:center;gap:.75rem;border:1px solid transparent;border-radius:6px;background:#fff;padding:.3rem .5rem;cursor:pointer;font:inherit;text-align:left}.pb-waterfall-row:hover{border-color:var(--line)}.pb-waterfall-selected{border-color:var(--blue)}.pb-waterfall-error{border-color:#dc262666;background:#dc26260f}.pb-waterfall-error .pb-waterfall-id,.pb-waterfall-error .pb-waterfall-duration{color:var(--danger)}.pb-waterfall-status{font-weight:600}.pb-waterfall-id{font-size:.7rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pb-waterfall-track{display:flex;height:.9rem;border-radius:3px;overflow:hidden}.pb-waterfall-track span{display:block;height:100%}.pb-phase-dns{background:#cdb4f6}.pb-phase-tcp{background:#f6c344}.pb-phase-tls{background:#f69c9c}.pb-phase-ttfb{background:#7fb3f0}.pb-phase-relay{background:#6fcf97}.pb-phase-local{background:#43b58c}.pb-phase-none{background:#dbe3ea}.pb-waterfall-duration{font-size:.7rem;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.pb-request-detail{border:1px solid var(--line);border-radius:6px;background:#fff;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.pb-request-detail h4{margin:0;font-size:.85rem}.pb-request-url{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;color:var(--muted);word-break:break-all}.pb-request-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.6rem}.pb-request-json{margin:0;border:1px solid var(--line);border-radius:6px;background:#f8fafc;padding:.75rem;font-size:.68rem;max-height:14rem;overflow:auto}@media (max-width: 820px){.pb-waterfall-row{grid-template-columns:6rem minmax(0,1fr) 3.5rem}.pb-columns{grid-template-columns:1fr}}