.artQualityModal {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(0, 5, 15, .86);
  backdrop-filter: blur(7px);
}
.artQualityModal[hidden] { display: none; }
.artQualityDialog {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 620px) 260px;
  align-items: center;
  width: min(880px, 100%);
  padding: 0;
  border: 0;
  background: transparent;
  color: #f8fbff;
  filter: drop-shadow(0 24px 40px rgba(0, 0, 0, .55));
}
.artQualityCopy {
  position: relative;
  z-index: 1;
  padding: 32px 110px 32px 32px;
  border: 1px solid #a9ef21;
  background: #071522;
}
.artQualityCopy > p { margin: 0 0 10px; color: #a9ef21; font-weight: 900; letter-spacing: .12em; }
.artQualityDialog h2 { margin: 0 0 18px; font-size: clamp(25px, 5vw, 38px); }
.artQualityMessage { color: #dce8f2; font-size: 17px; line-height: 1.6; }
.artQualityDialog button { width: 100%; margin-top: 24px; padding: 15px; border: 0; background: #a9ef21; color: #071014; font-weight: 900; font-size: 16px; cursor: pointer; }
.artQualityAlien {
  position: relative;
  z-index: 2;
  display: block;
  width: 330px;
  max-width: none;
  height: auto;
  margin-left: -105px;
  pointer-events: none;
  user-select: none;
}
@media (max-width: 760px) {
  .artQualityModal { padding: 16px; }
  .artQualityDialog {
    display: block;
    width: min(560px, 100%);
  }
  .artQualityCopy { padding: 180px 22px 22px; }
  .artQualityAlien {
    position: absolute;
    top: -18px;
    right: 18px;
    width: 145px;
    margin: 0;
  }
  .artQualityDialog h2 { max-width: 100%; }
}
.productionArtworkGate {
  margin: 26px 0;
  padding: 22px;
  border: 1px solid #31566b;
  background: rgba(5, 18, 30, .82);
}
.productionArtworkGate > div:first-child { display: flex; justify-content: space-between; gap: 16px; }
.productionArtworkGate > div:first-child span { color: #a9ef21; font-size: 12px; font-weight: 900; letter-spacing: .12em; }
.productionArtworkGate p { color: #a8bcc9; line-height: 1.5; }
.productionArtworkGate label { display: grid; gap: 5px; padding: 18px; border: 1px dashed #4d7c91; cursor: pointer; }
.productionArtworkGate label:focus-within { outline: 2px solid #a9ef21; outline-offset: 2px; }
.productionArtworkGate input { position: absolute; width: 1px; height: 1px; opacity: .01; }
.productionArtworkGate strong { color: #f7fbff; }
.productionArtworkGate small { color: #91a8b6; }
.productionArtworkStatus { margin-top: 14px; color: #c5d5de; font-size: 14px; }
.productionArtworkStatus.uploading { color: #ffd166; }
.productionArtworkStatus.verified { color: #a9ef21; }
.productionArtworkStatus.error { color: #ff8d8d; }
.artworkApprovalLocked { opacity: .62; }