.success-rate{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:7px 10px;color:var(--ink);font-size:12px;line-height:1.5}
.success-rate[hidden]{display:none}
.success-rate-head{display:inline-flex;align-items:center;flex-wrap:wrap;gap:7px}
.metric-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:6px;background:#eaf1ff;color:#3265a4;font-size:12px;line-height:1.5;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.metric-badge-duration{background:#eef1f5;color:#596a83}
body.atelier-v2 .metric-badge{background:#5a9bf025;color:#a9ceff}
body.atelier-v2 .metric-badge-duration{background:#8da4c420;color:#c4d4ea}
.success-rate-details{font-size:11px;color:var(--muted)}
.success-rate-details summary{cursor:pointer;list-style:none;white-space:nowrap;text-underline-offset:3px}
.success-rate-details summary::after{content:' ⓘ';opacity:.7}
.success-rate-details summary::-webkit-details-marker{display:none}
.success-rate-details summary:hover{text-decoration:underline}
.success-rate-details summary:focus-visible{outline:2px solid #56789e;outline-offset:3px;border-radius:3px}
.success-rate-info{position:absolute;z-index:8;top:calc(100% + 6px);left:0;width:min(420px,100%);padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);box-shadow:0 6px 22px #0003;line-height:1.7}
.success-rate-info p{margin:0}.success-rate-info p+p{margin-top:6px}
.success-rate-counts{font-variant-numeric:tabular-nums}
#task-success-rate{margin:0 24px 16px}
.model-card>.success-rate{margin:14px 0 0}
.studio-form>.success-rate{margin-top:-3px}
.ui-choice-option .success-rate-head{margin-top:3px}
.ui-choice-option .metric-badge{font-size:12px}
@media(max-width:640px){#task-success-rate{margin:0 14px 14px}.metric-badge{padding:3px 7px}}