* { margin:0; padding:0; box-sizing:border-box; font-family:Arial, sans-serif; }
body { background:#111; color:#fff; }

#hud {
  position:fixed;
  top:0; left:0; right:0;
  background:#1a1a1a;
  padding:10px;
  z-index:9999;
  display:flex;
  gap:8px;
  border-bottom:2px solid #444;
}

#hud button, #hud input {
  padding:8px 12px;
  border:none;
  border-radius:4px;
}

#hud input { flex:1; background:#222; color:white; }

#menu {
  position:fixed;
  left:0; top:60px; bottom:0;
  width:200px;
  background:#222;
  padding:20px 10px;
  overflow-y:auto;
}

#menu h2 { margin-bottom:15px; color:#0f0; }
#menu a {
  display:block; padding:10px;
  color:#ccc; text-decoration:none;
  margin:4px 0; border-radius:4px;
}
#menu a:hover { background:#333; color:white; }

#proxy-frame {
  position:fixed;
  top:60px; left:200px; right:0; bottom:0;
  width:calc(100% - 200px);
  height:calc(100% - 60px);
  border:none;
}