/* Binder Studio desktop-only gate. Mobile workspace is intentionally disabled until the mobile version is ready. */
.mobile-preview-toggle{display:none!important}

.mobile-coming-soon{min-height:100dvh!important;margin:0!important;padding:0!important;overflow:hidden!important;background:radial-gradient(circle at 50% 20%,#302947 0,#211c31 45%,#17131f 100%)!important;color:#f5f0ff!important}
.mobile-coming-soon>*:not(#mobileComingSoon){display:none!important}
#mobileComingSoon{position:fixed;inset:0;z-index:2147483647;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 50% 16%,rgba(167,139,250,.18),transparent 38%),linear-gradient(180deg,#272038,#17131f);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:center}
#mobileComingSoon .mobile-coming-soon-card{width:min(100%,520px);padding:34px 26px 30px;border:1px solid rgba(216,199,255,.22);border-radius:26px;background:rgba(39,32,56,.88);box-shadow:0 24px 70px rgba(0,0,0,.34);backdrop-filter:blur(14px)}
#mobileComingSoon .mobile-coming-soon-logo{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 20px;border-radius:22px;background:linear-gradient(145deg,#b9a0ef,#8269ba);color:#1c1628;font-size:34px;font-weight:900;box-shadow:0 12px 30px rgba(130,105,186,.28)}
#mobileComingSoon h1{margin:0 0 10px;font-size:clamp(26px,8vw,38px);line-height:1.05;letter-spacing:-.03em;color:#fff}
#mobileComingSoon .mobile-coming-soon-brand{display:block;margin-bottom:16px;color:#cbb9ed;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
#mobileComingSoon p{margin:0 auto;max-width:390px;color:#d9cee9;font-size:16px;line-height:1.55}
#mobileComingSoon strong{color:#fff}
#mobileComingSoon .mobile-coming-soon-note{display:block;margin-top:18px;color:#aa9abb;font-size:12px;line-height:1.45}

/* Prevent a flash of the desktop application on touch-first phone/tablet layouts before the gate script runs. */
@media (max-width:1024px) and (hover:none) and (pointer:coarse){
  html{background:#17131f}
  body:not(.mobile-gate-ready) .app,
  body:not(.mobile-gate-ready) .binder-modal,
  body:not(.mobile-gate-ready) .binder-viewer,
  body:not(.mobile-gate-ready) .feature-drawer,
  body:not(.mobile-gate-ready) .mobile-lab-bottom-nav,
  body:not(.mobile-gate-ready) .guided-demo{visibility:hidden!important}
}