.scene-matcher{border-color:#6b559855}.matcher-heading h2{margin-top:5px}.match-selectors{display:grid;grid-template-columns:1.35fr 1fr .8fr;gap:14px;margin-top:20px}.match-controls{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:5px 0 19px;font-size:12px;color:var(--muted)}.match-controls label,.match-legend label{display:flex;align-items:center;gap:7px}.match-controls button{margin-left:auto}.match-legend{display:flex;align-items:center;flex-wrap:wrap;gap:20px;padding:13px 0;border-top:1px solid var(--line);font-size:12px}.match-legend strong{margin-left:auto;color:#e1d6fa;font-weight:600}.match-swatch{width:22px;height:12px;border:2px solid;display:inline-block;border-radius:2px}.match-swatch.gt{border-color:#2d8cff;background:#2d8cff35;border-style:dashed}.match-swatch.prediction{border-color:#ff9e32;background:#ff9e3235}.match-views{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.match-camera{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#0b0b12}.match-camera-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px}.match-camera-heading h3{font-size:12px;font-weight:550;margin:0;color:#eee5fa}.match-camera-heading .pill{font-size:8px;white-space:nowrap}.match-canvas-wrap{position:relative;aspect-ratio:4/3;background:#12101a}.match-canvas-wrap canvas{display:block;width:100%;height:100%}.match-frame-state{position:absolute;right:8px;bottom:8px;padding:3px 7px;background:#090911c9;color:#e4dbef;font-size:8px;letter-spacing:1px;border-radius:4px;pointer-events:none}.match-metrics{padding:0 12px}.match-metrics .data-table td,.match-metrics .data-table th{padding:11px 5px;font-size:11px}.match-iou{font-variant-numeric:tabular-nums;color:#f5c99a;font-size:13px;font-weight:600}.match-iou.good{color:#bde8cc}.match-iou-bar{display:block;width:65px;max-width:100%;height:3px;margin-top:4px;background:linear-gradient(to right,#ff9e32 var(--iou),#2c2636 var(--iou));border-radius:2px}.match-missing{display:block;margin-top:3px;color:#e7a4b8;font-size:9px}.match-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:10px;color:var(--muted);margin-top:14px}.match-policy-note{border-top:1px solid var(--line);padding-top:12px;margin-bottom:0}.comparison-categories,#comparison-categories{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.comparison-category{display:flex;align-items:center;gap:15px;padding:11px 15px}.comparison-category small{color:var(--muted);font-size:10px}.comparison-category.active{background:#8b68bf25;border-color:#ad8ce5;color:#eadbff}.comparison-episodes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.comparison-episode{border:1px solid var(--line);border-radius:12px;overflow:hidden;padding-bottom:12px;background:#121019}.comparison-episode.selected{border-color:#a287d8;box-shadow:0 0 0 1px #a287d833}.comparison-episode-thumb{display:block;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0;width:100%;aspect-ratio:4/3;background:#1b1625;cursor:pointer}.comparison-episode-thumb img{width:100%;height:100%;object-fit:cover}.comparison-episode-thumb>span{display:flex;flex-direction:column;align-items:center;gap:6px;color:#a38fb9;font-size:28px}.comparison-episode-thumb small{font-size:10px;color:var(--muted)}.comparison-episode>div{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:12px 10px 0}.comparison-episode strong{font-size:12px}.comparison-episode .pill{font-size:7px;padding:3px 5px}.comparison-episode>p{padding:0 10px;color:var(--muted);font-size:10px}.comparison-episode>.small{margin:0 10px;font-size:10px;padding:6px 8px}.inference-layout>.stack>.scene-matcher{padding:20px}.standard-camera-previews>summary{padding:12px 0;color:var(--muted);font-size:12px;cursor:pointer}@media(max-width:1250px){.comparison-episodes{grid-template-columns:repeat(3,minmax(0,1fr))}.inference-layout .match-views{grid-template-columns:1fr}.inference-layout .match-selectors{grid-template-columns:1fr 1fr}.inference-layout .match-selectors>.field:first-child{grid-column:1/-1}}@media(max-width:700px){.comparison-episodes{grid-template-columns:repeat(2,minmax(0,1fr))}.match-selectors,.match-views{grid-template-columns:1fr}.match-controls{gap:12px}.match-controls button{margin-left:0}.match-legend{gap:12px}.match-legend strong{width:100%;margin-left:0}.match-footer{font-size:9px}}
.scene-matcher{scroll-margin-top:85px}.match-controls input[type=checkbox],.match-legend input[type=checkbox]{width:15px;height:15px;min-height:15px;padding:0;margin:0;flex:0 0 15px;accent-color:#b39bdf}.match-controls label,.match-legend label{white-space:nowrap}.match-controls label{flex:none}.comparison-category{text-transform:capitalize}
.match-task-prompt{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #68527c55;border-radius:9px;padding:10px 13px;margin:0 0 18px;color:#d9cee9;font-size:12px}.match-task-prompt small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:4px}.match-task-prompt button{white-space:nowrap;flex:none}
.match-actions{display:flex;align-items:center;gap:9px;margin-left:auto}.match-controls .match-actions button{margin-left:0}.match-controls .primary{white-space:nowrap}@media(max-width:700px){.match-actions{width:100%;margin-left:0;flex-wrap:wrap}}

.comparison-outcomes{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 17px}.comparison-outcomes>small{margin-left:auto;color:var(--muted);font-size:10px}.comparison-total{border:1px solid;border-radius:7px;padding:8px 12px;font-size:12px;font-weight:700}.comparison-total.success{color:#b8f3ce;border-color:#5ec78b66;background:#25483755}.comparison-total.failure{color:#ffb4c4;border-color:#ed789766;background:#56233555}.comparison-total.pending{color:#e1d2f5;border-color:#9c84bc66;background:#30253d55}.comparison-episode.outcome-success{border-color:#5ec78b88}.comparison-episode.outcome-failure{border-color:#ed7897aa}.comparison-episode.selected{outline:2px solid #b59ae3;outline-offset:3px}.comparison-episode>.comparison-episode-result{display:flex;justify-content:center;align-items:center;gap:8px;margin:10px 9px 0;padding:10px 7px;border:1px solid;border-radius:7px;min-height:43px}.comparison-episode-result>span{font-size:20px;font-weight:800;line-height:1}.comparison-episode-result>strong{font-size:13px;font-weight:750;letter-spacing:.2px}.comparison-episode-result.success{color:#b8f3ce;background:#25483788;border-color:#5ec78b88}.comparison-episode-result.failure{color:#ffb4c4;background:#56233599;border-color:#ed7897aa}.comparison-episode-result.pending{color:#e1d2f5;background:#30253d88;border-color:#9c84bc66}.comparison-episode-result.unrun{color:#a89bae;background:#211b29;border-color:#4d415b}.comparison-episode>p{min-height:14px}@media(max-width:700px){.comparison-outcomes>small{width:100%;margin-left:0}.comparison-episode-result>strong{font-size:12px}}
