.artifact-media {
  margin: 24px 0 18px;
  aspect-ratio: 1;
  border-radius: 16px;
  overflow: hidden;
  background: #050607;
}
.artifact-media img,
.done-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.artifact-preview:has(.artifact-media:not([hidden])) .preview-mark { display: none; }
.artifact-retry {
  margin-top: 12px;
  border: 1px solid rgba(185,255,104,.45);
  border-radius: 12px;
  padding: 10px 14px;
  background: rgba(185,255,104,.08);
  color: #fff;
  cursor: pointer;
}
.artifact-retry:hover { background: rgba(185,255,104,.15); }
.done-media {
  width: min(520px,100%);
  margin: 24px auto;
  aspect-ratio: 1;
  border: 1px solid var(--line);
  border-radius: 20px;
  overflow: hidden;
  background: #050607;
}