:root{--bg-color: #00000;--text-color: #fff;--accent-color: #fff;--hover-color: #E6FF84;--border-color: #333;--sidebar-bg: #2d2d2d;--code-editor-bg: #2d2d2d;--io-bg: #2d2d2d}body{margin:0;font-family:Fira Code,monospace;background-color:var(--bg-color);color:var(--text-color)}.ide-container{display:flex;flex-direction:column;height:100vh}.navbar{background-color:var(--bg-color);color:var(--text-color);padding:1rem;text-align:center;font-size:1.2rem;border-bottom:1px solid var(--border-color);box-shadow:0 2px 4px #0003}.file-name{margin:0;font-weight:700}.main-content{display:flex;flex:1;overflow:hidden}.editor-container{flex:1;padding:1rem;border:1px solid var(--border-color);background-color:var(--code-editor-bg);box-shadow:0 4px 10px #0000001a;max-height:100vh;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#888 #2e2e2e}.editor-container::-webkit-scrollbar{width:8px}.editor-container::-webkit-scrollbar-thumb{background-color:#555;border-radius:4px}.editor-container::-webkit-scrollbar-track{background-color:#2e2e2e}.css-18hgfmu{height:90%}.io-container{flex:1;padding:1rem;background-color:var(--io-bg);overflow-y:auto}.file-actions{display:flex;align-items:center;gap:10px}.file-actions-container button{background-color:#bbe613;color:#000;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:background-color .3s ease;height:40px;display:flex;align-items:center;justify-content:center;font-size:14px;white-space:nowrap}.file-actions-container button:hover{background-color:var(--hover-color)}.ai-sidebar{position:fixed;right:0;top:0;width:300px;height:100%;background-color:var(--sidebar-bg);box-shadow:-2px 0 4px #0000001a;transform:translate(100%);transition:transform .3s ease-in-out;overflow-y:auto;padding:1rem}.ai-sidebar.open{transform:translate(0)}.ai-sidebar h3{margin-top:0;color:var(--accent-color)}.ai-sidebar p{color:var(--text-color);height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:4px}::-webkit-scrollbar-track{background:var(--border-color)}