/* Rein visuelles Utility-Styling kommt über Tailwind (CDN, siehe <head>).
   Hier stehen nur die paar Dinge, die Tailwind-Utility-Klassen nicht sauber abbilden:
   JS-getriggerte Zustände (Drag&Drop-Hover, Akkordeon-Pfeil) und kontextabhängige
   Bildhöhen (dieselbe imageThumbHtml()-Ausgabe wird in unterschiedlich großen
   Containern wiederverwendet). */

.image-option img { height: 14rem; }
.image-option .image-placeholder { height: 14rem; }
.library-item img { height: 9rem; }
.library-item .image-placeholder { height: 9rem; }
.overview-thumb-wrap img, .overview-thumb-wrap .image-placeholder { height: 100%; }

.dropzone.dragover, .card-dropzone.dragover { border-color: #2563eb; background: #eff6ff; color: #2563eb; }

.overview-header.expanded .expand-toggle { transform: rotate(90deg); }
