body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{margin:0;padding:0;height:100%;font-family:Montserrat,sans-serif;background-image:url(/forest-space-background.png);background-size:cover;background-position:center center}html,body{background-color:#000;height:100%}.background{height:100%;width:100%;background-color:#000c}#root{height:100%}.background{opacity:0}.background.show{opacity:1}.App{display:flex;flex-direction:column;color:#e0e0e0;width:100%;height:100%}.Playground{padding:65px 15px 30px;display:flex;flex-direction:column;color:#e0e0e0;position:fixed;width:calc(100% - 30px)}.playground-h1{margin-top:10px;margin-bottom:10px}@media(min-width:768px){.App.open,.Playground.open{width:calc(100% - 540px);margin-left:210px}.navbar.open,.footer.open{width:calc(100% - 300px)}.input-container.open{width:calc(100% - 540px);margin-left:210px}}.container{max-width:800px;margin:0 auto;width:100%;padding:0 15px}.navbar{position:fixed;top:0;left:0;right:0;height:63px;background-color:#9b9b9b40;border-bottom:1px solid #666;color:#fff;display:flex;align-items:center;justify-content:space-between;z-index:201;transition:width .3s ease;box-shadow:0 0 7px #00000080;width:100%}.navbar-content{display:flex;align-items:center;padding-left:20px}.navbar-links{padding-right:15px}.navbar-hamburger{width:25px;height:auto;margin-right:18px;cursor:pointer}.navbar-logo{width:45px;height:auto;margin-right:18px;border-radius:8px;box-shadow:0 0 3px #ffffffbf}.navbar-title{display:flex;flex-direction:column;white-space:nowrap}.navbar-title h1{margin:0;font-size:20px;word-wrap:break-word;white-space:normal}.subheader{font-size:11px;margin:0;text-align:left}.toggle-panel-btn,.clear-links-btn button,.chat-buttons button{border:none;background-color:#d6b4e7;color:#000;cursor:pointer;border-radius:5px;font-size:14px;position:relative;float:right;box-shadow:0 0 7px #00000080;padding:10px}.chat-buttons button{background-color:#e9ffd0}.chat-buttons{display:flex;align-items:flex-start;gap:8px;width:100%}.clear-links-btn{border-top:1px solid #666;padding:15px}.badge{background-color:#e53935;color:#fff;border-radius:50%;padding:3px 7px;font-size:12px;position:absolute;top:-5px;right:-10px}.slideout-panel{position:fixed;top:0;right:-300px;width:300px;height:100%;background-color:#333;color:#fff;padding:0;transition:right .3s ease;z-index:400;font-size:18px;display:flex;flex-direction:column}h2{margin:10px 0}.slideout-panel h2{margin:0;font-size:20px}.slideout-panel hr{margin:10px 0;border:none;border-top:1px solid #666}.slideout-header{padding:18px 20px;background-color:#333;border-bottom:1px solid #666;z-index:1;flex-shrink:0}.slideout-links{flex-grow:1;overflow-y:auto;padding:10px 20px;background-color:#333}.slideout-panel.open{right:0;box-shadow:0 0 7px #00000080}@media(min-width:768px){.slideout-panel.open{right:0;box-sizing:none;border-left:1px solid #666}}.slideout-panel a{color:#fff;text-decoration:none;font-size:17px;word-wrap:break-word}.slideout-panel a:hover{text-decoration:underline}.footer{background-color:#9b9b9b40;position:fixed;bottom:0;left:0;right:0;height:30px;border-top:1px solid #666;color:#e0e0e0;display:flex;align-items:center;justify-content:center;z-index:150;transition:width .3s ease;width:100%}.footer p{margin:0;font-size:12px}.conversation{position:relative;margin-top:63px;width:100%;overflow-y:auto;padding:15px;box-sizing:border-box;max-width:800px;margin-left:auto;margin-right:auto}.conversation div{margin-bottom:10px;font-size:clamp(1.1rem,1.1vw + 1rem,1.7rem);white-space:pre-wrap;overflow-wrap:break-word}.conversation .user-message{text-align:right;overflow-wrap:break-word}.conversation .assistant-message{text-align:left;overflow-wrap:break-word}.message-bubble{display:inline-block;padding:15px;border-radius:15px;max-width:85%;position:relative;box-shadow:0 0 7px #00000080}.user-message .message-bubble{background-color:#a3c4f3;color:#000}.assistant-message .message-bubble{background-color:#797878;color:#fff}.assistant-message .message-bubble a{color:#fff}.assistant-message .message-bubble a:hover{color:#ddd}.user-message .message-bubble:after{content:"";position:absolute;bottom:-15px;right:15px;width:0;height:0;border-left:30px solid transparent;border-right:1px solid transparent;border-top:15px solid #A3C4F3}.assistant-message .message-bubble:after{content:"";position:absolute;bottom:-15px;left:15px;width:0;height:0;border-left:1px solid transparent;border-right:30px solid transparent;border-top:15px solid #797878}.input-container{border-top:1px solid #333;background-color:#1e1e1e!important;position:fixed;bottom:30px;left:0;right:0;z-index:99;padding-left:15px;padding-right:15px;padding-bottom:15px;box-shadow:0 0 7px #00000080}.input-container textarea{box-shadow:0 0 7px #00000080;margin:10px 0;width:100%;padding:15px;border-radius:15px;box-sizing:border-box;background-color:#2c2c2c;color:#e0e0e0;border:3px solid #555;font-size:20px;resize:none;height:65px}.input-container button,.form-button-container button{box-shadow:0 0 7px #00000080;display:block;width:100%;padding:15px;background-color:#d6b4e7;border:none;color:#000;border-radius:15px;cursor:pointer;font-size:20px}button:hover{opacity:.85}.submit{font-weight:bolder}button:disabled{background-color:#555}.error{width:100%;background-color:#e57373;color:#e0e0e0;height:30px;line-height:30px;margin-bottom:10px;border-radius:5px;text-align:center}.reset-button{margin-top:15px;padding:8px!important;background-color:#4b4b4b!important;border:none;font-weight:400;color:#fff!important}.overlay-mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000040;z-index:150;pointer-events:none;transition:opacity .5s ease;opacity:0}.overlay-mask.show{opacity:1;pointer-events:all}.overlay-content{width:100%;height:100%;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);transition:backdrop-filter .5s ease,-webkit-backdrop-filter .5s ease}.overlay-mask.show .overlay-content{backdrop-filter:blur(.75px);-webkit-backdrop-filter:blur(.075px);background-color:#0003}@media(min-width:768px){.overlay-mask{display:none}}.menu-panel{position:fixed;top:0;left:-210px;width:210px;height:100%;background-color:#333;color:#fff;transition:left .3s ease;z-index:200;font-size:16px;margin-top:64px}.menu-panel.open{left:0;box-shadow:0 0 7px #00000080}.menu-header{padding:20px 20px 10px;background-color:#444;border-bottom:1px solid #666;display:flex}.menu-header h2{margin:0;display:inline-block}.menu-content{padding:0}.menu-content ul{list-style-type:none;padding:0;margin:0}.menu-content li{padding:0;border-bottom:1px solid #000}.menu-content li:first-child{border-top:1px solid #000}.menu-content li.active{background-color:#222}.menu-content a{display:block;padding:10px;color:#fff;text-decoration:none}.menu-content a:hover{background-color:#555}.playground-menu-header{display:block;padding:30px 10px 10px;color:#fff;text-decoration:none}.App.menu-open{margin-left:210px}@media(min-width:768px){.App.menu-open{width:calc(100% - 210px)}}.form-container{max-width:800px;margin:0 auto;padding:0 20px;border:1px solid #ccc;border-radius:8px;overflow-y:auto}.form-container.generating{pointer-events:none}.dalle-form{display:flex;flex-wrap:wrap;gap:20px;overflow-y:scroll;width:100%}.dalle{margin-bottom:20px}.dalle-3-image{margin-top:15px;width:100%;border:1px solid #fff}.form-left{flex:1 1 48%;display:flex;flex-direction:column}.form-right{flex:1 1 48%;display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column}.form-label{margin-bottom:8px;font-weight:700}.form-textarea{width:calc(100% + -0px);box-shadow:0 0 7px #00000080;margin:0;padding:15px;border-radius:8px;box-sizing:border-box;background-color:#2c2c2c;color:#e0e0e0;border:1px solid #ccc;font-size:20px;resize:none;height:100%;outline:none}.form-select{width:100%;padding:8px;border-radius:4px;border:1px solid #ccc}select{background-color:#2c2c2c;color:#e0e0e0;border:3px solid #555;font-size:20px}.form-button-container{width:100%;text-align:center}@media(max-width:767px){.form-left,.form-right{flex:1 1 100%}}.response{width:100%}.response-image{width:100%;height:auto;margin-top:20px;padding-top:20px;border-top:1px solid #fff;position:relative}.playground-content{overflow-y:auto}.error-message{color:red;font-size:14px;margin-top:10px;text-align:center}.navbar-help-icon,.playground-help-icon{font-size:1.5rem;margin:0 0 25px 10px;color:var(--highlight-color);cursor:pointer}.playground-help-icon{margin:15px 0 15px 10px}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;margin:0 20px;padding:20px;border-radius:8px;max-width:400px;text-align:center;box-shadow:0 2px 10px #0000001a}.modal h2{margin-top:0}.modal p{margin:15px 0;font-size:1rem;line-height:1.5}.modal-close-btn{border:1px solid #ccc;padding:10px 20px;border-radius:5px;cursor:pointer}.spinner{display:inline-block;width:16px;height:16px;border:2px solid transparent;border-top:2px solid black;border-radius:50%;animation:spin .8s linear infinite;margin-right:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-button-container .form-button{display:flex;align-items:center;justify-content:center}.ai-chat-container{max-width:800px;margin:0 auto;padding:0 20px 20px;border:1px solid #ccc;border-radius:8px}.ai-chat-buttons{display:flex;justify-content:space-between;margin-bottom:20px}.ai-chat-buttons button{padding:10px 20px;font-size:16px;border:none;border-radius:4px;cursor:pointer}.ai-chat-buttons button:disabled{background-color:#ccc;cursor:not-allowed}.ai-chat-messages{margin-top:20px;display:flex;flex-direction:column;gap:10px}.message-bubble{max-width:80%;padding:10px 15px;border-radius:20px;font-size:14px;line-height:1.5;word-wrap:break-word}.message-bubble.assistant-a{align-self:flex-start;background-color:#d0e6ff;color:#036}.message-bubble.assistant-b{align-self:flex-end;background-color:#e9ffd0;color:#360}.chat-messages{flex-grow:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;border-top:1px solid #ddd;scroll-behavior:smooth}.message-wrapper{display:flex;width:100%;margin-bottom:10px}.user-message-wrapper{justify-content:flex-end}.assistant-message-wrapper{justify-content:flex-start}.message-bubble{display:inline-block;padding:15px;border-radius:15px;max-width:85%;box-shadow:0 0 7px #00000080;white-space:pre-wrap;word-wrap:break-word;font-size:1rem;line-height:1.5;margin-bottom:25px;margin-top:5px}.assistant-a{text-align:left;background-color:#d0e6ff;color:#fff;position:relative}.assistant-a:after{content:"";position:absolute;bottom:-15px;left:15px;width:0;height:0;border-left:1px solid transparent;border-right:30px solid transparent;border-top:15px solid #d0e6ff}.assistant-b{text-align:right;background-color:#e9ffd0;color:#000;position:relative}.assistant-b:after{content:"";position:absolute;bottom:-15px;right:15px;width:0;height:0;border-left:30px solid transparent;border-right:1px solid transparent;border-top:15px solid #e9ffd0}.message-text{margin:0}.chat-input-area{padding-top:20px!important;display:flex;flex-direction:column;padding:0;border-top:1px solid #ddd}.subject-input{box-shadow:0 0 7px #00000080;margin:20px 0;box-sizing:border-box;background-color:#2c2c2c;font-size:20px;resize:none;height:70px;outline:none;width:calc(100% + -0px);padding:10px;border-radius:8px;color:#e0e0e0;border:1px solid #ccc}.chat-buttons textarea{flex-grow:1;padding:8px;border:1px solid #ccc;border-radius:4px;margin-right:8px;font-family:inherit;min-height:60px;max-height:150px;background-color:#ffffff1a;color:#e0e0e0;resize:vertical}.chat-buttons textarea:focus{outline:none;border-color:#4a90e2;background-color:#ffffff26}.chat-buttons button{padding:8px 16px;border:none;border-radius:4px;background-color:#4a90e2;color:#fff;cursor:pointer;transition:background-color .2s;white-space:nowrap}.header-row{display:flex;justify-content:flex-start;align-items:center}.about-button{margin-left:10px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center}.modal-content{color:#000;background:#fff;padding:20px;border-radius:5px;max-width:400px;text-align:center;margin:0 20px}.close-button{margin-top:10px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;max-height:90vh;position:relative;padding:20px;box-shadow:0 5px 15px #0000004d;animation:fadeIn .3s ease-in-out}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;position:relative}.modal-body h2{margin-top:0}.modal-title{margin:0;font-size:1.5rem;flex:1;text-align:center}.modal-close-button{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#000}.modal-dismiss-button{padding:8px 16px;border:none;border-radius:4px;background-color:#4a90e2;color:#fff;cursor:pointer;transition:background-color .2s;white-space:nowrap;font-size:16px;margin-top:15px;font-family:Montserrat,sans-serif}.modal-dismiss-button:hover{opacity:.85;background-color:#357abd}.modal-body{font-size:1rem;padding-bottom:20px;overflow-y:auto;overflow-x:hidden;flex:1;display:flex;flex-direction:column;min-height:0}.site-thumbnails-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px;padding-top:15px;border-top:1px solid rgba(0,0,0,.3);width:100%}.site-thumbnail{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border-radius:8px;padding:10px;background-color:#fffffff2;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 8px #00000026;min-width:120px}.site-thumbnail:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000040;background-color:#fff}.site-thumbnail-image{max-width:150px;max-height:100px;width:auto;height:auto;object-fit:contain;border-radius:4px;border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 3px #0000001a}.site-thumbnail-label{margin-top:8px;font-size:11px;color:#333;text-align:center;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.modal-screenshot-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:10px;box-sizing:border-box;overflow:hidden}.modal-screenshot-buttons{display:flex;gap:10px;justify-content:center;margin-top:10px}.modal-open-website-button{padding:8px 16px;border:none;border-radius:4px;background-color:#4a90e2;color:#fff;cursor:pointer;font-size:1rem;transition:background-color .2s;white-space:nowrap}.modal-open-website-button:hover{opacity:.85;background-color:#357abd}.modal-screenshot{max-width:100%;max-height:calc(100% - 80px);width:auto;height:auto;object-fit:contain;border-radius:8px;border:2px solid rgba(0,0,0,.2);box-shadow:0 4px 20px #0000004d;margin-bottom:15px;overflow:hidden;display:block}.modal-content.modal-regular{width:90%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;overflow-y:auto}.modal-content.modal-screenshot{width:95vw;max-width:95vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.reset-chat{background-color:#4b4b4b!important;border:none;font-weight:400;color:#fff!important}.gradient-text{background:linear-gradient(to right,#708698,#dcdae2,#f4dfe2,#e3bfce,#9f7595);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.overlay-text{position:absolute;bottom:20px;left:5%;background-color:#0009;color:#fff;padding:10px 20px;border-radius:7px;max-width:80%;min-width:80%;word-wrap:break-word;font-size:11px;text-align:left;max-height:20%;overflow-y:scroll}.Playground .chat-buttons,.ai-chat-container .chat-buttons{display:flex;flex-direction:column;gap:12px;width:100%}.Playground .chat-buttons textarea,.ai-chat-container .chat-buttons textarea{width:calc(100% + -0px);padding:8px;border:1px solid #ccc;border-radius:4px;font-family:inherit;font-size:18px;min-height:60px;max-height:150px;background-color:#ffffff1a;color:#e0e0e0;resize:vertical;box-sizing:border-box}.Playground .chat-buttons textarea:focus,.ai-chat-container .chat-buttons textarea:focus{outline:none;border-color:#4a90e2;background-color:#ffffff26}.Playground .chat-buttons .button-container,.ai-chat-container .chat-buttons .button-container{display:flex;gap:8px;justify-content:flex-end;width:100%}.Playground .chat-buttons button,.ai-chat-container .chat-buttons button{padding:8px 16px;border:none;border-radius:4px;background-color:#4a90e2;color:#fff;cursor:pointer;transition:background-color .2s;white-space:nowrap;min-width:80px}button:disabled{background-color:#ccc;cursor:not-allowed}.ai-chat-bots-buttons{display:flex;flex-direction:row!important;justify-content:space-between;gap:10px;width:100%}.ai-chat-bots-buttons button{flex:1;padding:10px;border:none;border-radius:5px;background-color:#007bff;color:#fff;cursor:pointer;text-align:center;min-width:0}.ai-chat-bots-buttons button:disabled{background-color:#ccc;cursor:not-allowed}.splash-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/forest-space-background-fade.png);background-size:cover;display:flex;justify-content:center;align-items:center;z-index:9999;opacity:1;transition:opacity 1s ease-out;background-position:center center}.splash-screen.fade-out{opacity:0}.splash-logo img{border-radius:20px;border:1px solid #ffffff;width:150px;height:auto;box-shadow:0 0 20px #ffffffbf}.emma-splash-container{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background-color:#f8f9fa;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23e6e6e6' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");padding:20px}.emma-splash-content{text-align:center;padding:2rem;max-width:900px;width:100%;background-color:#fff;border-radius:12px;box-shadow:0 8px 30px #0000001a;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;border:2px solid #f0e6ff}.emma-splash-content.visible{opacity:1;transform:translateY(0)}.emma-header{margin-bottom:2rem}.emma-header h1{color:#e91e63;margin-bottom:1rem;font-size:2.5rem;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.emma-divider{height:3px;width:80px;background-color:#f48fb1;margin:0 auto;border-radius:3px}.emma-main-content{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}@media(min-width:768px){.emma-main-content{flex-direction:row;align-items:center}}.emma-image-container{flex:1;min-height:300px;display:flex;justify-content:center;align-items:center;padding:1rem}.emma-bunny-image{max-width:100%;max-height:300px;object-fit:contain;border-radius:8px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));transition:transform .3s ease}.emma-bunny-image:hover{transform:scale(1.05)}.emma-text-content{flex:1;text-align:left}.emma-text-content h2{color:#c2185b;margin-bottom:1rem;font-size:1.8rem}.emma-text-content p{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.emma-cta-container{margin-top:1.5rem}.emma-cta-button{display:inline-block;padding:12px 24px;background-color:#9c27b0;color:#fff;text-decoration:none;border-radius:30px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 6px #9c27b033}.emma-cta-button:hover{background-color:#7b1fa2;transform:translateY(-2px);box-shadow:0 6px 8px #9c27b04d}.emma-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #eee;color:#888;font-size:.9rem}