<div class="stage"><div class="title">TEST AGENT · HEAL</div><div class="canvas"><div class="repair"><div class="old">old: #submit <b id="old">FAIL</b></div><div class="inspect" id="inspect">inspect current UI</div><div class="new">new: role=button <b id="new">WAIT</b></div></div><div class="verdict" id="verdict">replaying failure</div></div></div>
.stage{width:min(94vw,820px);height:min(88vh,330px);box-sizing:border-box;padding:clamp(9px,2.4vmin,18px);border:1px solid var(--line);border-radius:13px;background:var(--surface);display:flex;flex-direction:column;gap:clamp(7px,2vmin,14px);font:600 clamp(12px,2.5vmin,16px)/1.28 "Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",sans-serif;color:var(--fg);overflow:hidden}.title{color:var(--accent);letter-spacing:.035em;flex:none}.canvas{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,monospace}.box{border:1px solid var(--line);border-radius:8px;background:var(--bg);padding:clamp(5px,1.4vmin,12px);text-align:center}.active{border-color:var(--accent)!important;color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 12%,var(--surface))!important}.canvas{flex-direction:column;gap:clamp(9px,3vmin,20px)}.repair{display:flex;gap:clamp(3px,1.5vmin,12px);width:100%;max-width:680px}.repair>div{flex:1;min-width:0;border:1px solid var(--line);border-radius:6px;padding:clamp(6px,2vmin,12px);text-align:center;overflow-wrap:anywhere}.repair b{display:block;margin-top:5px;color:var(--accent-3)}.repair .new b{color:var(--accent)}.repair .on{border-color:var(--accent)}.verdict{color:var(--accent)}
let n=0;function heal(){const s=n++%3;document.querySelectorAll('.repair>div').forEach((el,i)=>el.classList.toggle('on',i===s));document.getElementById('new').textContent=s===2?'PASS':'WAIT';document.getElementById('verdict').textContent=['replaying failure','matching element','rerun passed'][s]}heal();setInterval(heal,1050)