@media (max-width: 900px) {
  .ds-projects-card-preview-zone { grid-template-columns: 1fr; }

  .ds-projects-card-preview-panel,
  .ds-projects-card-preview-controls > .ds-projects-field:first-child,
  .ds-projects-card-preview-controls > .ds-projects-field:nth-child(2),
  .ds-projects-card-preview-controls > .ds-projects-file-picker-field {
    grid-column: auto;
    grid-row: auto;
  }

  .ds-projects-card-form .ds-projects-style-choice-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .ds-projects-file-action-row { grid-template-columns: auto minmax(0, 1fr); }

  .ds-projects-file-action-row .ds-projects-image-clear-button { grid-column: 1 / -1; }
}


/* Digitana Social · Projekt-Karteneditor / Erstellung · Mobile-Finish */
@media (max-width: 900px) {
  .ds-projects-card-form,
  .ds-projects-card-form-main,
  .ds-projects-card-preview-zone,
  .ds-projects-card-preview-panel,
  .ds-projects-card-preview-controls,
  .ds-projects-file-picker-field,
  .ds-projects-file-action-row {
    width: 100%;
    max-width: none;
    min-width: 0;
  }

  .ds-projects-card-preview-zone {
    gap: 12px;
  }

  .ds-projects-card-preview-panel {
    justify-items: start;
  }

  .ds-projects-field input,
  .ds-projects-field textarea,
  .ds-projects-field select {
    width: 100%;
    max-width: none;
    min-width: 0;
  }

  .ds-projects-file-name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media (max-width: 560px) {
  .ds-projects-card-form .ds-projects-style-choice-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ds-projects-file-action-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .ds-projects-file-action-row .ds-projects-file-picker,
  .ds-projects-file-action-row .ds-projects-file-name,
  .ds-projects-file-action-row .ds-projects-image-clear-button {
    grid-column: 1;
    width: 100%;
    max-width: none;
  }
}