/* What the product page's designer relies on, whatever a site's design looks like: one tool panel
   open at a time, the canvas drawn at its own proportions, and the buttons the script hides staying
   hidden. This file always loads before the product stylesheet, so a site that replaces that
   stylesheet with its own (public/theme/product.css) keeps all of it. */

.design-panel { display: none; }
.design-panel.is-current { display: block; }
.design-actions .text-button[hidden] { display: none; }

.designer-canvas-wrap { position: relative; aspect-ratio: 1024 / 1200; }
.designer-canvas-wrap canvas { display: block; width: 100%; height: auto; touch-action: pan-y; }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }