:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;font-size:1.5rem}.auth-container{display:flex;align-items:center;justify-content:center;height:100vh;background-color:#1a1a1a}.auth-form{background-color:#2a2a2a;padding:2.5rem;border-radius:8px;border:1px solid #333;width:100%;max-width:400px;text-align:center}.auth-form h2{margin-top:0}.auth-form p{color:#8e8ea0;margin-bottom:1.5rem}.auth-form form{display:flex;flex-direction:column;gap:1rem}.auth-form input{padding:12px;border-radius:4px;border:1px solid #555;background-color:#3a3a3a;color:#fff;font-size:1rem}.auth-form button{padding:12px;border-radius:4px;border:none;background-color:#007bff;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .2s}.auth-form button:hover{background-color:#0056b3}.auth-divider{margin:1.5rem 0;color:#555;text-transform:uppercase;font-size:.8rem;font-weight:700}.google-signin{background-color:#4285f4!important}.google-signin:hover{background-color:#357ae8!important}.auth-switch{margin-top:1.5rem}.auth-switch span{color:#007bff;cursor:pointer;font-weight:700}.auth-error{color:#ff5c5c;margin-bottom:1rem}.sidebar-footer{margin-top:auto;padding:1rem;border-top:1px solid #333;display:flex;align-items:center;justify-content:space-between}.user-profile span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9em}.logout-button{background:none;border:none;color:#8e8ea0;cursor:pointer;padding:8px;border-radius:50%;flex-shrink:0}.logout-button:hover{background-color:#3a3a3a;color:#ff5c5c}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1a1a1a}body{margin:0;overflow:hidden}#root{padding:0;max-width:100vw}.app-shell{display:flex;height:100vh}.sidebar{display:flex;flex-direction:column;background-color:#202123;transition:width .3s ease;overflow:hidden;flex-shrink:0;border-right:1px solid #333}.sidebar.expanded{width:280px}.sidebar.collapsed{width:70px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;height:50px;box-sizing:border-box;flex-shrink:0}.menu-toggle{background:none;border:none;color:#ccc;cursor:pointer;padding:.5rem;border-radius:8px}.menu-toggle:hover{background-color:#3a3a3a}.new-project-button{display:flex;align-items:center;gap:10px;background-color:#3a3a3a;color:#f0f0f0;border:none;padding:8px 12px;border-radius:8px;cursor:pointer;white-space:nowrap;transition:background-color .2s}.new-project-button:hover{background-color:#4a4a4a}.new-project-button svg{flex-shrink:0}.project-list{padding:0 1rem;overflow-y:auto;flex-grow:1}.project-list h3{margin:1rem 0;font-size:1.1em;color:#8e8ea0}.project-list ul{list-style:none;padding:0;margin:0}.project-list li{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:4px;margin-bottom:4px}.project-list-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;flex-grow:1;margin-right:8px}.project-list li.active{background-color:#007bff;color:#fff}.project-list li:not(.active):hover{background-color:#3a3a3a}.delete-project-button{background:none;border:none;color:#8e8ea0;cursor:pointer;padding:4px;border-radius:4px;opacity:0;transition:opacity .2s;flex-shrink:0}.project-list li:hover .delete-project-button{opacity:1}.delete-project-button:hover{color:#ff5c5c;background-color:#4a4a4a}.sidebar-footer{padding:1rem;border-top:1px solid #333;flex-shrink:0;display:flex;flex-direction:column;gap:1rem}.user-profile{display:flex;align-items:center;gap:10px;overflow:hidden}.user-profile img{width:32px;height:32px;border-radius:50%;flex-shrink:0}.user-profile span{font-size:.9em;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upgrade-button-sidebar{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background-color:#f97316;color:#fff;border:none;padding:10px 12px;border-radius:8px;cursor:pointer;font-weight:700;transition:background-color .2s}.upgrade-button-sidebar:hover{background-color:#ea580c}.upgrade-button-sidebar:disabled{background-color:#555;cursor:not-allowed}.subscription-button,.logout-button{background:none;border:1px solid #444;color:#ccc;cursor:pointer;padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background-color .2s,border-color .2s}.subscription-button:hover,.logout-button:hover{background-color:#3a3a3a;border-color:#555}.main-content{flex-grow:1;display:flex;flex-direction:column;overflow:hidden;padding:1.5rem}.app-header{display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;margin-bottom:1.5rem;text-align:center}.project-name-input{background:none;border:none;color:#fff;font-size:2.2em;font-weight:700;text-align:center;width:auto;max-width:calc(100% - 200px);padding:.2rem;margin:0 auto}.project-name-input:focus{outline:1px solid #555;border-radius:4px}.deploy-button{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px;background-color:#4caf50;color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:700;transition:background-color .2s}.deploy-button:hover{background-color:#45a049}.ide-layout{flex-grow:1;display:flex;gap:1.5rem;overflow:hidden}.left-column{width:400px;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #333;border-radius:8px}.file-tree{flex-grow:1;overflow-y:auto;padding:1rem;min-height:150px;display:flex;flex-direction:column}.file-tree-header{display:flex;justify-content:space-between;align-items:center;margin:0 0 1rem;flex-shrink:0}.file-tree-header h4{margin:0}.download-button{background:none;border:1px solid #444;color:#ccc;cursor:pointer;padding:.4rem;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background-color .2s,border-color .2s}.download-button:hover{background-color:#3a3a3a;border-color:#555}.chat-container{flex-shrink:0;height:300px;border-top:1px solid #333;display:flex;flex-direction:column}.chat-history{flex-grow:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.chat-message{display:flex}.chat-message p{margin:0;padding:10px 15px;border-radius:18px;max-width:85%;word-wrap:break-word}.chat-message.ai p{background-color:#2a2a2a;border-bottom-left-radius:4px}.chat-message.user{justify-content:flex-end}.chat-message.user p{background-color:#007bff;color:#fff;border-bottom-right-radius:4px}.chat-input-area{padding:1rem;border-top:1px solid #333;background-color:#202123}.chat-input-wrapper{position:relative;display:flex;align-items:center}.chat-input-wrapper textarea{width:100%;box-sizing:border-box;padding:10px 45px 10px 15px;border-radius:18px;border:1px solid #555;background-color:#2a2a2a;color:#f0f0f0;font-size:1em;resize:none;max-height:150px;overflow-y:auto}.chat-input-wrapper button{position:absolute;right:8px;bottom:8px;background:none;border:none;padding:5px;cursor:pointer;color:#8e8ea0}.chat-input-wrapper button:hover{color:#f0f0f0}.chat-input-wrapper button:disabled{color:#555;cursor:not-allowed}.right-column{width:100%;flex-shrink:0;display:flex;flex-direction:column;border:1px solid #333;border-radius:8px;overflow:hidden}.editor-container{flex-grow:1;position:relative;background-color:#1e1e1e;overflow:auto}.file-tree ul{list-style:none;padding:0;margin:0;flex-grow:1;overflow-y:auto}.file-tree li{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;border-radius:4px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9em}.file-icon{flex-shrink:0;display:flex;align-items:center}.file-tree li:hover{background-color:#3a3a3a}.file-tree li.active{background-color:#007bff;color:#fff}.file-tree li.error{color:#ff5c5c}.file-tree li.error.active{background-color:#ff5c5c;color:#fff}.status-bar{flex-shrink:0;height:30px;background-color:#202123;border-top:1px solid #333;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;font-size:.85em;color:#8e8ea0}.status-bar-file{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-bar-actions{display:flex;align-items:center;gap:1rem}.copy-button{background:none;border:none;color:#8e8ea0;cursor:pointer;display:flex;align-items:center;padding:4px;border-radius:4px}.copy-button:hover{color:#f0f0f0;background-color:#3a3a3a}.copy-status{color:#4caf50;font-weight:700}.subscription-page{padding:2rem;max-width:600px;margin:2rem auto;text-align:center;background-color:#1f2937;border-radius:8px;border:1px solid #374151}.subscription-card{background-color:#374151;padding:2rem;border-radius:8px;margin-top:1.5rem}.subscription-card h3{font-size:1.5em;font-weight:700;color:#93c5fd;margin-bottom:.5rem}.price{font-size:2.5em;font-weight:700;margin-bottom:1.5rem}.price span{font-size:.5em;font-weight:400;color:#9ca3af}.subscription-card ul{list-style:none;padding:0;margin-bottom:2rem;text-align:left;max-width:300px;margin-left:auto;margin-right:auto}.subscription-card li{margin-bottom:.8rem;display:flex;align-items:center;gap:8px}.upgrade-button{background-color:#4caf50;color:#fff;padding:12px 24px;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:background-color .2s}.upgrade-button:hover{background-color:#45a049}.upgrade-button:disabled{background-color:#555;cursor:not-allowed}.back-button{background:none;border:none;color:#9ca3af;cursor:pointer;position:absolute;top:2.5rem;left:2.5rem}.limit-message{margin-top:1.5rem;font-size:.9em;color:#fca5a5}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#2a2a2a;padding:2rem;border-radius:8px;width:90%;max-width:500px;border:1px solid #444}.modal-content h3{margin-top:0}.modal-content a{color:#61dafb;font-weight:700}.modal-content hr{border:none;border-top:1px solid #444;margin:1rem 0}.modal-content button{margin-top:1.5rem;padding:10px 20px;border-radius:8px;border:none;background-color:#007bff;color:#fff;cursor:pointer}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;font-size:1.5em;color:#ccc}.no-project-view{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#6b7280}.no-project-view h2{margin-bottom:.5rem}