@import "https://fonts.googleapis.com/css?family=Montserrat:600&display=swap";
body{margin:0;padding:0;font-family:Noto Sans Variable,Noto Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.root{overflow:overlay;flex-flow:column;place-content:center flex-start;align-items:center;min-height:100vh;padding:0;display:flex;position:relative}.app-container{background-repeat:no-repeat;background-size:100%;width:100%;height:fit-content}.app-container-inner{flex-flow:column;flex:none;place-content:center flex-start;align-items:center;max-width:900px;margin:0 auto;display:flex;position:relative;overflow:hidden}.space-app .app-container-inner{width:100%;max-width:none}.app-static-preview{width:100%!important}.app-container-fill{min-height:calc(var(--vh,1vh) - 60px)}.app-container-fill-large-footer{min-height:calc(var(--vh,1vh) - 80px)}.app-generation-container{gap:8px!important}.light-bg{color:#000}.app-header{flex-direction:column;width:100%;max-width:900px;padding:50px 0 0;display:flex}.gen-app-header{flex-direction:column;width:100%;max-width:900px;padding:50px 16px 0;display:flex}.toast-notification{border-radius:10px!important}.header-title{gap:12px;display:flex}.header-title h1{letter-spacing:-2px;width:100%;margin:0;padding-bottom:8px;font-size:56px;line-height:1.2em}.header-subtitle h2{font-size:20px;font-style:normal;font-weight:400;line-height:1.4em}.app-input-container{flex-flow:column;flex:none;gap:8px;width:100%;height:min-content;min-height:116px;padding:16px 8px 0 16px;display:flex}.prompt-box{resize:none;letter-spacing:0;text-align:start;text-transform:none;background-color:#0000;border-radius:16px;outline:none;max-height:300px;padding:16px 24px;font-style:normal;line-height:20px;text-decoration:none;transition:all .5s ease-in-out;position:relative;overflow:hidden auto}.prompt-box-app-gen{resize:none;letter-spacing:0;text-align:start;color:#000000b3;text-transform:none;background-color:#0000;border-radius:16px;outline:none;max-width:100%;min-height:140px;max-height:300px;padding:24px 112px 20px 20px;font-size:20px;font-style:normal;line-height:24px;text-decoration:none;transition:all .5s ease-in-out;position:relative;overflow:hidden auto;padding-right:172px!important}.prompt-box-app-gen::placeholder{color:#000000b3;opacity:.7}textarea{font-family:Manrope,sans-serif}.prompt-box:focus,.prompt-box-app-gen:focus{border-color:#ffffffbf}.prompt-buttons{flex-flow:row;flex:none;place-content:center space-between;align-items:center;gap:12px;width:100%;height:min-content;padding:0;display:flex;position:relative;overflow:hidden}.key-stroke{outline:none;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;transform:none}.key-stroke p{color:#ffffffbf;white-space:pre;flex:none;width:auto;height:auto;position:relative}.or{outline:none;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;transform:none}.or p{color:#ffffff40}.generate-button{text-align:center;will-change:transform;flex-flow:column;flex:none;place-content:flex-start;gap:10px;height:min-content;text-decoration:none;display:flex;position:relative;overflow:hidden}.generate{outline:none;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;transform:none}.generate p{color:inherit;margin:0}.loading{opacity:.8;cursor:default}.avatar-skeleton{width:100%;height:100%;line-height:1}.badge-container{z-index:1;flex:none;width:auto;height:auto;display:flex;position:fixed;bottom:20px;left:20px}.badge-container a{filter:grayscale();transform-origin:50% 50% 0px;letter-spacing:-.5px;color:#fff;background-color:#000;border:1px solid #ffffff1a;border-radius:54.3478%/238.095%;padding:12px;font-size:14px;font-weight:700;line-height:1em;text-decoration:none;transform:none}.badge{align-items:center;display:flex}.badge img{width:21px;height:17px;image-rendering:pixelated;fill:#000;color:#000;transform-origin:50% 50% 0px;flex-shrink:0;padding-right:5px;transform:none}.badge p{margin:0}.grow{transition:all .2s ease-in-out}.grow:hover{transform:scale(1.1)}.app-output{flex-flow:column;flex:none;place-content:center flex-start;align-items:center;gap:10px;width:100%;max-width:900px;height:min-content;display:flex;position:relative}.ce-block__content,.ce-toolbar__content{max-width:calc(100% - 128px)!important}.cdx-block{overflow-x:hidden;max-width:100%!important}.codex-editor__redactor{padding-bottom:60px!important}.ce-scroll-locked--hard{position:unset!important}.output-header-container{flex-flow:column;flex:none;place-content:center;align-items:center;width:100%;height:min-content;padding:0;display:flex;position:relative;overflow:hidden}.output-header h3{letter-spacing:0;text-align:start;color:#fff;text-transform:none;margin:0;font-family:Manrope,sans-serif;font-size:28px;font-style:normal;font-weight:800;line-height:1.4em;text-decoration:none}.output-content{outline:none;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;transform:none}.output-content p{text-align:center;white-space:pre-line;color:#ffffff80}.centered-container{height:calc(var(--vh,1vh) - 40px);flex-direction:column;justify-content:center;align-items:center;display:flex}@media (min-width:769px) and (max-width:1200px){.ce-block__content,.ce-toolbar__content{max-width:calc(100% - 128px)!important}.app-container{width:100%}.app-input-container{width:100%;max-width:900px}.prompt-box,.prompt-box-app-gen{width:100%}.app-output{max-width:900px}}@media (max-width:768px){.ce-block__content,.ce-toolbar__content{max-width:calc(100% - 120px)!important}.app-container{width:100%;padding:0}.app-header{padding:50px 0 0!important}.app-input-container{width:100%;min-height:216px;padding:8px 16px 0}.prompt-box,.prompt-box-app-gen{width:100%;padding:24px 24px 0 20px}.prompt-box-app-gen{padding-right:24px!important}}.output-main-card{max-width:calc(100vw - 4px)!important}@media (max-width:650px){.ce-block__content,.ce-toolbar__content{max-width:calc(100% - 16px)!important}.app-container{gap:24px;width:100%;padding:0}.header-title h1{font-size:40px}.header-subtitle h2{font-size:20px}.key-stroke,.or{display:none}.prompt-buttons{justify-content:center}.app-input-container{width:100%;min-height:216px}.prompt-box,.prompt-box-app-gen{width:100%;padding:24px 24px 0 20px}.prompt-box-app-gen{padding-right:24px!important}}.loader{box-sizing:border-box;border-top:2px solid #fff;border-right:2px solid #0000;border-radius:50%;width:18px;height:18px;animation:1s linear infinite rotation;display:inline-block}.dark-loader{border-top:2px solid #000}.centered-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.link_container{background:#f3efef;border-radius:20px;justify-content:space-between;align-items:center;gap:4px;max-width:460px;margin:10px auto;padding:8px 8px 8px 16px;display:flex;position:relative}.shareable_link{text-overflow:pre-wrap;white-space:pre-wrap}.tour_guide{color:#000!important}.no-scroll{overflow:hidden!important}.dot-typing{--dot-typing-color:#444349;background-color:var(--dot-typing-color);width:8px;height:8px;color:var(--dot-typing-color);box-shadow:9984px 0 0 0 var(--dot-typing-color),9999px 0 0 0 var(--dot-typing-color),10014px 0 0 0 var(--dot-typing-color);border-radius:5px;animation:1.5s linear infinite dot-typing;position:relative;left:-9999px}.dark-app .dot-typing{--dot-typing-color:#fff}@keyframes dot-typing{0%{box-shadow:9984px 0 0 0 var(--dot-typing-color),9999px 0 0 0 var(--dot-typing-color),10014px 0 0 0 var(--dot-typing-color)}16.667%{box-shadow:9984px -10px 0 0 var(--dot-typing-color),9999px 0 0 0 var(--dot-typing-color),10014px 0 0 0 var(--dot-typing-color)}33.333%{box-shadow:9984px 0 0 0 var(--dot-typing-color),9999px 0 0 0 var(--dot-typing-color),10014px 0 0 0 var(--dot-typing-color)}50%{box-shadow:9984px 0 0 0 var(--dot-typing-color),9999px -10px 0 0 var(--dot-typing-color),10014px 0 0 0 var(--dot-typing-color)}66.667%{box-shadow:9984px 0 0 0 var(--dot-typing-color),9999px 0 0 0 var(--dot-typing-color),10014px 0 0 0 var(--dot-typing-color)}83.333%{box-shadow:9984px 0 0 0 var(--dot-typing-color),9999px 0 0 0 var(--dot-typing-color),10014px -10px 0 0 var(--dot-typing-color)}to{box-shadow:9984px 0 0 0 var(--dot-typing-color),9999px 0 0 0 var(--dot-typing-color),10014px 0 0 0 var(--dot-typing-color)}}.embed_sidetab .header-title h1{letter-spacing:-2px!important;font-size:36px!important}.embed_sidetab .header-subtitle h2,.embed_sidetab .prompt-box,.embed_sidetab .prompt-box-app-gen{font-size:16px!important}.embed_sidetab .app-input-container{min-height:100px!important}.embed_sidetab .app-container{gap:8px!important}.embed_sidetab .output-step{display:none!important}.output-editable-table{max-width:98vw!important}.cc-bg-white{color:#000!important}.twitter-picker{box-shadow:none!important}.app-showcase-card .ant-card-body{height:98px;padding:12px 16px!important}.dark-app .ant-card-meta-title,.dark-app .ant-card-meta-description{color:#fff!important}.dark-app .editable-cell-column{border:none!important;border-radius:0!important}.dark-app .ant-table-cell{color:#fff!important;background-color:#1a1a1a!important}.dark-app .ce-block--selected .dark-app .ce-block__content,.dark-app .ce-toolbar__plus,.dark-app .ce-toolbar__settings-btn{border:none;color:#fff!important}.dark-app .ce-block--selected .ce-block__content,.dark-app .ce-toolbar__plus:hover,.dark-app .ce-toolbar__settings-btn:hover{background:#444}.colorful-app .ant-table{background-color:#0000!important}.colorful-app .ant-table-cell{color:#000!important;background-color:#ffffff4d!important;border-color:#fff3!important}.colorful-app .ant-table-cell:before{background-color:#0000!important}@media (max-width:650px){.dark-app .ce-toolbar__plus,.dark-app .ce-toolbar__settings-btn{background:#444}}.app_card{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:20px}.colorful-app .app_card{background-color:#fff3}.app_card.dark-app,.dark-app .app_card{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}@media (min-width:640px){.light-app .app_card{border-width:1px}.light-bg .app_card{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}.dashboard_app_card{background-color:#0000;border-radius:20px}.dark-app .react-loading-skeleton{--base-color:#444;--highlight-color:#3c3c3c}.output-main-card .ant-table-cell p{flex-direction:column;gap:8px;display:flex;margin:0!important}.output-main-card .ant-table-cell p img{max-width:120px;max-height:120px;margin:0!important;padding:0!important}.output-main-card .ant-table-cell{vertical-align:top}.editable-cell-value-wrap{cursor:pointer;padding-right:0!important}.action-buttons{visibility:hidden}@media (max-width:767px){.action-buttons{visibility:visible}}.ant-table-cell-row-hover .action-buttons{visibility:visible}[contenteditable=true]:empty:before{content:attr(placeholder);color:#aaa;display:block}.ant-checkbox-inner,.ant-checkbox-input{transform:scale(1.25)}.app-builder-root #component-preview-container .h-screen{height:calc(100vh - 64px)!important}
.builder-chat-markdown{min-width:0;max-width:100%;overflow-x:auto}.builder-chat-markdown p:not(.not-prose *),.builder-chat-markdown ul:not(.not-prose *),.builder-chat-markdown ol:not(.not-prose *){text-wrap:wrap;margin-bottom:1em;line-height:24px}.builder-chat-markdown ul:not(.not-prose *),.builder-chat-markdown ol:not(.not-prose *){padding-left:2em}.builder-chat-markdown ul:not(.not-prose *){list-style-type:disc}.builder-chat-markdown ol:not(.not-prose *){list-style-type:decimal}.builder-chat-markdown li:not(.not-prose *){margin-bottom:.5em}.builder-chat-markdown pre:not(.not-prose *),.builder-chat-markdown code:not(.not-prose *){border-radius:3px;font-family:monospace}.builder-chat-markdown pre:not(.not-prose *){background-color:#0000;background-image:linear-gradient(90deg,#f6f8fa 30%,#0000),linear-gradient(90deg,#0000,#f6f8fa 70%),linear-gradient(90deg,#00000014,#0000),linear-gradient(270deg,#00000014,#0000);background-position:0 0,100% 0,0 0,100% 0;background-repeat:no-repeat;background-size:40px 100%,40px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;max-width:100%;padding:16px;font-size:85%;line-height:1.45;overflow-x:auto}.builder-chat-markdown code:not(.not-prose *){word-break:break-word;padding:.2em .4em;font-size:85%}.builder-chat-markdown blockquote:not(.not-prose *){color:#6a737d;border-left:.25em solid #dfe2e5;margin:0;padding-left:1em}.builder-chat-markdown table:not(.not-prose *){border-collapse:collapse;white-space:nowrap;background-color:#0000;background-image:linear-gradient(90deg,#fff 30%,#0000),linear-gradient(90deg,#0000,#fff 70%),linear-gradient(90deg,#0000001a,#0000),linear-gradient(270deg,#0000001a,#0000);background-position:0 0,100% 0,0 0,100% 0;background-repeat:no-repeat;background-size:40px 100%,40px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;max-width:100%;margin-bottom:1em;display:block;position:relative;overflow-x:auto}.builder-chat-markdown th:not(.not-prose *),.builder-chat-markdown td:not(.not-prose *){border:1px solid #dfe2e5;padding:6px 13px}.builder-chat-markdown th:not(.not-prose *){background-color:#f6f8fa;font-weight:600}.builder-chat-markdown hr:not(.not-prose *){background-color:#e1e4e8;border:0;height:1px;margin:24px 0;padding:0}.builder-chat-markdown img:not(.not-prose *){max-width:100%;height:auto}
.heart-btn{z-index:100;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.heart-btn.heart-active{background:#fbd0d8;border-color:#f9b9c4}.heart{background:url(/heart.png) 0/2900% no-repeat;width:90px;height:90px;position:absolute;top:50%;left:21%;transform:translate(-50%,-50%)}.heart.heart-active{background-position:100%;animation:.8s steps(28,end) animate}@keyframes animate{0%{background-position:0}to{background-position:100%}}
.glow-effect{--glow-line-color:#fff;--glow-line-thickness:2px;--glow-line-length:20px;--glow-blur-color:#fff;--glow-blur-size:5px;--glow-offset:0px;--animation-speed:1.2s;--container-offset:100px;position:relative}.glow-container{pointer-events:none;inset:calc(var(--container-offset)/-2);width:calc(100% + var(--container-offset));height:calc(100% + var(--container-offset));opacity:0;position:absolute}.glow-blur,.glow-line{width:calc(100% - var(--container-offset) + var(--glow-offset));height:calc(100% - var(--container-offset) + var(--glow-offset));x:calc((var(--container-offset)/2) + calc(var(--glow-offset)/-2));y:calc((var(--container-offset)/2) + calc(var(--glow-offset)/-2));fill:#0000;stroke:#000;stroke-width:5px;stroke-dasharray:var(--glow-line-length)calc(50px - var(--glow-line-length))}.glow-effect:is(:hover,:focus) :is(.glow-line,.glow-blur){stroke-dashoffset:-80px;transition:stroke-dashoffset var(--animation-speed)ease-in}.glow-line{stroke:var(--glow-line-color);stroke-width:var(--glow-line-thickness)}.glow-blur{filter:blur(var(--glow-blur-size));stroke:var(--glow-blur-color);stroke-width:var(--glow-blur-size)}.glow-effect:is(:hover,:focus) .glow-container{animation:glow-visibility ease-in-out var(--animation-speed)}@keyframes glow-visibility{0%,to{opacity:0}25%,75%{opacity:1}}.glow-effect[data-glow-animation=false]{--glow-line-length:50px}.glow-effect[data-glow-offset=true]{--glow-offset:10px}.glow-effect[data-glow-animation=grow]:is(:hover,:focus) .glow-container{transition:scale var(--animation-speed)linear;scale:1.3}@keyframes glow-visibility-auto{0%,to{opacity:0}25%,75%{opacity:1}}@keyframes glow-line-animation{0%,to{stroke-dashoffset:0}25%,75%{stroke-dashoffset:-80px}}
@keyframes slide-transparency{0%{opacity:0}50%{opacity:1}to{opacity:0}}.sky-animate-opacity{animation-name:slide-transparency;animation-iteration-count:infinite}.sky-freq-5{animation-duration:5s}.sky-freq-6{animation-duration:6.33s}.sky-freq-7{animation-duration:7s}.sky-freq-8{animation-duration:8.88s}.sky-freq-9{animation-duration:9s}.sky-freq-10{animation-duration:10.17s}.sky-delay-2{animation-delay:1.33s}.sky-delay-4{animation-delay:2.11s}.sky-bg{z-index:-1000;background:#000;width:100vw;height:100vh;position:fixed;top:0;left:0}.sky-z-1,.sky-z-2,.sky-z-3{transform-origin:50%;width:150vw;height:150vw;position:absolute;top:-50vw;left:-50vw}.sky-tile{opacity:0;background-repeat:repeat;background-size:512px 512px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.sky-top-left{background-image:url(/animations/starry_sky/topleft.png)}.sky-top-right{background-image:url(/animations/starry_sky/topright.png)}.sky-bottom-left{background-image:url(/animations/starry_sky/bottomleft.png)}.sky-bottom-right{background-image:url(/animations/starry_sky/bottomright.png)}