diff --git a/img/frames/mysticalArchive/margin/maskPinline.png b/img/frames/mysticalArchive/margin/maskPinline.png
new file mode 100644
index 00000000..5bc33898
Binary files /dev/null and b/img/frames/mysticalArchive/margin/maskPinline.png differ
diff --git a/img/frames/mysticalArchive/margin/maskPinlineRight.png b/img/frames/mysticalArchive/margin/maskPinlineRight.png
new file mode 100644
index 00000000..1bc89804
Binary files /dev/null and b/img/frames/mysticalArchive/margin/maskPinlineRight.png differ
diff --git a/img/frames/mysticalArchive/margin/maskPinlineRightThumb.png b/img/frames/mysticalArchive/margin/maskPinlineRightThumb.png
new file mode 100644
index 00000000..4b2dad6a
Binary files /dev/null and b/img/frames/mysticalArchive/margin/maskPinlineRightThumb.png differ
diff --git a/img/frames/mysticalArchive/margin/maskPinlineThumb.png b/img/frames/mysticalArchive/margin/maskPinlineThumb.png
new file mode 100644
index 00000000..46eac1e1
Binary files /dev/null and b/img/frames/mysticalArchive/margin/maskPinlineThumb.png differ
diff --git a/js/frames/packMarginMysticalArchive.js b/js/frames/packMarginMysticalArchive.js
index f620c48a..20796c3d 100644
--- a/js/frames/packMarginMysticalArchive.js
+++ b/js/frames/packMarginMysticalArchive.js
@@ -1,16 +1,17 @@
 //Create objects for common properties across available frames
+var masks = [{src:'/img/frames/mysticalArchive/margin/maskPinline.png', name:'Pinline'}, {src:'/img/frames/mysticalArchive/margin/maskPinlineRight.png', name:'Pinline (Right)'}];
 var bounds = {x:-0.044, y:-1/35, width:1.088, height:37/35};
 var ogBounds = {x:0, y:0, width:1, height:1};
 //defines available frames
 availableFrames = [
-	{name:'White Extension', src:'/img/frames/mysticalArchive/margin/w.png', bounds:bounds, ogBounds:ogBounds},
-	{name:'Blue Extension', src:'/img/frames/mysticalArchive/margin/u.png', bounds:bounds, ogBounds:ogBounds},
-	{name:'Black Extension', src:'/img/frames/mysticalArchive/margin/b.png', bounds:bounds, ogBounds:ogBounds},
-	{name:'Red Extension', src:'/img/frames/mysticalArchive/margin/r.png', bounds:bounds, ogBounds:ogBounds},
-	{name:'Green Extension', src:'/img/frames/mysticalArchive/margin/g.png', bounds:bounds, ogBounds:ogBounds},
-	{name:'Multicolored Extension', src:'/img/frames/mysticalArchive/margin/m.png', bounds:bounds, ogBounds:ogBounds},
-	{name:'Artifact Extension', src:'/img/frames/mysticalArchive/margin/a.png', bounds:bounds, ogBounds:ogBounds},
-	{name:'Land Extension', src:'/img/frames/mysticalArchive/margin/l.png', bounds:bounds, ogBounds:ogBounds}
+	{name:'White Extension', src:'/img/frames/mysticalArchive/margin/w.png', bounds:bounds, ogBounds:ogBounds, masks:masks},
+	{name:'Blue Extension', src:'/img/frames/mysticalArchive/margin/u.png', bounds:bounds, ogBounds:ogBounds, masks:masks},
+	{name:'Black Extension', src:'/img/frames/mysticalArchive/margin/b.png', bounds:bounds, ogBounds:ogBounds, masks:masks},
+	{name:'Red Extension', src:'/img/frames/mysticalArchive/margin/r.png', bounds:bounds, ogBounds:ogBounds, masks:masks},
+	{name:'Green Extension', src:'/img/frames/mysticalArchive/margin/g.png', bounds:bounds, ogBounds:ogBounds, masks:masks},
+	{name:'Multicolored Extension', src:'/img/frames/mysticalArchive/margin/m.png', bounds:bounds, ogBounds:ogBounds, masks:masks},
+	{name:'Artifact Extension', src:'/img/frames/mysticalArchive/margin/a.png', bounds:bounds, ogBounds:ogBounds, masks:masks},
+	{name:'Land Extension', src:'/img/frames/mysticalArchive/margin/l.png', bounds:bounds, ogBounds:ogBounds, masks:masks}
 ];
 //disables/enables the "Load Frame Version" button
 document.querySelector('#loadFrameVersion').disabled = false;