:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;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;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}}html,body,#root{margin:0;padding:0;height:100%;width:100%;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:#1a1a1a;color:#fff}.app-container{display:flex;flex-direction:column;height:100vh}.top-nav{display:flex;align-items:center;padding:.4rem 1rem;background-color:#202020;border-bottom:1px solid #3a3a3a;gap:1rem}.brand{font-weight:700;font-size:1.1rem}.goal-container{display:flex;align-items:flex-start;gap:.3rem;flex:1}.goal-label{font-size:.8rem;color:#ccc;margin-top:.2rem}.project-desc{background-color:#2b2b2b;color:#fff;border:1px solid #555;border-radius:4px;font-size:.75rem;line-height:1.2;padding:.4rem;resize:vertical;width:100%;min-height:26px;max-height:60px}.build-btn{background-color:#3a3a3a;color:#fff;border:none;padding:.4rem 1rem;cursor:pointer;border-radius:4px;margin-right:.5rem}.build-btn:hover{background-color:#4a4a4a}.main-content{display:flex;flex:1;overflow:hidden}.sidebar{display:flex;flex-direction:column;background-color:#2b2b2b;border-right:1px solid #3a3a3a;font-size:.8rem;position:relative;width:240px}.sidebar-top-controls{display:flex;align-items:center;gap:.3rem;padding:.5rem}.nav-buttons{display:flex;gap:.2rem}.nav-arrow-btn{background-color:#3a3a3a;border:none;padding:.3rem .4rem;border-radius:4px;cursor:pointer;font-size:.75rem}.nav-arrow-btn:hover{background-color:#4a4a4a}.file-search-box{padding:.3rem .5rem;background-color:#2b2b2b;color:#fff;border:1px solid #555;border-radius:4px;width:100px;font-size:.75rem}.file-search-box:focus{outline:2px solid #646cff}.sidebar-body{flex:1;overflow-y:auto;padding:0 .5rem}.sidebar-lower{margin-top:auto;padding:.5rem}.explorer-title{margin:.5rem 0 .2rem;font-size:.85rem}.explorer-list,.explorer-item{list-style:none;margin:0;padding:0}.explorer-item{display:flex;align-items:center;margin:.2rem 0;cursor:pointer;border-radius:3px;padding:2px 4px}.explorer-item:hover{background-color:#3a3a3a}.file-icon{margin-right:6px}.timeline-title{font-size:.85rem;color:#ccc;margin-bottom:.3rem}.timeline-track{position:relative;margin-left:15px;border-left:2px solid #444;padding-left:16px}.timeline-dot-wrapper{position:relative;margin:.7rem 0}.timeline-dot{position:absolute;left:-9px;width:10px;height:10px;border-radius:50%;background-color:#666;cursor:pointer}.timeline-dot:hover{background-color:#999}.active-dot{background-color:#646cff}.timeline-dot-actions{display:none;position:absolute;top:-8px;left:18px;background-color:#2b2b2b;padding:.4rem;border-radius:4px;border:1px solid #3a3a3a;min-width:80px}.timeline-dot-wrapper:hover .timeline-dot-actions{display:block}.dot-label{font-weight:700;margin-bottom:.2rem;display:block}.timeline-dot-actions button{background-color:#3a3a3a;color:#fff;border:none;border-radius:4px;padding:.3rem .5rem;font-size:.75rem;margin:.2rem 0}.resizer-handle{width:5px;cursor:col-resize;background-color:#111;opacity:.4;transition:background-color .2s}.resizer-handle:hover{background-color:#333}.editor-container{display:flex;flex-direction:column;flex:1;position:relative}.subtop-bar{display:flex;background-color:#202020;border-bottom:1px solid #3a3a3a}.subtop-btn{background-color:#202020;border:none;color:#ccc;padding:.4rem .7rem;cursor:pointer;font-size:.75rem;border-radius:0}.subtop-btn:hover{background-color:#333}.subtop-btn.active{background-color:#333;color:#fff}.editor-pane{flex:1;position:relative;min-height:60px}.horizontal-resizer-handle{height:5px;cursor:row-resize;background-color:#111;opacity:.4}.horizontal-resizer-handle:hover{background-color:#333}.console-logs-container{border-top:1px solid #3a3a3a;background-color:#1e1e1e;color:#fff;overflow-y:auto;font-size:.7rem;min-height:50px}.console-logs-container pre{margin:0;padding:6px;line-height:1.3}.preview-pane{flex:1;display:flex;align-items:center;justify-content:center;border-top:1px solid #3a3a3a;background-color:#1e1e1e;font-size:.8rem}.operator-panel{display:flex;flex-direction:column;background-color:#2b2b2b;border-left:1px solid #3a3a3a;font-size:.75rem;padding:.5rem}.operator-panel h3{margin:.4rem 0}.operator-messages{flex:1;overflow-y:auto;padding:.5rem}.operator-msg{margin:.3rem 0;padding:.3rem .4rem;border-radius:4px;max-width:90%;word-wrap:break-word}.operator-msg.user{align-self:flex-end;background-color:#333}.operator-msg.assistant{align-self:flex-start;background-color:transparent}.operator-input{position:sticky;bottom:0;left:0;width:100%;background-color:#2b2b2b;padding:.5rem 0}.operator-input textarea{width:100%;resize:vertical;background-color:#333;color:#fff;border:1px solid #555;border-radius:4px;padding:.4rem;line-height:1.3;min-height:40px;font-size:.75rem;box-sizing:border-box}.status-bar{height:20px;background-color:#202020;color:#ccc;display:flex;align-items:center;padding-left:.8rem;font-size:.7rem}.profile-menu-container{position:relative}.profile-icon-btn{background-color:#3a3a3a;border:none;padding:.3rem .6rem;border-radius:50px;cursor:pointer;font-size:.8rem;display:flex;align-items:center;gap:4px}.profile-icon-btn:hover{background-color:#4a4a4a}.profile-dropdown{position:absolute;right:0;top:120%;background-color:#2b2b2b;border:1px solid #3a3a3a;border-radius:4px;min-width:140px;z-index:1000;padding:.4rem}.profile-dropdown p{margin:.3rem 0;font-size:.75rem}.profile-dropdown .menu-item{background-color:#3a3a3a;border:none;color:#fff;display:block;width:100%;text-align:left;padding:.3rem .5rem;border-radius:4px;margin:.2rem 0;font-size:.75rem;cursor:pointer}.profile-dropdown .menu-item:hover{background-color:#4a4a4a}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:2000;display:flex;align-items:center;justify-content:center}.modal-content{background-color:#2b2b2b;padding:1rem;border-radius:6px;border:1px solid #3a3a3a;width:400px;max-width:90%;font-size:.85rem;position:relative}.modal-content h2{margin-top:0}.modal-close-btn{position:absolute;top:6px;right:10px;background:none;border:none;color:#ccc;cursor:pointer;font-size:1rem}.modal-close-btn:hover{color:#fff}.modal-content ul{margin:.5rem 0;padding-left:1.2rem}.modal-content button{background-color:#3a3a3a;color:#fff;border:none;border-radius:4px;padding:.4rem .7rem;margin-top:.4rem;cursor:pointer;font-size:.75rem}.modal-content button:hover{background-color:#4a4a4a}