.mobile-preview{box-sizing:border-box;width:min(100%,var(--invitation-stage-max,430px));max-width:var(--invitation-stage-max,430px);justify-self:center}.mobile-preview>.mobile-preview-screen{background:#fff;border-radius:13px;height:min(860px,100svh - 104px);min-height:520px;padding:0;display:block;overflow:hidden}.mobile-preview>.mobile-preview-screen iframe{background:#fff;border:0;border-radius:0;width:100%;height:100%;display:block}.mobile-preview>div:first-child{align-items:center}.mobile-preview>div:first-child button{color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:5px;align-items:center;gap:4px;padding:3px 6px;font:700 .6rem Arial,Helvetica,sans-serif;display:inline-flex}.mobile-preview>div:first-child button svg{width:12px;height:12px}.editor-preview-tabs{display:none}.shop-datetime-fields{grid-template-columns:1fr 1fr;gap:8px;display:grid!important}@media (max-width:960px){.editor-preview-tabs{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:1px solid #dce3da;border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;width:min(100% - 24px,520px);margin:12px auto;padding:4px;display:grid;position:sticky;top:0;box-shadow:0 8px 24px #20362617}.editor-preview-tabs button{color:#59685f;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:44px;font:750 .78rem Arial,Helvetica,sans-serif;display:flex}.editor-preview-tabs button.active{color:#fff;background:#365740;box-shadow:0 4px 12px #2d513733}.editor-preview-tabs svg{width:16px;height:16px}.shop-personalizer,.customer-editor{grid-template-columns:1fr!important}.mobile-view-edit>.mobile-preview,.mobile-view-preview>.shop-personalizer-form,.mobile-view-preview>.customer-editor-form{display:none}.mobile-view-preview>.mobile-preview{width:min(100%,430px);max-width:none;margin:0 auto;display:block;position:static}.mobile-view-preview>.mobile-preview>.mobile-preview-screen{height:calc(100svh - 150px);min-height:0;max-height:none}}@media (max-height:760px) and (min-width:961px){.mobile-preview>.mobile-preview-screen{height:calc(100svh - 88px);min-height:0}.shop-live-preview{top:8px}}@media (max-width:550px){.mobile-view-preview.shop-personalizer,.mobile-view-preview.customer-editor{width:100%;margin:0 auto 20px;padding:0 8px}.mobile-view-preview>.mobile-preview{border-width:7px;border-radius:22px;width:100%}.mobile-view-preview>.mobile-preview>.mobile-preview-screen{height:calc(100svh - 132px)}.mobile-preview>div:first-child{font-size:.62rem}.shop-datetime-fields{grid-template-columns:1fr}}