/* Desktop app window only: scale the finished composition as one canvas. */
html.desktop-app-canvas,
html.desktop-app-canvas body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #f8f1e8;
}

html.desktop-app-canvas body {
  display: grid;
  place-items: center;
}

html.desktop-app-canvas .app-shell {
  width: 520px;
  min-width: 520px;
  height: 849px;
  min-height: 849px;
  max-width: none;
  margin: 0;
  overflow: hidden;
  background: #f8f1e8;
  box-shadow: none;
  transform: scale(var(--jar-canvas-scale, 1));
  transform-origin: center center;
}

html.desktop-app-canvas .view,
html.desktop-app-canvas .home-view {
  width: 520px;
  height: 849px;
  min-height: 849px;
  overflow: hidden;
}

/* Keep the memory card on the full design canvas in installed-app mode. */
html.desktop-app-canvas .memory-canvas {
  position: relative;
  width: 100%;
  height: 100%;
  flex: 0 0 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  isolation: isolate;
  background: var(--memory-bg, #e5ece5);
}