.best-section{max-width:1200px;margin:0 auto;padding:24px 12px}.best-header{grid-template-columns:1fr auto;align-items:center;gap:12px;margin-bottom:12px;display:grid}.best-title{text-align:center;background:linear-gradient(90deg,#9333ea,#ec4899,#f59e0b);color:transparent;-webkit-background-clip:text;background-clip:text;justify-self:center;font-size:28px;font-weight:800;line-height:1.15}.best-link{color:#4b5563;justify-self:end;font-size:14px;text-decoration:none}.best-link:hover{text-decoration:underline}.masonry{column-count:4;column-gap:14px}@media (max-width:1024px){.masonry{column-count:3}}@media (max-width:640px){.masonry{column-count:2}}.is-shuffling{opacity:.85;transition:opacity .2s}.best-card{break-inside:avoid;page-break-inside:avoid;background:#fff;border:none;border-radius:14px;width:100%;margin-bottom:14px;display:inline-block;position:relative;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.06)}.best-img{object-fit:cover;object-position:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;transition:opacity .3s;display:block}.best-img.is-loading{opacity:0}.best-img.is-loaded{opacity:1}.img-shimmer{background:linear-gradient(100deg,#f2f2f2 0%,#eaeaea 20%,#f2f2f2 40%) 0 0/200% 100%;min-height:220px;animation:1.2s infinite shimmer;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.best-controls{opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;top:0;bottom:0;left:0;right:0}.best-card:hover .best-controls{opacity:1;pointer-events:all}.best-btn{cursor:pointer;background:rgba(255,255,255,.92);border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,box-shadow .2s;display:inline-flex;position:absolute;box-shadow:0 4px 10px rgba(0,0,0,.1)}.best-btn:hover{background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.15)}.best-btn i{color:#111827;font-size:18px}.best-btn.like{border:1px solid #000;top:8px;left:8px}.best-btn.save{top:8px;right:8px}.best-btn.download{bottom:8px;left:50%;transform:translate(-50%)}.best-actions{justify-content:center;margin-top:18px;display:flex}.shuffle-btn{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:8px 12px;transition:background .2s,color .2s,border-color .2s,opacity .2s}.shuffle-btn:hover{background:#f8fafc}.shuffle-btn.loading{opacity:.7;cursor:default}
