html,body,#root{height:100%;margin:0;font-family:Segoe UI,sans-serif}.app{display:flex;height:100%;background:#1e1e1e;color:#fff}.sidebar{width:60px;background:#252526;display:flex;flex-direction:column;align-items:center;padding-top:20px;gap:25px;cursor:pointer}.sidebar div{opacity:.6;transition:.2s}.sidebar div:hover{opacity:1;transform:scale(1.1)}.main{flex:1;display:flex;flex-direction:column}.toolbar{height:45px;background:#2d2d2d;display:flex;justify-content:space-between;align-items:center;padding:0 15px;border-bottom:1px solid #333}.file-tab{background:#1e1e1e;padding:6px 12px;border-radius:4px;font-size:14px}.toolbar-right{display:flex;align-items:center}.run-btn{background:#2f6fed;border:none;padding:6px 14px;color:#fff;border-radius:4px;cursor:pointer}.run-btn:hover{background:#1d4ed8}.editor-output{flex:1;display:flex}.editor{width:70%}.output{width:30%;background:#1b1b1b;border-left:1px solid #333;display:flex;flex-direction:column}.output-header{padding:10px;border-bottom:1px solid #333;font-weight:500}.output pre{flex:1;padding:15px;margin:0;overflow-y:auto;background:#111;white-space:pre-wrap}