/* Lightweight, opt-in live preview for the desktop marketing shell. */
.beamii-desktop-shell,
.beamii-desktop-shell *,
.beamii-desktop-shell *::before,
.beamii-desktop-shell *::after{
  box-sizing:border-box;
}

html,
body:not(.wp-admin){
  margin:0;
}

body:not(.wp-admin){
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  text-rendering:optimizeLegibility;
}

.beamii-desktop-preview{
  position:absolute;
  inset:0;
  z-index:5;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:34px;
  border:0;
  color:#0d2947;
  background:
    radial-gradient(circle at 50% 30%,rgba(24,137,229,.16),transparent 36%),
    linear-gradient(180deg,#f8fcff,#eaf5ff);
  font:inherit;
  text-align:center;
  cursor:pointer;
}

.beamii-desktop-preview__icon{
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  border-radius:22px;
  color:#fff;
  background:linear-gradient(135deg,#1889e5,#2b9ef4);
  box-shadow:0 18px 34px rgba(24,137,229,.24);
  font-size:27px;
}

.beamii-desktop-preview strong{
  font-size:18px;
  line-height:1.2;
}

.beamii-desktop-preview > span:last-child{
  max-width:220px;
  color:#60758c;
  font-size:13px;
  font-weight:650;
  line-height:1.45;
}

.beamii-desktop-preview:hover .beamii-desktop-preview__icon{
  transform:translateY(-2px);
}

.beamii-desktop-preview:focus-visible{
  outline:3px solid rgba(255,138,0,.7);
  outline-offset:-7px;
}

.beamii-desktop-device__screen-wrap.is-preview-loading .beamii-desktop-preview{
  cursor:progress;
}

.beamii-desktop-device__screen-wrap.is-preview-loaded .beamii-desktop-preview{
  display:none;
}

@media (max-width:1099px){
  .beamii-desktop-preview{
    visibility:hidden;
  }
}

@media (prefers-reduced-motion:reduce){
  .beamii-desktop-preview__icon{
    transition:none;
  }
}