.marketing-sample-modal-root{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:clamp(12px,3vw,24px)}.marketing-sample-modal-backdrop{position:absolute;inset:0;border:0;padding:0;margin:0;background:rgba(30,26,22,.62);cursor:pointer}.marketing-sample-modal-dialog{position:relative;z-index:1;width:min(100%,440px);max-height:min(92vh,920px);display:flex;flex-direction:column;border-radius:20px;overflow:hidden;box-shadow:0 24px 64px rgba(20,16,12,.35);background:#faf6f0}.marketing-sample-modal-close{position:absolute;top:10px;right:10px;z-index:60;width:44px;height:44px;border:0;border-radius:999px;background:rgba(255,253,249,.95);color:#302923;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(42,38,34,.12)}.marketing-sample-modal-close:focus-visible{outline:2px solid #c9a56a;outline-offset:2px}.marketing-sample-modal-viewport{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.marketing-sample-modal-viewport .landing-page{min-height:0;overflow:visible;overflow-x:clip}.marketing-sample-modal-viewport .cloud-nine-envelope-stage,.marketing-sample-modal-viewport .storybook-flow,.marketing-sample-modal-viewport main.cloud-nine-page{overflow:visible;overflow-x:clip;max-height:none}.marketing-sample-modal-viewport .cloud-nine-page--live-framed,.marketing-sample-modal-viewport .cloud-nine-standalone-outer{max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;background:transparent;padding:0}.marketing-sample-modal-viewport .preview-mode-banner{position:sticky;top:0;z-index:50}@media (max-width:480px){.marketing-sample-modal-root{padding:0;align-items:stretch}.marketing-sample-modal-dialog{width:100%;max-height:100vh;border-radius:0}}