.image-list-container[data-v-96e994ca]{width:100%}.layout-controls[data-v-96e994ca]{margin-bottom:20px;text-align:center}.masonry-grid[data-v-96e994ca]{min-height:400px;opacity:0;position:relative;transition:opacity .3s ease,height .3s ease;width:100%}.masonry-grid.layout-ready[data-v-96e994ca]{opacity:1}.masonry-item[data-v-96e994ca]{background:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;overflow:hidden;transition:all .3s ease}.masonry-item[data-v-96e994ca]:hover{border-color:#009a61;box-shadow:0 8px 25px #0003;transform:translateY(-3px);z-index:10}.image-wrapper[data-v-96e994ca]{background:#f5f5f5;overflow:hidden;position:relative;width:100%}.image-wrapper img[data-v-96e994ca]{border-radius:4px;display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.masonry-item:hover .image-wrapper img[data-v-96e994ca]{transform:scale(1.05)}.hover-buttons[data-v-96e994ca]{bottom:10px;display:flex;flex-direction:column;gap:8px;opacity:0;position:absolute;right:10px;transform:translateY(10px);transition:all .3s ease}.masonry-item:hover .hover-buttons[data-v-96e994ca]{opacity:1;transform:translateY(0)}.action-btn[data-v-96e994ca]{align-items:center;background:#ffffffe6;border-radius:50%;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.action-btn[data-v-96e994ca]:hover{box-shadow:0 4px 12px #0003;transform:scale(1.1)}.action-btn svg>path[data-v-96e994ca],.action-btn>svg>path[data-v-96e994ca]{fill:#515151}.action-btn .el-icon[data-v-96e994ca]{color:#666;font-size:18px;fill:#515151;transition:color .2s ease}.action-btn:hover .el-icon[data-v-96e994ca]{color:#333}.action-btn.liked[data-v-96e994ca]{background:#f56b6be6}.action-btn.liked .el-icon[data-v-96e994ca],.action-btn.liked .el-icon>path[data-v-96e994ca]{color:#fff;fill:#fff}.action-btn.favorited[data-v-96e994ca]{background:#e6a23ce6}.action-btn.favorited .el-icon[data-v-96e994ca]{color:#fff}.image-title[data-v-96e994ca]{background:#fafafa;border-top:1px solid #eee;color:#333;font-size:14px;padding:8px 12px;text-align:center}.image-loading-overlay[data-v-96e994ca]{align-items:center;background-color:#fffc;color:#009a61;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.image-loading[data-v-96e994ca]{opacity:.6}@media (max-width:768px){.hover-buttons[data-v-96e994ca]{bottom:8px;gap:6px;right:8px}.action-btn[data-v-96e994ca]{height:32px;width:32px}.action-btn .el-icon[data-v-96e994ca]{font-size:16px}}@media (max-width:480px){.layout-controls[data-v-96e994ca]{margin-bottom:15px}.hover-buttons[data-v-96e994ca]{bottom:6px;gap:4px;right:6px}.action-btn[data-v-96e994ca]{height:28px;width:28px}.action-btn .el-icon[data-v-96e994ca]{font-size:14px}}