.replay-layout{max-width:1540px;margin:24px auto;padding:0 24px;display:grid;gap:20px}.replay-layout .panel{min-width:0}.replay-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.replay-setup .explorer-controls{align-items:end}.reference-row{display:flex;align-items:end;gap:20px;margin:16px 0}.reference-row label{min-width:260px;max-width:600px;flex:1}.replay-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-top:16px}.replay-actions label{max-width:120px}.replay-layout label{display:grid;gap:6px;font-size:13px;color:#536575}.replay-layout select,.replay-layout input[type=number]{padding:9px;border:1px solid #d8e1e7;border-radius:7px;min-width:0;width:100%;background:#fff}.replay-layout button{cursor:pointer}.replay-layout button:disabled{cursor:default;opacity:.5}.replay-layout .secondary{background:#edf2f5;color:#334c5e}.replay-layout progress{width:100%}.replay-scrub{display:flex;align-items:center;gap:12px;margin:12px 0 20px}.replay-scrub input[type=range]{flex:1}.replay-scrub input[type=number]{width:90px}.replay-cameras{display:grid;grid-template-columns:1fr 1fr .8fr;gap:16px}.replay-cameras figure{margin:0;min-width:0}.replay-cameras img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#edf2f5;border-radius:8px}.replay-cameras img.loading{opacity:.15}.replay-cameras figcaption{font-size:12px;color:#728291;margin-top:7px}.replay-input-note{padding:8px 12px;background:#f5f8fa;border-radius:8px}.replay-input-note p{overflow-wrap:anywhere}.replay-table{max-height:420px;overflow:auto;margin-top:12px}.replay-table table{width:100%;border-collapse:collapse;font-size:12px}.replay-table th,.replay-table td{padding:8px 7px;border-bottom:1px solid #e9eef2;text-align:right;white-space:nowrap}.replay-table th:first-child,.replay-table td:first-child{text-align:left}.replay-table tr.outside{background:#fff6e7}.replay-layout canvas{width:100%;height:auto;display:block;margin-top:14px}.neighbor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.neighbor-card{padding:8px;border:1px solid #dfe7ec;border-radius:8px;background:#fafcfd;text-align:left;color:#304d60;overflow:hidden}.neighbor-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px}.neighbor-card small{display:block;overflow-wrap:anywhere}.replay-layout details{border-top:1px solid #e8edf0;border-bottom:1px solid #e8edf0;padding:12px 0}.replay-layout summary{cursor:pointer;color:#375770}.replay-layout .mono{font-size:12px}.replay-layout .summary-grid{margin-top:14px;grid-template-columns:repeat(3,1fr)}#replay_prompt{font-size:14px;line-height:1.6}#neighbor_panel{border-color:#84b8cf}.replay-layout .job-status{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:1000px){.replay-grid{grid-template-columns:1fr}.replay-cameras{grid-template-columns:1fr 1fr}.replay-input-note{grid-column:1/-1}.reference-row{align-items:stretch;flex-direction:column}.neighbor-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.replay-layout{padding:0 12px}.replay-cameras{grid-template-columns:1fr}.neighbor-grid{grid-template-columns:1fr 1fr}.replay-layout .summary-grid{grid-template-columns:1fr 1fr}.topbar{flex-wrap:wrap}}