.designer-page{--designer-header-height: 80px;--designer-page-height: 100dvh;--designer-page-top: 0px;--designer-transition: .32s cubic-bezier(.22, .61, .36, 1);position:fixed;inset:var(--designer-page-top) 0 auto;height:var(--designer-page-height);overflow:hidden;background:#f6f5f2}.designer-page-header{position:absolute;inset:0 0 auto;z-index:50;background:#fff;transition:transform var(--designer-transition)}.designer-page #nav{position:relative;display:flow-root}.designer-page-workspace{position:absolute;inset:var(--designer-header-height) 0 0;min-height:0;transition:top var(--designer-transition)}.designer-page iframe{display:block;width:100%;height:100%;border:0}.designer-page-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;align-content:center;justify-items:center;gap:12px;padding:24px;text-align:center;background:#f6f5f2;color:#475569}.designer-page-loading[hidden],.designer-page-loading [hidden]{display:none}.designer-page-spinner{width:32px;height:32px;border:3px solid #dbe1e6;border-top-color:#0369a1;border-radius:50%;animation:designer-page-spin .8s linear infinite}.designer-page-help{display:grid;justify-items:center;gap:12px}.designer-page-loading a{color:#0369a1;text-decoration:underline;text-underline-offset:3px}.designer-page[data-editing=true] .designer-page-header{transform:translateY(-100%)}.designer-page[data-editing=true] .designer-page-workspace{top:0}@keyframes designer-page-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.designer-page{--designer-transition: 0s}.designer-page-spinner{animation:none}}