Photopea Full Width by shorttimenosee

/* ==UserStyle==
@name         Photopea Full Width
@version      20220810.15.00
@namespace    userstyles.world/user/shorttimenosee
@description  Tweaks photopea.com to remove the ad and expand the body to full screen width.
@author       shorttimenosee
@license      GNU General Public License v3.0
==/UserStyle== */

@-moz-document domain("photopea.com") {
#cap,
body > .app > div[style*="z-index: 1"] {
  display: none!important;
}

.mainblock > .block > div,
body > .app > div > div[style*="width"] {
  width: unset!important;
  max-width: unset!important;
}

body > .app > div > div[style*="width"] > div[style*="left"] {
  left: 0!important;
  right: 0!important;
}

body > .app > div {
  flex-basis: 100%!important
}

body > .app > div > .cmanager .contextpanel[style*="top: 163"] {
  left: unset!important;
  right: 32px!important;
}

.mainblock {
  flex-grow: 1!important;
}

.mainblock > .block > div > div.pbody {
  width: max-content;
  margin: auto!important;
}

.intro {
  position: absolute!important;
  top: 0!important;
  bottom: 0!important;
  left: 0!important;
  right: 0!important;
  margin: auto!important;
}
}