.pattern-preview-stage{aspect-ratio:1}.pattern-preview-stage .repeat-stage{transform-origin:50%;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.repeat-stage>img{-o-object-fit:fill;object-fit:fill;width:100%;min-width:0;height:100%;min-height:0;display:block}.gift-wrap-preview{isolation:isolate;background:#efede7;position:absolute;inset:0;overflow:hidden}.gift-wrap-base{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.gift-wrap-print{mix-blend-mode:multiply;position:absolute;inset:0;-webkit-mask:url(/mockups/gift-wrap-mask.webp) 50%/100% 100% no-repeat;mask:url(/mockups/gift-wrap-mask.webp) 50%/100% 100% no-repeat}.gift-wrap-surface{position:absolute;inset:0;overflow:hidden}.gift-wrap-plane{transform-origin:0 0;backface-visibility:hidden;background-repeat:repeat;width:100%;height:100%;position:absolute;top:0;left:0}.gift-wrap-preview .mockup-disclaimer{color:#303a2a;background:#fffdf3e8;border-radius:4px;width:fit-content;margin:auto;padding:5px 8px;font-size:7px;bottom:62px;left:12px;right:12px}.gift-wrap-loading{color:#465738;background:#fffdf3ed;border-radius:4px;width:fit-content;margin:auto;padding:6px 10px;font-size:11px;position:absolute;top:12px;left:12px;right:12px}@media (max-width:480px){.pattern-preview-stage+.lab-controls{flex-wrap:wrap;gap:10px}.pattern-preview-stage+.lab-controls .lab-modes{flex:1;justify-content:space-between}.pattern-preview-stage+.lab-controls .lab-modes button{padding:8px 7px}}