.replay-loading-dialog{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:24px;border:1px solid var(--line,#c7d4cb);border-radius:12px;background:var(--surface,#fff);color:var(--ink,#203327);box-shadow:0 16px 60px #0003;overflow:auto}
.replay-loading-dialog::backdrop{background:#0c292655}
.replay-loading-dialog h2{margin:0;font-size:20px;color:var(--ink,#203327);line-height:1.35}
.replay-loading-dialog h2:focus{outline:none}
.replay-loading-class{margin:6px 0 0;color:var(--muted,#60736a);font-size:14px}
.replay-loading-dialog ol{list-style:none;margin:20px 0 0;padding:0}
.replay-loading-dialog li{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;font-size:14px}
.replay-loading-icon{width:18px;height:18px;border:2px solid var(--line,#c7d4cb);border-radius:50%;display:grid;place-items:center;font-size:12px;line-height:1}
.replay-loading-status{font-size:12px;color:var(--muted,#60736a)}
.replay-loading-dialog [data-status=active] .replay-loading-icon{border-top-color:#2b8064;animation:replay-loading-spin .9s linear infinite}
.replay-loading-dialog [data-status=done] .replay-loading-icon{border-color:#2b8064;background:#2b8064;color:white}
.replay-loading-dialog [data-status=error] .replay-loading-icon{border-color:#bb3737;color:#bb3737}
.replay-loading-dialog [data-status=pending],.replay-loading-dialog [data-status=skipped]{opacity:.65}
.replay-loading-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}
.replay-loading-actions[hidden],.replay-loading-dialog [hidden]{display:none}
.replay-loading-actions [data-retry]{background:#225d4f;border-color:#225d4f;color:white}
.replay-loading-actions [data-retry]:hover{background:#174c40}
@keyframes replay-loading-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.replay-loading-dialog [data-status=active] .replay-loading-icon{animation:none}}
@media(max-width:380px){.replay-loading-dialog{padding:20px}.replay-loading-status{font-size:11px}.replay-loading-dialog li{gap:8px;font-size:13px}}

.replay-loading-actions [data-close]{background:var(--button,#fff);border-color:var(--line,#c7d4cb);color:var(--ink,#203327)}
.replay-loading-actions [data-close]:hover{background:var(--selected,#e1eee9)}