#grid-container{height:600px;margin:0 auto}#grid-container.vlist--horizontal{height:300px;width:100%}#grid-container.vlist--horizontal .vlist-viewport{overflow-x:auto;overflow-y:hidden}.grid-info{padding:8px 14px;margin-bottom:16px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);font-size:13px;color:var(--text-muted)}.grid-info strong{color:var(--text)}.ctrl-btn{padding:6px 14px;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);color:var(--text-muted);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all 0.15s ease;min-width:36px;text-align:center}.ctrl-btn:hover{border-color:var(--accent);color:var(--accent-text)}.ctrl-btn--active{background:var(--accent);color:white;border-color:var(--accent)}.card{position:relative;width:100%;height:100%;overflow:hidden;border-radius:8px;background:var(--bg-card);cursor:pointer}.card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.25s ease}.card:hover .card__img{transform:scale(1.05)}.card__overlay{position:absolute;bottom:0;left:0;right:0;padding:24px 8px 8px;background:linear-gradient(transparent,rgba(0,0,0,0.7));display:flex;flex-direction:column;gap:2px;opacity:0;transition:opacity 0.2s ease}.card:hover .card__overlay{opacity:1}.card__title{font-size:12px;font-weight:600;color:white;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card__category{font-size:10px;color:rgba(255,255,255,0.7);text-transform:uppercase;letter-spacing:0.5px}.card__likes{position:absolute;top:6px;right:6px;padding:2px 8px;border-radius:10px;background:rgba(0,0,0,0.5);color:white;font-size:11px;font-weight:600;opacity:0;transition:opacity 0.2s ease}.card:hover .card__likes{opacity:1}.detail__img{width:100%;border-radius:8px;display:block;margin-bottom:8px}.detail__meta{display:flex;flex-direction:column;gap:2px;font-size:13px}.detail__meta strong{font-weight:600}.detail__meta span{font-size:12px;color:var(--text-muted)}#grid-container .vlist-item{padding:0;border:none;background:transparent}#grid-container .vlist-item:hover{background:transparent}@media (max-width:820px){#grid-container{height:400px}#grid-container.vlist--horizontal{height:250px}}