.run-ctl{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s5)}
.btn[aria-disabled="true"]{opacity:.55;cursor:default}
@media (hover:hover){.btn--primary[aria-disabled="true"]:hover{background:var(--ink);border-color:var(--ink)}}
.run-result{background:var(--surface);border-radius:var(--r-plate);padding:var(--s5) var(--s5) var(--s4)}
.rr-head{display:flex;align-items:flex-start;gap:var(--s4)}
.rr-mark{position:relative;flex:none;width:48px;height:48px;display:grid;place-items:center}
.rr-mark .rd{--rd:40px;--ring:6px}
.rr-mark::after{content:"";position:absolute;inset:0;border-radius:50%;border:3px solid transparent;opacity:0}
.run-result[data-state="running"] .rr-mark::after{opacity:1;border-top-color:var(--ink);animation:rr-turn .9s linear infinite}
@keyframes rr-turn{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.run-result[data-state="running"] .rr-mark::after{animation:none;border-color:var(--ink);border-left-color:transparent}}
.rr-words{min-width:0;padding-top:2px}
.rr-title{font-size:var(--fs-2xl);line-height:1.15;letter-spacing:-.02em}
.rr-line{margin-top:var(--s2);font-size:var(--fs-m);line-height:1.45;color:var(--ink-2);max-width:40em;min-height:1.45em}
.run-result[data-state="done"] .rr-line{color:var(--ink);font-weight:600}
.run-result[data-state="error"] .rr-line{color:var(--bad);font-weight:600}
.caps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3);margin-top:var(--s5)}
.cap{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s4) var(--s4) var(--s4);background:var(--page);border:1.5px solid var(--edge);border-radius:var(--r-plate);min-width:0}
.cap-pic{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--ink)}
.cap-pic svg{width:26px;height:26px;stroke:currentColor;fill:currentColor}
.cap-pic svg [fill="none"]{fill:none}
.cap-t h3{font-size:var(--fs-l);font-weight:800;line-height:1.25;letter-spacing:-.01em}
.cap-say{margin-top:4px;font-size:var(--fs-s);line-height:1.45;color:var(--ink-2)}
.cap-st{margin-top:auto;display:flex;align-items:center;gap:8px;min-height:28px;font-size:var(--fs-s);font-weight:700;line-height:1.3;color:var(--ink-3)}
.cap-st .tick{width:24px;height:24px;margin-top:0}
.cap-st .tick svg{width:13px;height:13px}
.cap[data-state="ok"] .cap-st{color:var(--ink)}
.cap[data-state="bad"] .cap-st{color:var(--bad)}
.cap[data-state="bad"] .tick{background:var(--bad)}
.cap[data-state="error"] .cap-st{color:var(--ink-2);font-weight:600}
.cap[data-state="running"] .cap-st{color:var(--ink)}
.cap-spin{width:24px;height:24px;flex:none;border-radius:50%;border:3px solid var(--rule);border-top-color:var(--ink);animation:rr-turn .9s linear infinite}
@media (prefers-reduced-motion:reduce){.cap-spin{animation:none;border-left-color:var(--ink)}}
.cap[data-state="ok"]{border-color:var(--ok)}
.cap[data-state="bad"]{border-color:var(--bad)}
.rr-foot{margin-top:var(--s4);font-size:var(--fs-xs);line-height:1.5;color:var(--ink-3)}
.run-dev{margin-top:var(--s5)}
@media (max-width:1023px){
  .caps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:559px){
  .run-result{padding:var(--s4) var(--s4) var(--s3)}
  .rr-head{gap:var(--s3)}
  .rr-mark{width:40px;height:40px}
  .rr-mark .rd{--rd:32px;--ring:5px}
  .caps{grid-template-columns:minmax(0,1fr);gap:var(--s2)}
  .cap{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:var(--s3);row-gap:var(--s2);align-items:start;padding:var(--s3) var(--s4)}
  .cap-pic{grid-row:1 / span 2}
  .cap-st{grid-column:2;margin-top:0}
  .cap-t h3{font-size:var(--fs-m)}
}