.media-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid;position:relative}.media-tile-slot{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;min-width:0;position:relative}.media-tiles.is-jiggling .media-tile-slot{touch-action:none;cursor:grab}.media-tile-slot.is-dragged{z-index:10}.media-tile-slot.is-dragged .media-tile{scale:1.05;box-shadow:0 14px 28px #0003}.media-tile{aspect-ratio:3/4;border:1px solid var(--color-line);-webkit-tap-highlight-color:transparent;background:#e9eee5;border-radius:22px;display:block;position:relative;overflow:hidden;box-shadow:0 3px 8px #0000001a}.media-tile img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.media-tile-empty{color:#9fb196;place-items:center;display:grid;position:absolute;inset:0}.media-tile-empty svg{stroke-width:1.5px;width:34%;height:34%}.media-tile-info{color:#fff;background:linear-gradient(#0000,#000a 70%);flex-direction:column;gap:4px;padding:44px 14px 13px;display:flex;position:absolute;bottom:0;left:0;right:0}.media-tile-title{text-shadow:0 1px 3px #0006;align-items:center;gap:8px;font-size:18px;font-weight:600;display:flex}.media-tile-title svg{stroke-width:2px;flex-shrink:0;width:20px;height:20px}.media-tile-meta{color:#ffffffd0;flex-direction:column;gap:1px;font-size:12.5px;display:flex}.media-tile-caption{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-tiles-error{color:#a33a2c;background:#fff1ee;border-radius:10px;margin-bottom:10px;padding:8px 12px;font-size:14px}@media (min-width:760px){.media-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (hover:hover){.media-tile:hover{border-color:var(--color-accent)}}@media (prefers-reduced-motion:no-preference){.media-tile{transition:scale .12s}.media-tile:active{scale:.98}.media-tiles.is-jiggling .media-tile-slot:not(.is-dragged) .media-tile{animation:.26s ease-in-out infinite alternate media-jiggle}.media-tiles.is-jiggling .media-tile-slot:nth-child(2n) .media-tile{animation-direction:alternate-reverse}@keyframes media-jiggle{0%{rotate:-1deg}to{rotate:1deg}}}