*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif}.grid{max-width:960px;margin:0 auto;padding:24px}.grid-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.grid-tile{padding:0;border:none;border-radius:8px;overflow:hidden;aspect-ratio:4 / 3;background:var(--bg-offset-10)}.grid-tile img{width:100%;height:100%;object-fit:cover;display:block}.album-grid{max-width:320px;aspect-ratio:3 / 2;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;overflow:hidden;border-radius:12px}.album-tile{position:relative;display:block;min-width:0;min-height:0;padding:0;border:none;background:var(--bg-offset-10);overflow:hidden}.album-tile:nth-child(1){border-radius:12px 0 0}.album-tile:nth-child(2){border-radius:0 12px 0 0}.album-tile:nth-child(3){border-radius:0 0 0 12px}.album-tile:nth-child(4){border-radius:0 0 12px}.album-tile img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.album-tile-overlay{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;color:#fff;font-size:1.5rem;font-weight:700}