/* V226: alinhamento final do Estudio e hierarquia dos comandos da foto. */
.photo-preview-card.photo-studio-v226.is-studio-open .photo-preview-workspace {
  align-items: stretch;
}

.photo-studio-v226.is-studio-open .photo-preview-editor,
.photo-studio-v226.is-studio-open .photo-studio-side {
  align-self: stretch;
  height: 100%;
  box-sizing: border-box;
}

.photo-preview-card.photo-studio-v226 > .photo-preview-actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  width: 100%;
  max-width: none;
  margin: 9px 0 0;
  padding: 0;
}

.photo-studio-v226 .photo-preview-actions-primary {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  min-width: 0;
}

.photo-preview-card.photo-studio-v226.is-studio-open > .photo-preview-actions {
  grid-template-columns: minmax(430px, 1.08fr) minmax(390px, 0.92fr);
  column-gap: 12px;
}

.photo-preview-card.photo-studio-v226.is-studio-open > .photo-preview-actions > .photo-preview-actions-primary {
  grid-column: 1;
}

.photo-preview-download-button,
.cv-photo-download-button {
  background: linear-gradient(135deg, #49b8ef 0%, #238ed0 52%, #126cae 100%) !important;
  box-shadow: 0 7px 15px rgba(35, 142, 208, 0.28) !important;
}

.photo-preview-download-button:hover,
.photo-preview-download-button:focus-visible,
.cv-photo-download-button:hover,
.cv-photo-download-button:focus-visible {
  box-shadow: 0 10px 20px rgba(35, 142, 208, 0.38) !important;
}

#personalizationPanel .cv-perso-photo-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

#personalizationPanel .cv-perso-photo-actions .cv-photo-history-button {
  grid-column: 1 / -1;
  grid-row: 1;
  width: 100%;
  min-height: 33px !important;
  padding: 6px 8px !important;
  font-size: 9.5px !important;
  background: linear-gradient(135deg, #164f9e 0%, #0a3677 100%) !important;
  color: #fff !important;
  box-shadow: 0 7px 15px rgba(10, 54, 119, 0.24) !important;
}

#personalizationPanel .cv-perso-photo-actions .cv-photo-edit {
  grid-column: 1;
  grid-row: 2;
  background: linear-gradient(135deg, #1979c7 0%, #07539b 100%) !important;
  color: #fff !important;
  box-shadow: 0 7px 15px rgba(7, 83, 155, 0.25) !important;
}

#personalizationPanel .cv-perso-photo-actions .cv-photo-studio-button {
  grid-column: 2;
  grid-row: 2;
}

#personalizationPanel .cv-perso-photo-actions .cv-photo-change {
  grid-column: 1;
  grid-row: 3;
}

#personalizationPanel .cv-perso-photo-actions .settings-remove {
  grid-column: 2;
  grid-row: 3;
}

#personalizationPanel .cv-perso-photo-actions .cv-photo-edit,
#personalizationPanel .cv-perso-photo-actions .cv-photo-studio-button,
#personalizationPanel .cv-perso-photo-actions .cv-photo-change,
#personalizationPanel .cv-perso-photo-actions .settings-remove {
  width: 100%;
  min-width: 0;
  min-height: 32px !important;
  padding: 6px 7px !important;
  font-size: 9.5px !important;
}

#personalizationPanel .cv-perso-photo-actions .cv-photo-edit:hover,
#personalizationPanel .cv-perso-photo-actions .cv-photo-edit:focus-visible {
  box-shadow: 0 10px 20px rgba(7, 83, 155, 0.34) !important;
}

@media (max-width: 720px) {
  .photo-preview-card.photo-studio-v226.is-studio-open > .photo-preview-actions {
    grid-template-columns: minmax(0, 1fr);
  }

  .photo-preview-card.photo-studio-v226.is-studio-open > .photo-preview-actions > .photo-preview-actions-primary {
    grid-column: 1;
  }
}

@media (max-width: 390px) {
  #personalizationPanel .cv-perso-photo-actions {
    gap: 5px;
  }

  #personalizationPanel .cv-perso-photo-actions .cv-photo-history-button,
  #personalizationPanel .cv-perso-photo-actions .cv-photo-edit,
  #personalizationPanel .cv-perso-photo-actions .cv-photo-studio-button,
  #personalizationPanel .cv-perso-photo-actions .cv-photo-change,
  #personalizationPanel .cv-perso-photo-actions .settings-remove {
    padding-inline: 5px !important;
    font-size: 9px !important;
  }
}
