:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mobile-options{display:contents}:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mobile-live-preview{display:none}:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mobile-crop-dialog{display:none}@media(max-width:760px){html{scroll-padding-top:var(--mlp-scroll-offset,184px)}:is(#atelier-themed-customizer,#atelier-christmas-customizer) .product .mobile-options{display:block;order:4;width:100%;min-width:0;overflow:visible}:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mobile-options>fieldset,:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mobile-options>.order,:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mobile-options>.about{display:block;width:100%;margin:0 0 26px;min-width:0}:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mobile-options .lettering-field{margin-top:0}:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mobile-live-preview{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:156px minmax(0,1fr);gap:10px;align-items:center;height:176px;margin:0 -4px 22px;padding:10px 4px;background:var(--cream,#f7f7f5);border-bottom:1px solid var(--line,#d6d9d2)}:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mlp-image{display:grid;place-items:center;width:156px;height:156px;padding:0;border:1px solid var(--line,#d6d9d2);border-radius:5px;background:var(--paper,#fffefa);overflow:hidden;cursor:zoom-in}:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mlp-image canvas{display:block;width:100%;height:100%;pointer-events:none}:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mlp-info{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:7px}:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mlp-label{font-size:12px;font-weight:600;line-height:1.4;color:var(--ink,#1f261d)}:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mlp-frame{font-size:12px;line-height:1.35;overflow-wrap:anywhere}:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mlp-open{padding:8px 9px;min-height:44px;border:1px solid var(--brown,#755626);border-radius:5px;background:transparent;color:var(--brown,#755626);font-size:13px;line-height:1.3;text-align:left;max-width:100%;overflow-wrap:anywhere}:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mobile-live-preview.is-typing{height:104px;grid-template-columns:88px minmax(0,1fr);padding-top:8px;padding-bottom:8px}:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mobile-live-preview.is-typing .mlp-image{height:88px;width:88px}:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mobile-live-preview.is-typing .mlp-info{gap:2px}:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mobile-live-preview.is-typing .mlp-frame{display:none}:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mobile-options input,:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mobile-options textarea,:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mobile-options button{scroll-margin-top:var(--mlp-scroll-offset,184px)}:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mobile-crop-dialog[open]{display:block;width:calc(100% - 16px);max-width:560px;max-height:calc(100dvh - 16px);margin:auto;padding:14px;border:1px solid var(--line,#d6d9d2);border-radius:10px;background:var(--cream,#f7f7f5);color:var(--ink,#1f261d);overflow:auto;overscroll-behavior:contain}:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mobile-crop-dialog::backdrop{background:#0009}body.mobile-crop-open{overflow:hidden}:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mlp-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mlp-dialog-header h2{font:400 24px/1.2 var(--heading-font,Georgia,serif);margin:0}:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mlp-close{width:44px;height:44px;flex:none;padding:0;border:1px solid var(--line,#d6d9d2);background:transparent;border-radius:5px;font-size:26px;line-height:1;color:inherit}:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mobile-crop-dialog .canvas-wrap{width:min(100%,55dvh);aspect-ratio:1;margin:auto;border-radius:6px}:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mobile-crop-dialog .canvas-wrap canvas{width:100%;height:100%;aspect-ratio:1}:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mobile-crop-dialog .drag-help{font-size:13px;margin:10px 0}:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mobile-crop-dialog .zoom{gap:7px}:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mobile-crop-dialog .zoom input{min-width:20px}:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mobile-crop-dialog .movement{margin:10px 0 14px}:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mlp-return{display:block;width:100%;min-height:46px;padding:10px;border:1px solid var(--brown,#755626);border-radius:5px;background:var(--brown,#755626);color:#fff;font-size:15px;line-height:1.4}
}@media(max-width:355px){:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mobile-live-preview{grid-template-columns:136px minmax(0,1fr);height:156px}:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mlp-image{width:136px;height:136px}:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mlp-open{font-size:12px;padding:7px}:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mlp-dialog-header h2{font-size:21px}:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mlp-frame{font-size:11px}}@media(prefers-reduced-motion:no-preference){:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mobile-live-preview,:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mlp-image{transition:height .12s ease}}

@media(max-width:760px){:is(#atelier-themed-customizer,#atelier-christmas-customizer) .mobile-options .mobile-live-preview{top:0} :is(#atelier-themed-customizer,#atelier-christmas-customizer) .mobile-crop-dialog .confirm{width:100%;margin-bottom:10px}}