/* YOLO目标检测 */
/* 标注结果台面：浅色格子底衬在图画后面，画布按容器宽度缩到合适大小 */
.yd-stage{display:flex;align-items:center;justify-content:center;padding:.5rem;
  border:1px solid #eef1f5;border-radius:.6rem;background:#f6f7f9}
.yd-stage canvas{display:block;max-width:100%;max-height:34rem;border-radius:.375rem}
/* 模型 / 图片那一行：图标 + 文件名 + 说明 + 右侧移除按钮
   （文件名和说明都可以换行，按钮固定不缩，窄屏时自动折到下一行） */
.yd-file{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem}
.yd-file>i{flex:0 0 auto}
.yd-file .text-break{flex:0 1 auto;min-width:0;max-width:100%}
.yd-file .sub{flex:1 1 12rem;min-width:0;white-space:normal}
.yd-file .btn{flex:0 0 auto;white-space:nowrap}
.yd-thumb{width:2.75rem;height:2.75rem;object-fit:cover;border-radius:.375rem;border:1px solid #eef1f5}
.yd-names{font-size:.875rem}
/* 每类几个的小胶囊 */
.yd-chips{display:flex;flex-wrap:wrap;gap:.375rem}
.yd-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.1rem .55rem;border-radius:999px;
  background:#f4f6f8;font-size:.8125rem}
.yd-chip i{width:.6rem;height:.6rem;border-radius:50%;display:inline-block}
/* 结果表：行里的小色点 + 悬停整行高亮 */
.yd-table td,.yd-table th{font-size:.875rem;vertical-align:middle}
.yd-table tbody tr{cursor:default}
.yd-table tbody tr:hover{background:var(--site-tint)}
.yd-dot{display:inline-block;width:.6rem;height:.6rem;border-radius:50%;margin-right:.35rem;vertical-align:-1px}
@media (max-width:575.98px){
  .yd-stage canvas{max-height:22rem}
}