.galerie-sort-toggle{display:flex;align-items:center;justify-content:center;position:relative;background:var(--bg-secondary);border-radius:8px;padding:.5rem}.galerie-sort-buttons{display:flex;align-items:center;gap:.5rem}.galerie-sort-toggle.loading .galerie-sort-buttons{opacity:.4;pointer-events:none}.galerie-sort-btn{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;font-family:inherit;font-size:.85rem;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:6px;cursor:pointer;white-space:nowrap;transition:background .2s ease,color .2s ease}.galerie-sort-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.galerie-sort-btn.active{background:var(--accent-color);color:var(--text-on-accent, #fff)}.galerie-sort-btn .material-symbols-outlined{font-size:18px}@media(max-width:480px){.galerie-sort-btn span:not(.material-symbols-outlined){display:none}.galerie-sort-btn{padding:.4rem}}.image-gallery .image-card{transition:transform .4s ease,opacity .4s ease}.image-gallery.shuffling .image-card{transform:scale(.95);opacity:.7}.image-gallery.shuffling .image-card.shuffle-out{transform:scale(.9) rotate(2deg);opacity:0}.image-gallery.shuffling .image-card.shuffle-in{animation:shuffleIn .4s ease forwards}@keyframes shuffleIn{0%{transform:scale(.9) rotate(-2deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.galerie-stats{margin-bottom:1.5rem;padding:1rem;background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-sm);font-size:1rem;color:var(--text-primary);gap:.5rem}.galerie-stats strong{font-weight:700}.galerie-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:var(--text-secondary)}.galerie-loading .material-symbols-outlined{font-size:2.5rem}.galerie-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:var(--text-secondary);text-align:center}.galerie-empty .material-symbols-outlined{font-size:4rem;opacity:.5}.galerie-empty p{margin:0;font-size:1.1rem}.galerie-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:var(--error);text-align:center}.galerie-error .material-symbols-outlined{font-size:3rem}.galerie-error p{margin:0}