/* The canvas tab keeps the authenticated host but uses the entire viewport. */
body.canvas-standalone { overflow: hidden; }
body.canvas-standalone #app-view { display: block; min-height: 0; }
body.canvas-standalone #app-view.hidden { display: none; }
body.canvas-standalone #app-view > aside,
body.canvas-standalone #app-view > .workspace > header,
body.canvas-standalone #canvas > p { display: none; }
body.canvas-standalone #app-view > .workspace { margin: 0; padding: 0; width: 100%; min-height: 0; }
body.canvas-standalone #canvas { position: fixed; inset: 0; width: 100%; height: 100dvh !important; min-height: 0 !important; margin: 0; padding: 0; z-index: 100; }
body.canvas-standalone #mmg-canvas-host { height: 100% !important; }

#canvas-loading { display:none; }
html[data-canvas-loading="1"] #canvas-loading { display:grid; place-items:center; position:fixed; inset:0; z-index:100000; background:#1c1917; color:#e7e5e4; font-family:inherit; }
html[data-canvas-auth-checking="1"] #login-view { visibility:hidden; }
.canvas-loading-content { width:min(280px,75vw); text-align:center; }
.canvas-loading-content strong { font-size:20px; font-weight:500; }
.canvas-loading-content p { font-size:13px; opacity:.65; margin-top:16px; }
.canvas-loading-track { margin-top:24px; height:3px; border-radius:3px; overflow:hidden; background:#44403c; }
.canvas-loading-track span { display:block; width:35%; height:100%; background:#d6d3d1; animation:canvas-loading-slide 1.3s ease-in-out infinite; }
#canvas-loading-retry { color:inherit; background:transparent; border:1px solid #78716c; border-radius:6px; padding:8px 18px; cursor:pointer; }
@keyframes canvas-loading-slide { from { transform:translateX(-100%); } to { transform:translateX(390%); } }
@media(prefers-reduced-motion:reduce){.canvas-loading-track span{animation:none;width:100%;opacity:.6}}