/* Demo video inside the existing project dialog. Mirrors `.project-dialog>img`. */
.project-dialog .project-demo-video {
  display: block; max-height: 64vh; max-width: 100%; width: auto; height: auto;
  aspect-ratio: 9 / 16; margin: 0 auto 20px; border-radius: 12px; background: #0b0e12;
}
.project-dialog .project-demo-bar { display: flex; justify-content: center; margin: 0 0 18px; }
.project-dialog .project-demo-bar .button { min-height: 52px; font-size: 18px; }
.project-dialog .project-demo-error { color: #ffc585; text-align: center; margin-bottom: 14px; }
/* styles.css sets img{display:block}, which would override the [hidden] attribute */
.project-dialog > img[hidden] { display: none; }