@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;700;800&display=swap");body{margin:0;padding:0;font-family:sans-serif;background:linear-gradient(0deg,#0d0823 1%,#0d0823 33%,#0f0f19)}a,a.visited{color:#7563c9}h4{color:#fff}li{font-size:16px;line-height:24px;list-style-type:circle}.root{place-content:center flex-start;flex-flow:column nowrap;gap:10px;height:100vh;overflow:auto;padding:0;position:relative}.container,.root{display:flex;align-items:center}.container{place-content:center flex-start;flex:0 0 auto;flex-flow:column nowrap;gap:10px;height:-moz-fit-content;height:fit-content;max-width:975px;overflow:auto;padding:50px;position:relative;width:auto}.header{align-items:center;color:#fff}.branding,.header{display:flex;flex-direction:column;width:100%}.gradient{background-image:linear-gradient(120deg,#ff7dff,#282876);-webkit-background-clip:text;background-clip:text;color:transparent}.openai{float:left;padding:10px}.right{align-items:left;display:flex;flex-direction:column;margin:0;padding:0}.header-title{text-align:center;width:100%;font-weight:700;margin:10px 0 0}.header-subtitle{font-size:20px;line-height:1.4em}.header-subtitle,p{font-style:normal;font-weight:400;color:hsla(0,0%,100%,.75)}p{line-height:1rem}.prompt-container{place-content:flex-end center;align-items:center;display:flex;flex:0 0 auto;flex-flow:column nowrap;gap:16px;height:min-content;padding:0;width:min-content}.prompt-box{border:none;place-content:flex-start;align-items:flex-start;background-color:hsla(0,0%,100%,.05);border-radius:8px;display:flex;flex:0 0 auto;flex-flow:column nowrap;height:auto;overflow:hidden;padding:25px 25px 0;position:relative;width:610px;max-width:1200px;min-height:50px;will-change:transform;overflow:auto;outline:none;resize:vertical;font-size:16px;font-style:normal;letter-spacing:0;line-height:1.6em;text-align:start;color:#f7b3f7;text-decoration:none;text-transform:none}textarea{font-family:Manrope,sans-serif}#prompt-buttons{display:flex;place-content:right;align-items:right;justify-content:flex-end;flex:0 0 auto;flex-flow:row nowrap;gap:12px;height:min-content;overflow:hidden;padding:0 0 40px;position:relative;width:100%}.key-stroke{outline:none;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0;transform:none}.key-stroke p{color:hsla(0,0%,100%,.75);flex:0 0 auto;height:auto;position:relative;white-space:pre;width:autos}.or{outline:none;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0;transform:none}.or p{color:hsla(0,0%,100%,.25)}.button{align-items:flex-start;background:#4d39a3;border-radius:8px;cursor:pointer;display:flex;flex:0 0 auto;flex-flow:column nowrap;overflow:hidden;padding:12px;place-content:flex-start;position:relative;text-decoration:none;will-change:transform}.generate{outline:none;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0;transform:none}.generate p{color:#fff;margin:0}.controls{position:absolute;width:100%}.control{background:linear-gradient(0deg,#0d0823 1%,#0d0823 33%,#0f0f19);border-radius:8px;color:#fff;cursor:pointer;font-size:smaller;float:right;text-align:right;align-items:right}@keyframes spinner{to{transform:rotate(1turn)}}.spinner:before{content:"";box-sizing:border-box;position:absolute;top:290px;left:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;border-radius:50%;border:2px solid #ff7dff;border-top-color:transparent;animation:spinner .6s linear infinite}.loading{opacity:.7;cursor:default}.badge-container{display:flex;bottom:20px;flex:0 0 auto;height:auto;left:20px;position:fixed;width:auto;z-index:1}.badge-container a{border:1px solid hsla(0,0%,100%,.1);background-color:#000;border-radius:54.3478%/238.095%;filter:grayscale(1);transform:none;transform-origin:50% 50% 0;font-size:14px;font-weight:700;letter-spacing:-.5px;line-height:1em;color:#fff;padding:12px;text-decoration:none}.badge{display:flex;align-items:center}.badge img{width:21px;height:17px;image-rendering:pixelated;flex-shrink:0;fill:#000;color:#000;transform:none;transform-origin:50% 50% 0;padding-right:5px}.badge p{margin:0}.hide{display:none}.grow{transition:all .2s ease-in-out}.grow:hover{transform:scale(1.1)}.output{display:block;place-content:center flex-start;align-items:center;display:flex;flex:0 0 auto;flex-flow:column nowrap;gap:10px;height:min-content;max-width:1200px;overflow:hidden;position:relative;width:100%}.output-header-container{place-content:center;align-items:center;display:flex;flex:0 0 auto;flex-flow:column nowrap;gap:16px;height:min-content;overflow:hidden;padding:0;position:relative;width:100%}.output-header h3{font-family:Manrope,serif;font-size:21px;font-style:normal;font-weight:800;letter-spacing:0;line-height:1.4em;text-align:start;color:#fff;text-decoration:none;text-transform:none;margin:0}.output-content{outline:none;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0;font-size:small;font-weight:400;letter-spacing:0;transform:none}.output-content p{text-align:left;white-space:pre-line;color:hsla(0,0%,100%,.5)}@media (min-width:810px) and (max-width:1199px){.container,.prompt-container{max-width:600px;width:100%}.prompt-box{width:100%}}@media (max-width:809px){.container,.prompt-container{max-width:500px;width:100%}.prompt-box{width:100%}}@media (max-width:600px){.container{max-width:400px;width:90%}.header-title h1{font-size:40px}.header-subtitle h2{text-align:center}.key-stroke,.or{display:none}.prompt-buttons{justify-content:center}.prompt-container{width:100%}.prompt-box{margin:0 10px}}.loader{width:18px;height:18px;border-radius:50%;display:inline-block;border-top:2px solid #fff;border-right:2px solid transparent;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}