.storefrontPreviewTrigger{min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:8px;padding:10px 16px}.storefrontPreviewDialog{color:#281e17;background:#fff;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.storefrontPreviewDialog[open]{flex-direction:column;display:flex}.storefrontPreviewDialog::backdrop{background:#000000a6}.storefrontPreviewHeader{padding:calc(12px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));z-index:1;background:#fff;border-bottom:1px solid #d8cec6;flex:none;align-items:center;gap:16px;display:flex}.storefrontPreviewHeader h2{margin:0 0 4px;font:600 17px/1.3 system-ui,sans-serif}.storefrontPreviewHeader p{color:#594b43;margin:0;font:400 13px/1.4 system-ui,sans-serif}.storefrontPreviewBack{color:#fff;cursor:pointer;background:#532936;border:0;border-radius:8px;flex:none;min-height:44px;padding:10px 14px;font:600 15px/1.3 system-ui,sans-serif}.storefrontPreviewBack:disabled{opacity:.75;cursor:wait}.storefrontPreviewBack:focus-visible,.storefrontPreviewTrigger:focus-visible{outline-offset:3px;outline:3px solid #b17b21}.storefrontPreviewBody{min-height:0;padding-bottom:env(safe-area-inset-bottom);flex:1;position:relative}.storefrontPreviewBody iframe{background:#faf6ef;border:0;width:100%;height:100%;display:block}.storefrontPreviewLoading{color:#281e17;pointer-events:none;background:#fff;padding:12px;position:absolute;top:12px;left:16px;right:16px}@media (max-width:560px){.storefrontPreviewHeader{flex-direction:column;align-items:flex-start;gap:8px}.storefrontPreviewBack{width:100%}}
