/* Luma watermark remover: use the same focused media-workspace rhythm as Picsart and InShot. */
.luma-layout-page {
  --luma-accent: #fd7c0f;
  --luma-ink: #111827;
}

/* Final Luma page composition refinements. */
@media (min-width: 1024px) {
  /* 2. Three equal format cards replace the left-side visual. */
  .luma-layout-page main > section:nth-child(2) > div > .grid {
    display: block;
  }
  .luma-layout-page
    main
    > section:nth-child(2)
    > div
    > .grid
    > div:first-child {
    display: none;
  }
  .luma-layout-page main > section:nth-child(2) .section-content-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 1.25rem;
  }
  .luma-layout-page main > section:nth-child(2) .section-content-grid > p {
    grid-column: 1 / -1 !important;
  }
  .luma-layout-page
    main
    > section:nth-child(2)
    .section-content-grid
    > article {
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100%;
  }
  .luma-layout-page main > section:nth-child(2) article {
    display: flex;
    flex-direction: column;
    min-height: 100%;
  }
  .luma-layout-page main > section:nth-child(2) article > button {
    margin-top: auto;
    align-self: flex-start;
  }

  /* 4, 6, 7. Replace the left-card icons with spacious image leads. */
  .luma-layout-page main > section:nth-child(4) article:nth-of-type(-n + 2),
  .luma-layout-page main > section:nth-child(6) article:nth-of-type(-n + 2),
  .luma-layout-page main > section:nth-child(7) article:nth-of-type(-n + 2) {
    display: flex;
    flex-direction: column;
  }
  .luma-layout-page
    main
    > section:nth-child(4)
    article:nth-of-type(-n + 2)
    > div:first-child,
  .luma-layout-page
    main
    > section:nth-child(6)
    article:nth-of-type(-n + 2)
    > div:first-child,
  .luma-layout-page
    main
    > section:nth-child(7)
    article:nth-of-type(-n + 2)
    > div:first-child {
    display: none;
  }
  .luma-layout-page
    main
    > section:nth-child(4)
    article:nth-of-type(-n + 2)::before,
  .luma-layout-page
    main
    > section:nth-child(6)
    article:nth-of-type(-n + 2)::before,
  .luma-layout-page
    main
    > section:nth-child(7)
    article:nth-of-type(-n + 2)::before {
    display: block;
    width: 100%;
    height: 15rem;
    flex: 0 0 15rem;
    margin: -0.2rem 0 1.35rem;
    border-radius: 1rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
  }
  .luma-layout-page main > section:nth-child(4) article:nth-of-type(1)::before {
    background-image: url("https://image.aiai.com/newtabrewards/20260805/4f76cb28ab0b73b1c16ce82f7df07e92.webp");
  }
  .luma-layout-page main > section:nth-child(4) article:nth-of-type(2)::before {
    background-image: url("https://image.aiai.com/newtabrewards/20260805/a70c326804eb82b8fc44832ff1a9f264.webp");
  }
  .luma-layout-page main > section:nth-child(6) article:nth-of-type(1)::before {
    background-image: url("https://image.aiai.com/newtabrewards/20260805/25e3763ed7d5ce2647af847ee651cc1c.webp");
  }
  .luma-layout-page main > section:nth-child(6) article:nth-of-type(2)::before {
    background-image: url("https://image.aiai.com/newtabrewards/20260805/021659fb4e6790598bc8f2af21a333ab.webp");
  }
  .luma-layout-page main > section:nth-child(7) article:nth-of-type(1)::before {
    background-image: url("https://image.aiai.com/newtabrewards/20260805/ce25c8e021d0fc40842728f22ade2b7d.webp");
  }
  .luma-layout-page main > section:nth-child(7) article:nth-of-type(2)::before {
    background-image: url("https://image.aiai.com/newtabrewards/20260805/461862a81a4ac4a6e25d117d5d45de58.webp");
  }
  .luma-layout-page main > section:nth-child(7) article:nth-of-type(3) {
    display: flex;
    flex-direction: column;
  }
  .luma-layout-page
    main
    > section:nth-child(7)
    article:nth-of-type(3)
    > div:first-child {
    display: none;
  }
  .luma-layout-page main > section:nth-child(7) article:nth-of-type(3)::before {
    display: block;
    width: 100%;
    height: 15rem;
    flex: 0 0 15rem;
    margin: -0.2rem 0 1.35rem;
    border-radius: 1rem;
    background: url("https://image.aiai.com/newtabrewards/20260805/f148e54d9f35bc7b6b883ad0c55a2f59.webp")
      center / cover no-repeat;
    content: "";
  }

  /* 8. Remove the old left visual and give the left text card a media lead. */
  .luma-layout-page main > section:nth-child(8) > div > .grid {
    display: block;
  }
  .luma-layout-page
    main
    > section:nth-child(8)
    > div
    > .grid
    > div:first-child {
    display: none;
  }
  .luma-layout-page main > section:nth-child(8) .section-content-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1.25rem;
  }
  .luma-layout-page main > section:nth-child(8) .section-content-grid > p {
    grid-column: 1 / -1 !important;
  }
  .luma-layout-page main > section:nth-child(8) article:first-of-type {
    display: flex;
    flex-direction: column;
  }
  .luma-layout-page
    main
    > section:nth-child(8)
    article:first-of-type
    > div:first-child {
    display: none;
  }
  .luma-layout-page main > section:nth-child(8) article:first-of-type::before {
    display: block;
    width: 100%;
    height: 15rem;
    flex: 0 0 15rem;
    margin: -0.2rem 0 1.35rem;
    border-radius: 1rem;
    background: url("https://image.aiai.com/newtabrewards/20260805/f0cf93dcb7244e73749734cdae04517d.webp")
      center / cover no-repeat;
    content: "";
  }

  /* 9. Keep the CTA below all three step cards. */
  .luma-layout-page
    main
    > section:nth-child(9)
    .section-content-grid
    > .luma-layout-action {
    grid-column: 1 / -1;
    display: flex;
    width: 100%;
    justify-content: center;
  }

  .luma-layout-page main > section:nth-child(6) .section-content-grid {
    row-gap: 0.5rem !important;
  }

  /* 12. One FAQ question-and-answer row per line. */
  .luma-layout-page main > section:nth-child(12) .grid.items-start {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  /* 13. Replace the CTA's decorative cluster with one supplied image. */
  .luma-layout-page main > section:nth-child(13) .visual-story {
    min-height: 20rem;
    background: url("https://image.aiai.com/newtabrewards/20260805/7a22e8438f8138fc23b09d4d2723c722.webp")
      center / cover no-repeat;
  }
  .luma-layout-page
    main
    > section:nth-child(13)
    .visual-story
    > :not(.sr-only) {
    display: none;
  }
}

.luma-layout-page
  main
  > section:nth-child(n + 2):nth-child(-n + 12)
  > div
  > div:first-child {
  max-width: 54rem;
  margin-inline: auto;
  text-align: center;
}
.luma-layout-page
  main
  > section:nth-child(n + 2):nth-child(-n + 12)
  > div
  > div:first-child
  h2 {
  letter-spacing: -0.035em;
}
.luma-layout-page main > section:nth-child(n + 2):nth-child(-n + 12) article {
  position: relative;
  overflow: hidden;
  border-color: rgba(229, 231, 235, 0.92);
  border-radius: 1.4rem;
  box-shadow: 0 12px 28px rgba(17, 24, 39, 0.045);
}
.luma-layout-page
  main
  > section:nth-child(n + 2):nth-child(-n + 12)
  .section-content-grid
  > p {
  color: #4b5563;
}

/* The supplied motion reference stays full-frame; the compact status label is deliberately unobtrusive. */
.luma-layout-page main > section:first-child figure > video {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.luma-layout-page main > section:first-child figure > figcaption {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 5rem 1.25rem 1.25rem;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9),
    rgba(0, 0, 0, 0.34) 58%,
    transparent
  );
}
.luma-layout-page
  main
  > section:first-child
  figure
  > figcaption
  > p:first-child {
  position: absolute;
  top: 1.1rem;
  right: 1.1rem;
  left: auto;
  margin: 0;
  border: 1px solid rgba(253, 124, 15, 0.45);
  border-radius: 999px;
  background: rgba(17, 24, 39, 0.78);
  padding: 0.45rem 0.72rem;
  color: var(--luma-accent);
  backdrop-filter: blur(10px);
}
.luma-layout-page main > section:first-child figure > figcaption > div {
  margin-bottom: 0.7rem;
}
.luma-layout-page main > section:first-child figure > figcaption > div span {
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.09);
}
.luma-layout-page main > section:first-child #video-result-wrapper {
  max-width: none;
  padding-inline: 0;
}

/* Remove the repeated promo image and let the content catalogue own the entire row. */
.luma-layout-page main > section:nth-child(5) > div > .grid {
  display: block;
}
.luma-layout-page main > section:nth-child(5) > div > .grid > div:first-child {
  display: none;
}

