body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}.modal{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:400px;padding:2rem;position:relative;width:100%}h2{color:#333;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1rem}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.8rem;width:100%}.api-key-help{color:#666;display:block;font-size:.8rem;margin-top:.25rem}.error{color:#dc3545;font-size:.9rem;margin-bottom:1rem;text-align:center}.login-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem;transition:background-color .2s;width:100%}.login-button:hover{background-color:#0056b3}.separator{align-items:center;display:flex;margin:1.5rem 0;text-align:center}.separator:after,.separator:before{border-bottom:1px solid #ddd;content:"";flex:1 1}.separator span{color:#666;font-size:.9rem;padding:0 .75rem}.google-login-button{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#757575;cursor:pointer;display:flex;font-size:1rem;gap:.75rem;justify-content:center;padding:.8rem;transition:background-color .2s;width:100%}.google-login-button:hover{background-color:#f8f9fa}.google-login-button img{height:18px;width:18px}.auth-toggle{margin-top:1.5rem;text-align:center}.toggle-button{background:none;border:none}.toggle-button:hover{text-decoration:underline}.navbar{background-color:#fff;box-shadow:0 2px 4px #0000001a;justify-content:space-between;padding:1rem 2rem}.nav-left,.nav-right,.navbar{align-items:center;display:flex}.nav-left,.nav-right{gap:2rem}.nav-item{align-items:center;border-radius:6px;color:#333;display:flex;font-weight:500;gap:.5rem;padding:.3rem .5rem;text-decoration:none;transition:all .2s ease}.nav-item:hover{background-color:#f8f9fa;color:#007bff}button.nav-item{background:none;border:2px solid #0000;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:500}button.nav-item:not(.logout-button){background-color:#007bff;color:#fff;padding:.3rem .8rem}button.nav-item:not(.logout-button):hover{background-color:#0056b3;color:#fff}.logout-button{background-color:initial;border:2px solid #dc3545;color:#dc3545}.logout-button:hover{background-color:#dc3545;color:#fff}.nav-item.active{background-color:#f8f9fa;color:#007bff}.home-page{color:#333;font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:2rem}.page-title{color:#222;margin:2rem 0 1rem;text-align:left}.projects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:2rem}.project-card{border:1px solid #ddd;display:flex;flex-direction:column;transition:box-shadow .3s ease,transform .3s ease}.project-header{margin-bottom:.5rem}.project-date{color:#888;font-size:.9rem}.project-description{margin-top:.5rem}.no-projects{font-size:1.1rem;margin:2rem 0;text-align:center}.create-link{color:#007bff;font-weight:700;text-decoration:none}.login-prompt{font-size:1.2rem;margin-top:2rem;text-align:center}.create-button{align-items:center;background:#007bff;border-radius:50%;bottom:2rem;box-shadow:0 4px 10px #0003;color:#fff;display:flex;font-size:1.5rem;justify-content:center;padding:1rem;position:fixed;right:2rem;text-decoration:none;transition:transform .3s ease,background .3s ease}.create-button:hover{background:#0056b3;transform:scale(1.1)}.loading-spinner{font-size:1.2rem;padding:2rem;text-align:center}.create-app{background-color:#fff;display:grid;grid-template-columns:1fr 1fr;height:calc(100vh - 64px)}.chat-section{border-right:1px solid #eee;padding:1rem}.message.bot{white-space:pre-wrap}.preview-section{overflow:auto;padding:1rem;position:relative}.preview-container{background-color:#fff;border-radius:4px;min-height:100%;padding:1rem}.loading{display:inline-block}.publish-button{align-items:center;background:linear-gradient(135deg,#007bff,#00d4ff);border:none;border-radius:25px;bottom:2rem;box-shadow:0 4px 15px #007bff4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;position:fixed;right:2rem;transition:all .3s ease;z-index:1000}.publish-button:hover{background:linear-gradient(135deg,#0066d9,#00bfff);box-shadow:0 6px 20px #007bff66;transform:translateY(-2px)}.publish-button:active{box-shadow:0 2px 10px #007bff4d;transform:translateY(1px)}.publish-button:disabled{background:linear-gradient(135deg,#ccc,#ddd);box-shadow:none;cursor:not-allowed;transform:none}.view-toggle-buttons{position:absolute;right:1rem;top:1rem;z-index:10}.toggle-button{background-color:#fff;border:1px solid #007bff;border-radius:4px;color:#007bff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.toggle-button.active{background-color:#007bff;color:#fff}.toggle-button:hover{background-color:#f0f8ff}.toggle-button.active:hover{background-color:#0056b3}.code-container{background-color:#f8f9fa;border-radius:4px;height:100%;overflow:auto;padding:1.5rem}.code-section{margin-bottom:2rem}.code-section h3{color:#333;font-size:1.1rem;margin-bottom:1rem}.code-section pre{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.5;overflow-x:auto;padding:1rem}.project-actions{display:flex;gap:1rem;margin-bottom:1rem}.monetize-button{font-size:1rem;padding:.8rem 1.5rem;transition:all .3s ease}.monetize-button:hover{transform:translateY(-2px)}.action-buttons{display:flex;gap:1rem;margin-bottom:1rem}.save-project-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem 1.5rem;transition:all .2s ease}.save-project-button:hover{background-color:#0056b3;transform:translateY(-1px)}.save-modal{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:500px;padding:2rem;position:relative;width:100%}.save-modal h2{color:#333;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.cancel-button{cursor:pointer;font-size:1rem;transition:all .2s ease}.cancel-button,.save-button{border-radius:4px;padding:.8rem 1.5rem}.save-button{background-color:#007bff}.save-button:hover{background-color:#0056b3}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.monetize-modal{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:500px;padding:2rem;position:relative;width:100%}.monetize-modal h2{color:#333;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.form-group label{color:#555;display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group textarea{border-radius:4px;font-family:inherit;padding:.8rem}.form-group textarea{min-height:100px}.form-group input[type=number]{-moz-appearance:textfield}.form-group input[type=number]::-webkit-inner-spin-button,.form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.modal-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.cancel-button,.submit-button{border-radius:4px;cursor:pointer;font-size:1rem;padding:.8rem 1.5rem;transition:all .2s ease}.cancel-button{background-color:#f8f9fa;border:1px solid #ddd;color:#666}.cancel-button:hover{background-color:#e9ecef}.submit-button{background-color:#28a745;border:none;color:#fff}.submit-button:hover{background-color:#218838;transform:translateY(-1px)}.submit-button:disabled{background-color:#6c757d;cursor:not-allowed;transform:none}.project-view{background-color:#f8f9fa;min-height:calc(100vh - 64px);padding:2rem}.project-header{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:2rem;padding:1.5rem}.project-header h1{color:#333;font-size:1.8rem;margin-bottom:.5rem}.project-header .description{color:#666;line-height:1.5;margin-bottom:1rem}.meta-info{align-items:center;color:#888;display:flex;font-size:.9rem;gap:2rem;justify-content:space-between}.monetize-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;transition:all .2s ease}.monetize-button:hover{background-color:#218838;transform:translateY(-1px)}.project-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;height:calc(100vh - 250px)}.chat-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;overflow:hidden}.chat-section h2{border-bottom:1px solid #eee;color:#333;font-size:1.2rem;margin:0;padding:1rem}.messages{display:flex;flex-direction:column;flex-grow:1;gap:1rem;overflow-y:auto;padding:1rem}.message{border-radius:8px;max-width:80%;padding:.8rem 1rem}.message.user{align-self:flex-end;background-color:#007bff;color:#fff}.message.bot{align-self:flex-start;background-color:#f0f0f0;color:#333}.message pre{font-family:inherit;margin:0;white-space:pre-wrap}.preview-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;overflow:hidden}.view-toggle-buttons{border-bottom:1px solid #eee;display:flex;gap:.5rem;padding:1rem}.view-toggle-buttons button{background-color:#fff;border:1px solid #007bff;border-radius:4px;color:#007bff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.view-toggle-buttons button.active{background-color:#007bff;color:#fff}.preview-frame{border:none;flex-grow:1;width:100%}.code-view{display:flex;flex-direction:column;height:100%}.code-tabs{background-color:#f8f9fa;border-bottom:1px solid #eee;display:flex;gap:.5rem;padding:.5rem}.code-tabs button{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.code-tabs button.active{background-color:#007bff;color:#fff}.code-content{flex-grow:1;overflow:auto;padding:1rem}.code-content pre{font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.5;margin:0;white-space:pre-wrap}.loading-spinner{height:100%}.no-preview{color:#666;font-size:1.1rem;height:100%;justify-content:center}.chat-header,.no-preview{align-items:center;display:flex}.chat-header{border-bottom:1px solid #eee;justify-content:space-between;padding:1rem}.reopen-chat-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.reopen-chat-button:hover{background-color:#0056b3}.message-input{border-top:1px solid #eee;display:flex;gap:1rem;padding:1rem}.message-input input{border:1px solid #ddd;border-radius:4px;flex-grow:1;font-size:1rem;padding:.8rem}.message-input button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem 1.5rem}.message-input button:disabled{background-color:#ccc;cursor:not-allowed}.chat-controls{align-items:center;display:flex;gap:1rem}.save-changes-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.save-changes-button:hover{background-color:#218838}.save-changes-button:disabled{background-color:#6c757d;cursor:not-allowed}.loading-message{background-color:#f8f9fa;border-radius:8px;gap:.5rem;padding:.8rem 1rem}.loading,.loading-message{align-items:center;display:flex}.loading{color:#666;font-style:italic}.loading:after{animation:dots 1.5s steps(4) infinite;content:"...";display:inline-block;width:1.5em}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%{content:"..."}80%,to{content:""}}.profile-page{background-color:#f8f9fa;margin:0 auto;max-width:1200px;min-height:calc(100vh - 64px);padding:2rem}.profile-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:300px 1fr}.profile-sidebar{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;height:fit-content;padding:2rem;position:sticky;top:2rem}.profile-avatar{border-bottom:1px solid #eee;margin-bottom:1.5rem;padding-bottom:1.5rem;text-align:center}.profile-avatar svg{background:#f0f2f5;border-radius:50%;margin-bottom:1rem;padding:1rem}.profile-avatar h2{color:#333;font-size:1.5rem;margin:1rem 0 .5rem}.profile-avatar .email{color:#666;font-size:.9rem}.profile-content{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:2rem}.form-group{margin-bottom:1.5rem;position:relative}.form-group svg{color:#666;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:.8rem 1rem .8rem 2.5rem;transition:all .2s ease;width:100%}.form-group textarea{min-height:120px;padding:1rem;resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.info-section{background:#f8f9fa;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.info-section h3{color:#333;font-size:1.2rem;margin-bottom:1rem}.info-section p{color:#666;line-height:1.6}.info-item{align-items:center;border-bottom:1px solid #eee;display:flex;gap:1rem;padding:1rem 0}.info-item:last-child{border-bottom:none}.info-item a,.info-item svg{color:#007bff}.info-item a{text-decoration:none}.info-item a:hover{text-decoration:underline}.save-button{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:1rem;padding:1rem 2rem;transition:all .2s ease;width:100%}.save-button:hover{background-color:#218838;transform:translateY(-1px)}.projects-section{border-top:1px solid #eee;margin-top:3rem;padding-top:2rem}.projects-section h2{color:#333;font-size:1.5rem;margin-bottom:2rem}.project-card{background:#f8f9fa}.project-date{color:#666;font-size:.85rem;margin:.5rem 0}.preview{background:#fff;border:1px solid #eee}.edit-button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.8rem;transition:all .2s ease;width:100%}.edit-button:hover{background-color:#0056b3;box-shadow:0 2px 8px #007bff33;transform:translateY(-2px)}.edit-button.active{background-color:#dc3545}.edit-button.active:hover{background-color:#c82333}.delete-button{font-size:.9rem;font-weight:500;padding:.5rem 1rem;position:relative;z-index:2}.delete-button:hover{box-shadow:0 2px 6px #dc354533}.delete-button:active{box-shadow:none;transform:translateY(0)}.username{color:#666;font-size:.9rem;margin-top:.25rem}.profile-link{color:#007bff;text-decoration:none}.profile-link:hover{text-decoration:underline}.trending-page{color:#333;font-family:Arial,sans-serif;margin:0 auto;max-width:1000px;padding:2rem}.trending-page h1{color:#333;margin-bottom:2rem}.projects-list{display:flex;flex-direction:column;gap:1rem}.project-card{background:#fff;border:1px solid #eee;border-radius:8px;color:inherit;padding:1rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.project-card:hover{border-color:#007bff;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.project-header{align-items:center;display:flex;justify-content:space-between}.header-left{flex:1 1}.project-title{color:#000;font-size:1.5rem;margin:0}.header-right{align-items:center;display:flex}.vote-button{background:none;border:none;color:#666;cursor:pointer;font-size:1rem;margin:0 .25rem;transition:color .2s ease}.vote-button:hover{color:#333}.vote-button.active{color:#007bff}.vote-score{color:#28a745;font-size:1.2rem;font-weight:700;margin:0 .5rem}.project-divider{background-color:#ddd;border:none;height:1px;margin:.5rem 0}.project-body{margin-top:.5rem}.project-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#555;display:-webkit-box;font-size:1rem;margin-bottom:.5rem;overflow:hidden;position:relative}.project-description:after{background:linear-gradient(0deg,#fff,#fff0);bottom:0;content:"";height:1.5em;position:absolute;right:0;width:100%}.project-meta{color:#888;font-size:.9rem;text-align:right}.store-page{background-color:#f8f9fa;min-height:calc(100vh - 64px);padding:2rem}.page-title{color:#333;font-size:2rem;margin-bottom:2rem}.listings-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:1rem 0}.listing-card{background:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 2px 4px #0000000d;overflow:hidden;transition:all .3s ease}.listing-card:hover{box-shadow:0 4px 12px #007bff26;transform:translateY(-4px)}.listing-preview{background:#f8f9fa;border-bottom:1px solid #eee;height:200px;position:relative}.listing-preview iframe{border:none;height:100%;pointer-events:none;width:100%}.preview-button{background-color:#007bffe6;border:none;border-radius:4px;bottom:1rem;color:#fff;cursor:pointer;font-size:.9rem;left:50%;opacity:0;padding:.5rem 1rem;position:absolute;transform:translateX(-50%);transition:all .2s ease}.listing-preview:hover .preview-button{opacity:1}.listing-details{padding:1.5rem}.listing-details h3{color:#333;font-size:1.25rem;margin-bottom:.75rem}.listing-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:.9rem;line-height:1.5;margin-bottom:1rem;overflow:hidden}.listing-meta{align-items:center;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:1rem}.price{color:#28a745;font-size:1.1rem;font-weight:600}.seller{color:#666}.buy-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem;transition:all .2s ease;width:100%}.buy-button:hover{background-color:#218838;transform:translateY(-1px)}.preview-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.preview-content{background:#fff;border-radius:8px;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;padding:2rem;position:relative;width:90%}.preview-content h2{color:#333;font-size:1.5rem;margin-bottom:1.5rem}.preview-frame-container{background:#f8f9fa;border-radius:4px;flex-grow:1;margin-bottom:1.5rem;min-height:400px;overflow:hidden}.preview-frame-container iframe{border:none;height:100%;width:100%}.preview-details{border-top:1px solid #eee;padding-top:1.5rem}.preview-details p{color:#666;line-height:1.6;margin-bottom:1rem}.preview-meta{justify-content:space-between;margin-bottom:1.5rem}.loading-spinner,.preview-meta{align-items:center;display:flex}.loading-spinner{color:#666;font-size:1.1rem;justify-content:center;min-height:200px}.close-button{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;position:absolute;right:1rem;top:1rem;transition:color .2s ease}.close-button:hover{color:#333}.listing-actions,.preview-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.delete-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem;transition:all .2s ease;width:100%}.delete-button:hover{background-color:#c82333;transform:translateY(-1px)}.display-app{background-color:#fff;height:calc(100vh - 64px);width:100%}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}.app{background-color:#f5f5f5;min-height:100vh}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.ff4cb994.css.map*/