/* Shows each screen as a phone on a computer, and full screen on a real phone. */
x-dc{display:none}
html{background:#E9EEF4}
body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 0;box-sizing:border-box}
#dc-root{display:flex}
#dc-root>.app{border-radius:36px;box-shadow:0 30px 80px rgba(16,24,40,.22),0 0 0 10px #121826}
.demo-bar{position:fixed;top:12px;left:12px;display:flex;gap:8px;font:600 13px 'Plus Jakarta Sans',system-ui,sans-serif;z-index:10}
.demo-bar a{background:#fff;color:#121826;text-decoration:none;padding:8px 12px;border-radius:999px;box-shadow:0 2px 8px rgba(16,24,40,.12)}
@media (max-width:520px){
  html{background:#fff}
  body{padding:0;align-items:stretch}
  #dc-root{width:100%}
  #dc-root>.app{width:100vw!important;height:100dvh!important;border-radius:0;box-shadow:none}
  .demo-bar{display:none}
}
@media (min-width:521px) and (max-height:920px){#dc-root{zoom:.86}}
@media (min-width:521px) and (max-height:800px){#dc-root{zoom:.76}}
@media (min-width:521px) and (max-height:700px){#dc-root{zoom:.66}}