body {
    background-image: linear-gradient(to bottom right, #060630, #000000);
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
    --box-color: #000;
  }
  body:after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://images01.nicepage.com/c461c07a441a5d220e8feb1a/533bb9280d125b309a000741/cvb.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    opacity: 10%;
    z-index:-9999;
  }
  .random-input-btn{
    position:inherit;
    display:grid;
    margin: 5px;
    margin-left: 15px;
    border-radius: 10px;
    background: black;
    border-top-color: #cd30c6;
    border-right-color: #ae308d;
    border-bottom-color: #6430cd;
    border-left-color: #ae308d;
  }
  .ai-suggest-btn{
    position: inherit;
    display:grid;
    margin: 5px;
    margin-left: 15px;
    border-radius: 10px;
    background: black;
    border-top-color: #cd30c6;
    border-right-color: #ae308d;
    border-bottom-color: #6430cd;
    border-left-color: #ae308d;
  }
  #userInputsCtn8462746262 > div:nth-child(1) {
    background-color: #000;
  }
  .input-inner {
      box-sizing: border-box;
      position: relative;
      background: #000;
      background-clip: padding-box;
      border-width: 2px solid;
      border-radius: 15px !important;
      border-top-color: #cd30c6;
      border-right-color: #ae308d;
      border-bottom-color: #6430cd;
      border-left-color: #ae308d;
      max-width: 1000px;
    }
  @media (prefers-color-scheme: dark) {
      .input-inner {
        box-sizing:border-box;
        box-sizing: border-box;
        position: relative;
        background: #000;
        background-clip: padding-box;
        border: 2px solid;
        border-radius: 15px !important;
        border-top-color: #cd30c6;
        border-right-color: #ae308d;
        border-bottom-color: #6430cd;
        border-left-color: #ae308d;
        max-width: 1000px;
      }
  #mainColumnEl85394739 { width: 1000px; max-width: 1000px; }
  #feedbackBtn893745ykfuhd { display:none; }
  .floating-button {
            background-image: url('https://i.imgur.com/yTMLNBb.png');
            background-size: cover;
            background-position: center;
            width: 100px;
            height: 40px;
            color: #00000000;
            background-color: #00000000;
            text-align: center;
            cursor: pointer;
            border: none;
            position: fixed;
            bottom: 10px;
            right: 55px;
            z-index: 10;
        }
  .floating-button:hover {
            background-image: url('https://i.imgur.com/v74nWv3.png');
            background-size: cover;
            background-position: center;
            width: 100px;
            height: 40px;
            color: #00000000;
            background-color: #00000000;
            text-align: center;
            cursor: pointer;
            border: none;
            position: fixed;
            bottom: 10px;
            right: 55px;
            z-index: 10;
        }
  .topBtn {
            background-image: url('https://i.imgur.com/JuNshRl.png');
            background-size: cover;
            background-position: center;
            width: 40px;
            height: 40px;
            color: #00000000;
            background-color: #00000000;
            text-align: center;
            cursor: pointer;
            border: none;
            position: fixed;
            bottom: 10px;
            right: 10px;
        }
  .topBtn:hover {
            background-image: url('https://i.imgur.com/U42i4y6.png');
            background-size: cover;
            background-position: center;
            width: 40px;
            height: 40px;
            color: #00000000;
            background-color: #00000000;
            text-align: center;
            cursor: pointer;
            border: none;
            position: fixed;
            bottom: 10px;
            right: 10px;
        }
  #generateButtonEl {
            background-image: url('https://i.imgur.com/yTMLNBb.png');
            background-size: cover;
            background-position: center;
            width: 150px;
            height: 60px;
            color: #00000000;
            background-color: #00000000;
            text-align: center;
            cursor: pointer;
            border: none;
  }
  #generateButtonEl:hover {
            background-image: url('https://i.imgur.com/v74nWv3.png');
            background-size: cover;
            background-position: center;
            width: 150px;
            height: 60px;
            color: #00000000;
            background-color: #00000000;
            text-align: center;
            cursor: pointer;
            border: none;
  }
  #userInputsCtn8462746262 div { background-color: rgba(0, 0, 0, 0); }
  #userInputsCtn8462746262 > div:nth-child(1) { background-color: rgba(0, 0, 0, 0); }
  #userInputsCtn8462746262 > div:nth-child(1) > div > div.input-wrapper > div > textarea { width: 98.6%; }
  #pageTitleEl48759084793 { display: none; }
  select {
    border-radius:10px;
    margin: 5px;
    font-size: 0.8rem;
    border-top-color: #cd30c6;
    border-right-color: #ae308d;
    border-bottom-color: #6430cd;
    border-left-color: #ae308d;
  }
  .input-toggle-button {
            background-image: url('https://i.imgur.com/oQWlagZ.png');
            width: 24px;
            height: 24px;
            color: #00000000;
            background-color: #00000000;
            text-align: center;
            cursor: pointer;
            border: none;
            text-indent: -3000em;
            margin-right: 5px;
        }
  .input-toggle-button:hover {
            background-image: url('https://i.imgur.com/iAJcKl1.png');
            width: 24px;
            height: 24px;
            color: #00000000;
            background-color: #00000000;
            text-align: center;
            cursor: pointer;
            border: none;
            text-indent: -3000em;
            margin-right: 5px;
        }
    .input-tip-btn { margin-right: 5px; }

  .paragraph-input {
    border-radius: 12px;
    resize: vertical;
    font-size: 0.8rem;
    padding: 5px;
    margin: 6px;
    border-top-color: #cd30c6;
    border-right-color: #ae308d;
    border-bottom-color: #6430cd;
    border-left-color: #ae308d;
    box-shadow: 0 0 0 2px #000;
    scrollbar-color: #f0f #000;
    scrollbar-width: thin;
    outline: none;
  }
