.row{display:flex;margin:0 0 2rem;align-items:center;justify-content:space-between;flex-wrap:wrap;clear:both}.gallery.row,.imageWrapper{justify-content:center}.imageWrapper{margin:.5rem;display:flex;align-items:center;width:calc(12.5% - 1rem)}.imageWrapper .image{max-height:300px;margin:0;padding:0;width:100%;max-width:100%;max-height:none;float:none;height:auto;border:1px solid #aaa}.imageWrapper .shadow{max-height:300px;margin:.5rem 1rem;padding:0;width:auto;max-width:100%;box-shadow:8px 8px 8px rgba(0,0,0,.3)}@media (max-width:1080px){.imageWrapper{width:calc(50% - 1rem)}}@media (max-width:768px){.imageWrapper{width:100%;margin:1rem 0}}.listView{display:flex;flex-direction:column;gap:.5rem;width:100%}.listItem{display:flex;align-items:center;padding:.75rem;border:1px solid #ddd;border-radius:4px;background:#fff;transition:background-color .2s}.listItem:hover{background-color:#f5f5f5}.listThumbnail{width:60px;height:60px;-o-object-fit:cover;object-fit:cover;border:1px solid #aaa;margin-right:1rem;flex-shrink:0}.listInfo{display:flex;flex-direction:column;gap:.25rem;flex:1}.listFilename{font-weight:600;font-size:1rem;color:#333}.listDetails{display:flex;gap:1rem;font-size:.875rem;color:#666;flex-wrap:wrap}.listDetail{display:flex;align-items:center;gap:.25rem}.viewToggle{display:flex;justify-content:flex-end;margin-bottom:1rem;gap:.5rem}.viewButton{padding:.5rem 1rem;border:1px solid #ccc;background:#fff;cursor:pointer;border-radius:4px;transition:all .2s}.viewButton:hover{background:#f0f0f0}.viewButton.active{background:#333;color:#fff;border-color:#333}@media (max-width:768px){.listDetails{flex-direction:column;gap:.25rem}.listThumbnail{width:50px;height:50px}}