*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:Tahoma,sans-serif;
background:#f4f6f9;
height:100vh;
overflow:hidden;
}

.topbar{
height:60px;
background:#1f2937;
color:white;
display:flex;
justify-content:space-between;
align-items:center;
padding:0 20px;
}

.logo{
font-size:22px;
font-weight:bold;
}

.toolbar button{
padding:8px 15px;
border:none;
border-radius:8px;
margin-right:5px;
cursor:pointer;
background:#2563eb;
color:white;
}

.toolbar button:hover{
opacity:.9;
}

.main-layout{
display:flex;
height:55vh;
}

.sidebar{
width:220px;
background:white;
border-left:1px solid #ddd;
padding:10px;
}

.workspace-container{
flex:1;
background:white;
display:flex;
flex-direction:column;
}

.panel-title{
padding:10px;
background:#eef2ff;
border-bottom:1px solid #ddd;
font-weight:bold;
}

#blocklyDiv{
width:100%;
height:100%;
}

.editor-section{
height:20vh;
background:white;
border-top:1px solid #ddd;
}

#pythonEditor{
height:100%;
width:100%;
}

.console-section{
height:15vh;
background:#111827;
color:#00ff88;
overflow:auto;
}

#consoleOutput{
padding:10px;
white-space:pre-wrap;
}

.simulator-section{
height:30vh;
background:white;
border-top:1px solid #ddd;
}

#stage{
width:100%;
height:100%;
background:#fafafa;
border-top:1px solid #ddd;
}

.statusbar{
height:30px;
background:#374151;
color:white;
display:flex;
justify-content:space-between;
align-items:center;
padding:0 10px;
font-size:13px;
}