#atelier-panoramic-customizer .mobile-options{display:contents}#atelier-panoramic-customizer .mobile-live-preview{display:none}#atelier-panoramic-customizer .mobile-crop-dialog{display:none}
@media(max-width:760px){#atelier-panoramic-customizer{scroll-padding-top:var(--mlp-scroll-offset,184px)}#atelier-panoramic-customizer .product .mobile-options{display:block;order:4;width:100%;min-width:0;overflow:visible}#atelier-panoramic-customizer .mobile-options>fieldset,#atelier-panoramic-customizer .mobile-options>.order,#atelier-panoramic-customizer .mobile-options>.about{display:block;width:100%;margin:0 0 26px;min-width:0}#atelier-panoramic-customizer .mobile-options .lettering-field{margin-top:0}#atelier-panoramic-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)}#atelier-panoramic-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}#atelier-panoramic-customizer .mlp-image canvas{display:block;width:100%;height:100%;pointer-events:none}#atelier-panoramic-customizer .mlp-info{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:7px}#atelier-panoramic-customizer .mlp-label{font-size:12px;font-weight:600;line-height:1.4;color:var(--ink,#1f261d)}#atelier-panoramic-customizer .mlp-frame{font-size:12px;line-height:1.35;overflow-wrap:anywhere}#atelier-panoramic-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}#atelier-panoramic-customizer .mobile-live-preview.is-typing{height:104px;grid-template-columns:88px minmax(0,1fr);padding-top:8px;padding-bottom:8px}#atelier-panoramic-customizer .mobile-live-preview.is-typing .mlp-image{height:88px;width:88px}#atelier-panoramic-customizer .mobile-live-preview.is-typing .mlp-info{gap:2px}#atelier-panoramic-customizer .mobile-live-preview.is-typing .mlp-frame{display:none}#atelier-panoramic-customizer .mobile-options input,#atelier-panoramic-customizer .mobile-options textarea,#atelier-panoramic-customizer .mobile-options button{scroll-margin-top:var(--mlp-scroll-offset,184px)}#atelier-panoramic-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}#atelier-panoramic-customizer .mobile-crop-dialog::backdrop{background:#0009}#atelier-panoramic-customizer .mobile-crop-open{overflow:hidden}#atelier-panoramic-customizer .mlp-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}#atelier-panoramic-customizer .mlp-dialog-header h2{font:400 24px/1.2 var(--heading-font,Georgia,serif);margin:0}#atelier-panoramic-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}#atelier-panoramic-customizer .mobile-crop-dialog .canvas-wrap{width:min(100%,55dvh);aspect-ratio:1;margin:auto;border-radius:6px}#atelier-panoramic-customizer .mobile-crop-dialog .canvas-wrap canvas{width:100%;height:100%;aspect-ratio:1}#atelier-panoramic-customizer .mobile-crop-dialog .drag-help{font-size:13px;margin:10px 0}#atelier-panoramic-customizer .mobile-crop-dialog .zoom{gap:7px}#atelier-panoramic-customizer .mobile-crop-dialog .zoom input{min-width:20px}#atelier-panoramic-customizer .mobile-crop-dialog .movement{margin:10px 0 14px}#atelier-panoramic-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){#atelier-panoramic-customizer .mobile-live-preview{grid-template-columns:136px minmax(0,1fr);height:156px}#atelier-panoramic-customizer .mlp-image{width:136px;height:136px}#atelier-panoramic-customizer .mlp-open{font-size:12px;padding:7px}#atelier-panoramic-customizer .mlp-dialog-header h2{font-size:21px}#atelier-panoramic-customizer .mlp-frame{font-size:11px}}
@media(prefers-reduced-motion:no-preference){#atelier-panoramic-customizer .mobile-live-preview,#atelier-panoramic-customizer .mlp-image{transition:height .12s ease}}

@media(max-width:760px){#atelier-panoramic-customizer .mobile-live-preview{grid-template-columns:152px minmax(0,1fr);height:116px;gap:10px}#atelier-panoramic-customizer .mlp-image{width:152px;height:70px;background:#e9ede5}#atelier-panoramic-customizer .mlp-image canvas{height:auto;max-height:100%;object-fit:contain}#atelier-panoramic-customizer .mlp-label{font-size:13px}#atelier-panoramic-customizer .mlp-frame{font-size:12px}#atelier-panoramic-customizer .mlp-info{gap:3px}#atelier-panoramic-customizer .mlp-open{font-size:12px;padding:6px 8px;min-height:38px}#atelier-panoramic-customizer .mobile-live-preview.is-typing{height:88px;grid-template-columns:130px minmax(0,1fr)}#atelier-panoramic-customizer .mobile-live-preview.is-typing .mlp-image{width:130px;height:48px}#atelier-panoramic-customizer .mobile-crop-dialog .canvas-wrap{width:100%;aspect-ratio:var(--photo-ratio,2.97);margin:0}#atelier-panoramic-customizer .mobile-crop-dialog .canvas-wrap canvas{width:100%;height:100%;aspect-ratio:auto}#atelier-panoramic-customizer .mobile-crop-dialog .dimensions{font-size:13px;margin:9px 0}#atelier-panoramic-customizer .mobile-crop-dialog .confirm{display:block;width:100%;margin-top:15px}#atelier-panoramic-customizer .mobile-crop-dialog .quality{margin:10px 0}#atelier-panoramic-customizer .mobile-crop-dialog .status{font-size:13px}#atelier-panoramic-customizer .mobile-crop-dialog .movement{flex-wrap:wrap}#atelier-panoramic-customizer .mobile-crop-dialog .text-button{font-size:13px}#atelier-panoramic-customizer .mobile-crop-dialog .zoom{font-size:13px}#atelier-panoramic-customizer .mobile-crop-dialog .zoom button{width:40px;height:44px}#atelier-panoramic-customizer .mobile-crop-dialog .mlp-return{margin-top:15px}#atelier-panoramic-customizer{scroll-padding-top:122px}}
@media(max-width:355px){#atelier-panoramic-customizer .mobile-live-preview{grid-template-columns:125px minmax(0,1fr);height:112px}#atelier-panoramic-customizer .mlp-image{width:125px;height:62px}#atelier-panoramic-customizer .mlp-label{font-size:12px}#atelier-panoramic-customizer .mlp-open{font-size:12px}}#atelier-panoramic-customizer .mlp-product-example{display:block;width:100%;height:100%;object-fit:contain}#atelier-panoramic-customizer .mlp-product-example[hidden],#atelier-panoramic-customizer #mlp-mini-canvas[hidden]{display:none}
@media(max-width:760px){#atelier-panoramic-customizer .mobile-live-preview{height:135px;grid-template-columns:152px minmax(0,1fr)}#atelier-panoramic-customizer .mlp-image{height:108px;background:#fff}#atelier-panoramic-customizer .mobile-crop-dialog #sheet-view{margin-bottom:16px}#atelier-panoramic-customizer .mobile-crop-dialog #crop-tools{display:block}#atelier-panoramic-customizer .mobile-crop-dialog .sheet-head{font-size:13px}#atelier-panoramic-customizer .mobile-crop-dialog .sheet-sizes{font-size:12px;gap:6px}#atelier-panoramic-customizer .mobile-crop-dialog .sheet-note{font-size:13px;margin-bottom:10px}#atelier-panoramic-customizer .mobile-crop-dialog #surface{display:none}#atelier-panoramic-customizer{scroll-padding-top:142px}}
@media(max-width:355px){#atelier-panoramic-customizer .mobile-live-preview{grid-template-columns:125px minmax(0,1fr);height:120px}#atelier-panoramic-customizer .mlp-image{height:89px}}
@media(max-width:760px){#atelier-panoramic-customizer .mlp-dialog-header{position:sticky;top:0;z-index:2;background:var(--cream,#f7f7f5);padding-bottom:7px}#atelier-panoramic-customizer .mobile-crop-dialog .mlp-return{position:sticky;bottom:0;z-index:2}}