@media (min-width: 1024px) {
  /* Match the Picsart workspace: source and controls above a full-width result region. */
  .luma-layout-page main > section:first-child > div > .grid {
    grid-template-areas:
      "video workspace"
      "result result";
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
  }
  .luma-layout-page main > section:first-child > div > .grid > figure {
    grid-area: video;
  }
  .luma-layout-page main > section:first-child #luma-workspace-column {
    display: contents;
  }
  .luma-layout-page main > section:first-child #right-column {
    grid-area: workspace;
    width: 100%;
  }
  .luma-layout-page main > section:first-child #luma-media-workspace > .order-3,
  .luma-layout-page main > section:first-child #video-result-wrapper {
    grid-area: result;
    width: 100%;
    max-width: none;
    margin-top: 1.5rem;
    padding-inline: 0;
  }
  .luma-layout-page main > section:first-child #video-upload-wrapper,
  .luma-layout-page main > section:first-child #vid-upload-card {
    width: 100%;
  }
  .luma-layout-page main > section:first-child #vid-upload-drop-zone {
    display: flex;
    min-height: 100%;
    flex-direction: column;
    justify-content: center;
  }
  .luma-layout-page main > section:first-child #vid-upload-drop-zone.hidden {
    display: none;
  }

  /* Center the explanation, then make the classification table the anchor at left. */
  .luma-layout-page main > section:nth-child(3) .section-content-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.06fr) minmax(0, 0.94fr) !important;
    grid-template-rows: auto minmax(0, 1fr) minmax(0, 1fr);
    gap: 1rem;
  }
  .luma-layout-page main > section:nth-child(3) .section-content-grid > p {
    grid-column: 1 / -1 !important;
    max-width: 48rem;
    margin: 0 auto 0.25rem;
    text-align: center;
  }
  .luma-layout-page main > section:nth-child(3) article:nth-of-type(3) {
    grid-column: 1 !important;
    grid-row: 2 / span 2;
  }
  .luma-layout-page main > section:nth-child(3) article:nth-of-type(1) {
    grid-column: 2;
    grid-row: 2;
  }
  .luma-layout-page main > section:nth-child(3) article:nth-of-type(2) {
    grid-column: 2;
    grid-row: 3;
  }
  .luma-layout-page
    main
    > section:nth-child(3)
    article:nth-of-type(3)
    > div:last-child {
    box-shadow: inset 0 0 0 1px rgba(253, 124, 15, 0.12);
  }

  /* The no-crop and export-only narratives use InShot's two-lead / three-supporting card structure. */
  .luma-layout-page main > section:nth-child(4) .section-content-grid,
  .luma-layout-page main > section:nth-child(6) .section-content-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: auto repeat(6, minmax(5.25rem, 1fr));
    gap: 1rem;
  }
  .luma-layout-page main > section:nth-child(4) .section-content-grid > p,
  .luma-layout-page main > section:nth-child(6) .section-content-grid > p {
    grid-column: 1 / -1 !important;
    max-width: 48rem;
    margin: 0 auto 0.25rem;
    text-align: center;
  }
  .luma-layout-page main > section:nth-child(4) article:nth-of-type(1),
  .luma-layout-page main > section:nth-child(6) article:nth-of-type(1) {
    grid-column: 1 !important;
    grid-row: 2 / span 3;
  }
  .luma-layout-page main > section:nth-child(4) article:nth-of-type(2),
  .luma-layout-page main > section:nth-child(6) article:nth-of-type(2) {
    grid-column: 1 !important;
    grid-row: 5 / span 3;
  }
  .luma-layout-page main > section:nth-child(4) article:nth-of-type(3),
  .luma-layout-page main > section:nth-child(6) article:nth-of-type(3) {
    grid-column: 2 !important;
    grid-row: 2 / span 2;
  }
  .luma-layout-page main > section:nth-child(4) article:nth-of-type(4),
  .luma-layout-page main > section:nth-child(6) article:nth-of-type(4) {
    grid-column: 2 !important;
    grid-row: 4 / span 2;
  }
  .luma-layout-page main > section:nth-child(4) article:nth-of-type(5),
  .luma-layout-page main > section:nth-child(6) article:nth-of-type(5) {
    grid-column: 2 !important;
    grid-row: 6 / span 2;
  }

  /* A six-card catalogue replaces the old left-side still image. */
  .luma-layout-page main > section:nth-child(5) .section-content-grid,
  .luma-layout-page main > section:nth-child(11) .section-content-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 1.25rem;
  }
  .luma-layout-page main > section:nth-child(5) .section-content-grid > p,
  .luma-layout-page main > section:nth-child(11) .section-content-grid > p {
    grid-column: 1 / -1 !important;
    max-width: 48rem;
    margin: 0 auto 0.25rem;
    text-align: center;
  }
  .luma-layout-page main > section:nth-child(5) article,
  .luma-layout-page main > section:nth-child(11) article {
    display: flex;
    min-height: 100%;
    flex-direction: column;
  }

  /* Carry the same editorial cadence through the remaining explanatory sections. */
  .luma-layout-page main > section:nth-child(2) .section-content-grid,
  .luma-layout-page main > section:nth-child(9) .section-content-grid,
  .luma-layout-page main > section:nth-child(10) .section-content-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .luma-layout-page main > section:nth-child(2) .section-content-grid > p,
  .luma-layout-page main > section:nth-child(9) .section-content-grid > p,
  .luma-layout-page main > section:nth-child(10) .section-content-grid > p {
    grid-column: 1 / -1 !important;
  }
  .luma-layout-page main > section:nth-child(7) .section-content-grid,
  .luma-layout-page main > section:nth-child(8) .section-content-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .luma-layout-page main > section:nth-child(7) .section-content-grid > p,
  .luma-layout-page main > section:nth-child(8) .section-content-grid > p {
    grid-column: 1 / -1 !important;
  }
}