.imageGrid{grid-template-columns:repeat(auto-fill,minmax(var(--minTileSize,160px),1fr));gap:var(--gap,12px);align-items:start;display:grid}.imageTile,.artFrame{--frame-width:17px;cursor:pointer;box-sizing:border-box;width:100%;padding:var(--frame-width);background:linear-gradient(#fff1db29 0%,#fff1db0a 18%,#00000040 82%,#00000073 100%),linear-gradient(135deg,#4b453e 0%,#2b2620 12%,#17140f 26%,#0d0b09 46%,#121009 62%,#2a251f 84%,#0a0907 100%);border:0;border-radius:2px;outline:none;transition:transform .22s,box-shadow .22s;position:relative;box-shadow:inset 1px 1px #ffeccd38,inset -1px -1px #000000d9,inset 0 0 0 6px #00000047,inset 0 0 0 7px #ffeccd12,inset 0 0 14px #000000b3,0 -2px #fff1db38,0 3px #0000008c,0 0 0 1px #000000e6,0 3px 4px -1px #1e160e99,0 10px 14px -4px #1e160e80,0 24px 34px -12px #1e160e73,0 46px 60px -24px #1e160e61}.imageTile{aspect-ratio:1}.imageTileImg{object-fit:cover;width:100%;height:100%;transition:transform .18s,filter .18s;display:block;transform:scale(1);box-shadow:0 0 0 1px #ffeccd2e,0 0 0 4px #0a0907,0 0 0 5px #000000e6,inset 0 2px 7px #00000059}.imageTile:hover,.artFrame:hover{transform:translateY(-3px);box-shadow:inset 1px 1px #ffeccd47,inset -1px -1px #000000d9,inset 0 0 0 6px #00000047,inset 0 0 0 7px #ffeccd17,inset 0 0 14px #000000b3,0 0 0 1px #000000e6,0 3px 5px #1e160e80,0 20px 30px -6px #1e160e80,0 38px 56px -14px #1e160e73}.imageTile:hover .imageTileImg{filter:brightness(1.03)}.imageTile:focus-visible{outline-offset:3px;outline:3px solid #3b82f6e6}@media (prefers-reduced-motion:reduce){.imageTileImg{transition:none}}.imageGrid--masonry{align-items:flex-start;gap:var(--gap,16px);display:flex}.imageGridColumn{gap:var(--gap,16px);flex-direction:column;flex:1 1 0;min-width:0;display:flex}.imageGrid--masonry .imageTile{aspect-ratio:auto;width:100%;margin:0;transition:transform .22s,box-shadow .22s,rotate .22s;display:block}.imageGrid--masonry .imageTileImg{object-fit:contain;border-radius:0;height:auto}.imageGrid--masonry .imageTile:hover{transform:translateY(-4px)rotate(-.6deg)}.imageGrid--masonry .imageTile:hover .imageTileImg{transform:none}@media (prefers-reduced-motion:reduce){.imageTile,.imageTile:hover,.artFrame,.artFrame:hover,.imageGrid--masonry .imageTile,.imageGrid--masonry .imageTile:hover{transition:none;transform:rotate(0)}}.imageTile--draggable{cursor:grab}.imageTile--draggable:active{cursor:grabbing}.imageTile--dragging{opacity:.35}.imageTile--dropTarget{outline-offset:3px;outline:3px solid #f472b6e6}