#userInputsCtn8462746262 > div:nth-child(3) > div > div.input-wrapper > div > textarea { width: 98.8%;}
::-webkit-scrollbar {
  width: 8px;
  height: 10px;
}
::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,0,255,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,255,0.4); 
}
  .text-input {
    border-radius: 12px;
    font-size: 0.8rem;
    border-top-color: #cd30c6;
    border-right-color: #ae308d;
    border-bottom-color: #6430cd;
    border-left-color: #ae308d;
  }
  #shareSettingsBtn758374 {
    border-radius: 10px;
    padding: 5px;
    margin: 5px;
    background: black;
    border-color: black;
    border-top-color: #cd30c6;
    border-right-color: #ae308d;
    border-bottom-color: #6430cd;
    border-left-color: #ae308d;
  }
#space, .stars {
  overflow: hidden;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -3;
}

.stars {
  background-image: 
    radial-gradient(2px 2px at 20px 30px, #eee, rgba(0,0,0,0)),
    radial-gradient(2px 2px at 40px 70px, #fff, rgba(0,0,0,0)),
    radial-gradient(2px 2px at 50px 160px, #ddd, rgba(0,0,0,0)),
    radial-gradient(2px 2px at 90px 40px, #fff, rgba(0,0,0,0)),
    radial-gradient(2px 2px at 130px 80px, #fff, rgba(0,0,0,0)),
    radial-gradient(2px 2px at 160px 120px, #ddd, rgba(0,0,0,0));
  background-repeat: repeat;
  background-size: 200px 200px;
  animation: zoom 10s infinite;
  opacity: 0%;
}
.stars:nth-child(1) {
  background-position: 50% 50%;
  animation-delay: 0s;
}
.stars:nth-child(2) {
  background-position: 20% 60%;
  animation-delay: 2s;
}
.stars:nth-child(3) {
  background-position: -20% -30%;
  animation-delay: 4s;
}
.stars:nth-child(4) {
  background-position: 40% -80%;
  animation-delay: 6s;
}
.stars:nth-child(5) {
  background-position: -20% 30%;
  animation-delay: 8s;
}

@keyframes zoom {
  0% {
    opacity: 0;
    transform: scale(0.5);
    animation-timing-function: ease-in;
  } 
  85% {
    opacity: 1;
    transform: scale(2.8);
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    transform: scale(3.5);
  }
}
.links {
  display: fixed;
  height: 100vh;
  text-align: center;
  background: none;
  height: 200px;
  font-size: 1.5rem;
}

ul {
  list-style-type: none;
  position: absolute;
  justify-content: center;
  top: 200px;
  
  li {
    padding: 6px 0;

    a {
      position: relative;
      padding: 4px 0;
      font-family: Lato, sans-serif;
      color: #cd30c6;
      text-decoration: none;
      text-transform: uppercase;
      transition: 0.5s;

      &::after {
        position: absolute;
        content: "";
        top: 100%;
        left: 0;
        width: 100%;
        height: 3px;
        background: #1f6989;
        transform: scaleX(0);
        transform-origin: right;
        transition: transform 0.5s;
      }

      &:hover {
        color: #95a5a6;
      }

      &:hover::after {
        transform: scaleX(1);
        transform-origin: left;
      }
    }
  }
}
#outputAreaEl > span { display:none; }
#outputAreaEl { max-width: 1000px; margin: auto; }
 .fullscreenButtonPluginButton938479832938 {
            background-image: url('https://i.imgur.com/HJ17KSM.png');
            background-size: cover;
            background-position: center;
            width: 40px;
            height: 40px;
            color: #00000000;
            background-color: #00000000;
            text-align: center;
            cursor: pointer;
            border: none;
            position: fixed;
            bottom: 10px;
            left: 52px;
            text-indent: -1000em;
        }
  .fullscreenButtonPluginButton938479832938:hover {
            background-image: url('https://i.imgur.com/ohLCIIu.png');
            background-size: cover;
            background-position: center;
            width: 40px;
            height: 40px;
            color: #00000000;
            background-color: #00000000;
            text-align: center;
            cursor: pointer;
            border: none;
            position: fixed;
            bottom: 10px;
            left: 52px;
            text-indent: -1000em;
        }
    #darkModeBtn_875979f948 {
            background-image: url('https://i.imgur.com/jVDvyea.png');
            background-size: cover;
            background-position: center;
            width: 40px;
            height: 40px;
            color: #00000000;
            background-color: #00000000;
            text-align: center;
            cursor: pointer;
            border: none;
            position: fixed;
            bottom: 10px;
            text-indent: -1000em;
        }
  #darkModeBtn_875979f948:hover {
            background-image: url('https://i.imgur.com/K3dQjX6.png');
            background-size: cover;
            background-position: center;
            width: 40px;
            height: 40px;
            color: #00000000;
            background-color: #00000000;
            text-align: center;
            cursor: pointer;
            border: none;
            position: fixed;
            bottom: 10px;
            text-indent: -1000em;
        }
    #bgtoggle {
            background-image: url('https://i.imgur.com/cmvSLRX.png');
            background-size: cover;
            background-position: center;
            width: 40px;
            height: 40px;
            color: #00000000;
            background-color: #00000000;
            text-align: center;
            cursor: pointer;
            border: none;
            position: fixed;
            bottom: 52px;
            left:7px;
            text-indent: -1000em;
        }
  #bgtoggle:hover {
            background-image: url('https://i.imgur.com/4k6TNw8.png');
            background-size: cover;
            background-position: center;
            width: 40px;
            height: 40px;
            color: #00000000;
            background-color: #00000000;
            text-align: center;
            cursor: pointer;
            border: none;
            position: fixed;
            bottom: 52px;
            left:7px;
            text-indent: -1000em;
        }
.menu-container {
  margin-top: 20px;
  position: fixed;
  top: -220px;
  right: 60px;
}
.navmain {
  width: 100%;
  display: flex;
  justify-content: center;
}
.navmenu {
  display: flex;
  justify-content: center;
}
.dropdown {
  position: absolute;
  border: 0px;
  background-clip: border-box;
  padding: 10px 18px;
  display: block;
  justify-content: center;
  align-items: center;
  border-radius: 0px;
  font-size: 60px;
  color: #1f6989;
  text-shadow: 1px 1px 1px rgba(0,0,0,1), 0 0 0.1em rgba(0,0,0,1), 0 0 0.1em #ff00ff;
  position: relative;
  perspective: 1000px;
  z-index: 100;
}
.dropdown:hover {
  color: #ff00ff;
  cursor: pointer;
  text-shadow: 1px 1px 1px #000, 0 0 0.1em #1f6989, 0 0 0.1em #1f6989;
}
.dropdown:hover .dropdown_menu li {
  display: block;
}
.dropdown_menu {
  position: absolute;
  top: 75px;
  left: -105px;
  width: 190px;
  perspective: 1000px;
  z-index: -1;
}
.dropdown_menu li {
  text-align: right;
  display: none;
  background: transparent;
  border-radius: 10px;
  padding: 10px 15px;
  font-size: 16px;
  opacity: 0;
  text-shadow: 1px 1px 1px rgba(0,0,0,1), 0 0 0.1em rgba(0,0,0,1), 0 0 0.1em black;
}
.dropdown_menu li:hover {
  border-radius: 0px;
  text-shadow: 1px 1px 1px rgba(0,0,0,1), 0 0 0.1em rgba(0,0,0,1), 0 0 0.1em black;
}
.dropdown:hover .dropdown_menu--animated {
  display: block;
}
.dropdown_menu--animated {
  display: none;
}
.dropdown_menu--animated li {
  display: block;
  opacity: 1;
}
.dropdown_item-1 {
  transform-origin: top center;
  animation: translateX 300ms 60ms ease-in-out forwards;
}
.dropdown_item-2 {
  transform-origin: top center;
  animation: translateX 300ms 120ms ease-in-out forwards;
}
.dropdown_item-3 {
  transform-origin: top center;
  animation: translateX 300ms 180ms ease-in-out forwards;
}
.dropdown_item-4 {
  transform-origin: top center;
  animation: translateX 300ms 240ms ease-in-out forwards;
}
.dropdown_item-5 {
  transform-origin: top center;
  animation: translateX 300ms 300ms ease-in-out forwards;
}
@-moz-keyframes translateX {
  0% {
    opacity: 0;
    transform: translateX(80px);
  }
  80% {
    transform: translateX(-5px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@-webkit-keyframes translateX {
  0% {
    opacity: 0;
    transform: translateX(80px);
  }
  80% {
    transform: translateX(-5px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@-o-keyframes translateX {
  0% {
    opacity: 0;
    transform: translateX(80px);
  }
  80% {
    transform: translateX(-5px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes translateX {
  0% {
    opacity: 0;
    transform: translateX(80px);
  }
  80% {
    transform: translateX(-5px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
.animate {
  animation-play-state: paused !important; /* Override to run animation */
}
  #output-container > details:nth-child(19) > div { height: 100px; overflow-y: scroll; scrollbar-color: #08b94f #000; scrollbar-width: thin; }