.gif-grid{columns:4;column-gap:10px}@media (max-width:1200px){.gif-grid{columns:3}}@media (max-width:900px){.gif-grid{columns:3;column-gap:8px}}@media (max-width:600px){.gif-grid{columns:2;column-gap:6px}}.gif-masonry{align-items:flex-start;gap:10px;display:flex}.gif-masonry-col{flex:1 1 0;min-width:0}@media (max-width:900px){.gif-masonry{gap:8px}}@media (max-width:600px){.gif-masonry{gap:6px}}.gif-card{break-inside:avoid;margin-bottom:10px;display:block;position:relative}.gif-card-stack{position:relative}.gif-shadow{background-color:var(--accent);z-index:0;pointer-events:none;opacity:0;transition:transform var(--t), opacity var(--t);position:absolute;inset:0;transform:translate(0)}.gif-card:hover .gif-shadow{opacity:1;transform:translate(4px,4px)}.gif-card-inner{z-index:1;background-color:var(--background);transition:transform var(--t-fast);position:relative;overflow:hidden}.gif-card-inner:after{content:"";outline:1px solid var(--border-dim);outline-offset:-1px;pointer-events:none;transition:outline-color var(--t-fast);z-index:2;position:absolute;inset:0}.gif-card:hover .gif-card-inner:after{outline-color:var(--accent)}.gif-card:hover .gif-card-inner{transform:translate(-2px,-2px)}.gif-preview{width:100%;display:block;position:relative;overflow:hidden}.gif-preview img,.gif-preview video{width:100%;height:auto;display:block}.gif-overlay{opacity:0;transition:opacity var(--t-fast);pointer-events:none;background:linear-gradient(#0000 45%,#000c 100%);flex-direction:column;justify-content:flex-end;gap:6px;padding:12px;display:flex;position:absolute;inset:0}.gif-card:hover .gif-overlay{opacity:1}.gif-overlay-name{font-family:var(--font-display);letter-spacing:-.2px;color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.gif-actions{gap:8px;margin-top:2px;padding:8px 0;display:flex}