Bugfix + Feat Besseres Laden + Bildervorschau und Uploadbalken + Popup wirklich bild löschen?

backend/static/styles.css

@@ -634,6 +634,64 @@ input[type="file"]:focus {
   padding: 0;
 }
 
+.upload-progress {
+  padding: 0.85rem 1rem;
+  border: 1px solid rgba(31, 58, 47, 0.14);
+  border-radius: 14px;
+  background: rgba(255, 253, 248, 0.9);
+}
+
+.upload-progress[hidden] {
+  display: none;
+}
+
+.upload-progress-track {
+  height: 0.65rem;
+  overflow: hidden;
+  border-radius: 999px;
+  background: rgba(31, 58, 47, 0.12);
+}
+
+.upload-progress-track span {
+  display: block;
+  width: 0;
+  height: 100%;
+  border-radius: inherit;
+  background: linear-gradient(90deg, var(--gold), var(--forest));
+  transition: width 0.25s ease;
+}
+
+.upload-progress-count {
+  margin: 0.65rem 0 0;
+  color: var(--forest);
+  font-weight: 700;
+  text-align: center;
+}
+
+.upload-progress-status {
+  margin: 0.2rem 0 0;
+  color: rgba(31, 31, 31, 0.7);
+  text-align: center;
+}
+
+.upload-progress-status.is-error {
+  color: var(--burgundy);
+}
+
+.upload-retry-btn[hidden] {
+  display: none;
+}
+
+.form-grid.is-uploading .upload-picker {
+  cursor: wait;
+  opacity: 0.62;
+}
+
+.upload-file-remove:disabled {
+  cursor: not-allowed;
+  opacity: 0.45;
+}
+
 .btn {
   display: inline-flex;
   align-items: center;
@@ -1466,6 +1524,43 @@ input[type="file"]:focus {
   background: #5e2733;
 }
 
+.gallery-delete-dialog {
+  width: min(24rem, calc(100% - 2rem));
+  margin: auto;
+  padding: 1.5rem;
+  border: 1px solid rgba(109, 47, 61, 0.2);
+  border-radius: 18px;
+  background: #fffdf8;
+  color: var(--forest);
+  text-align: center;
+  box-shadow: 0 22px 60px rgba(18, 31, 24, 0.3);
+}
+
+.gallery-delete-dialog::backdrop {
+  background: rgba(18, 31, 24, 0.62);
+  backdrop-filter: blur(2px);
+}
+
+.gallery-delete-dialog h2 {
+  margin: 0 0 0.65rem;
+}
+
+.gallery-delete-dialog p {
+  margin: 0;
+}
+
+.gallery-delete-dialog-actions {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 0.75rem;
+  margin-top: 1.35rem;
+}
+
+.gallery-delete-dialog-actions .btn {
+  min-width: 7.5rem;
+}
+
 .lightbox {
   position: fixed;
   inset: 0;