pixai.art - bigger generator images by j0n4t

/* ==UserStyle==
@name           pixai.art - bigger generator images
@namespace      github.com/openstyles/stylus
@version        1.1.2
@description    Bigger 512x512 images on desktop (width >= 1200px).
@author         @j0n4t
==/UserStyle== */

@-moz-document url-prefix("https://pixai.art/generator/image") {
  @media (min-width: 1200px) {
    /*  images container  */
    main > div > div .isolate {
      --grid-rows: 2 !important;
      --grid-cols: 2 !important;
      gap: 5px !important;
      padding: 0 !important;
    }

    /*  lower (images) area */
    main > div > div:last-child > div {
      padding: 0 !important;
      margin: 5px !important; 
    }

    /* bottom task buttons */
    main > div > div:last-child > div > div.flex-none > div {
      position: fixed !important;
      bottom: 0;
      right: 380px;
      display: flex !important;
      flex-flow: column;
    }

    /*prompt area */
    main > div > div:has(textarea) {
      position: fixed;
      top: 50px !important;
      left: 0 !important;
      margin: 5px !important;
      width: min-content;
      min-width: 310px;
      z-index: 1;
    }
  
    main > div > div:has(textarea) > div {
      padding: 5px !important;
    }

    main > div > div:has(textarea) section {
      margin-inline: 5px !important;
      margin-block: 0 !important;
      padding-inline: 5px !important;
      padding-block: 0 !important;
    }

    main > div > div:has(textarea) textarea {
      font-size: 14px !important;
    }

    /*prompt area buttons */
    main > div > div:has(textarea) > div:last-child {
      flex-flow: column;
      gap: 5px;
      font-size: 12px !important;
    }

    main > div > div:has(textarea) > div:last-child button,
    main > div > div:has(textarea) > div:last-child span {
      font-size: 0.8rem !important;
      padding-block: 0.5px !important;
      padding-inline: 2px !important;
    }

    /* left side bar */
    #workbench-layout > div:nth-child(2) {
      margin-top: 240px;
    }
  }
  
  /* membership banners */
  main > div aside,
  #workbench-layout > div:first-child  > div:first-child {
    display: none !important;
  }
}